solid-ui 3.0.6 → 3.1.0

package/dist/components/loginButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/loginButton/index.js","mappings":"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AK,CAAC;IACtCE,SAAS,EAAE;MAAEJ,IAAI,EAAEC,MAAM;MAAEI,SAAS,EAAE,YAAY;MAAEH,OAAO,EAAE;IAAK,CAAC;IACnEI,IAAI,EAAE;MAAEN,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IACrCK,MAAM,EAAE;MAAEP,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IACvCM,UAAU,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAC;IAC3BC,iBAAiB,EAAE;MAAED,KAAK,EAAE;IAAK,CAAC;IAClCE,aAAa,EAAE;MAAEF,KAAK,EAAE;IAAK;EAC/B,CAAC;EAED,OAAOG,MAAM,GAAGtB,mBAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EAWOuB,cAAc,GAAG,oBAAoBC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;EAC9EC,SAAS,GAAG,EAAE;EAEtBC,WAAWA,CAAA,EAAI;IACb,KAAK,CAAC,CAAC;IACP,IAAI,CAACpB,KAAK,GAAG,QAAQ;IACrB,IAAI,CAACI,KAAK,GAAG,OAAO;IACpB,IAAI,CAACC,SAAS,GAAG,EAAE;IACnB,IAAI,CAACE,IAAI,GAAG,EAAE;IACd,IAAI,CAACC,MAAM,GAAG,SAAS;IACvB,IAAI,CAACC,UAAU,GAAG,KAAK;IACvB,IAAI,CAACE,iBAAiB,GAAG,EAAE;IAC3B,IAAI,CAACC,aAAa,GAAG,KAAK;EAC5B;EAEAS,iBAAiBA,CAAA,EAAI;IACnB,KAAK,CAACA,iBAAiB,CAAC,CAAC;EAC3B;EAEAC,oBAAoBA,CAAA,EAAI;IACtB,KAAK,CAACA,oBA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","sources":["webpack://solid-ui/external var \"SolidLogic\"","webpack://solid-ui/./node_modules/@lit/reactive-element/css-tag.js","webpack://solid-ui/./node_modules/@lit/reactive-element/reactive-element.js","webpack://solid-ui/./node_modules/lit-element/lit-element.js","webpack://solid-ui/./node_modules/lit-html/lit-html.js","webpack://solid-ui/./node_modules/lit/index.js","webpack://solid-ui/webpack/bootstrap","webpack://solid-ui/webpack/runtime/define property getters","webpack://solid-ui/webpack/runtime/hasOwnProperty shorthand","webpack://solid-ui/./src/v2/components/loginButton/downArrow.ts","webpack://solid-ui/./src/v2/components/loginButton/LoginButton.ts","webpack://solid-ui/./src/v2/components/loginButton/index.ts"],"sourcesContent":["module.exports = SolidLogic;","/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1],t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i,e=!1,h){if(void 0!==t){const r=this.constructor;if(!1===e&&(h=this[t]),i??=r.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.2\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as r}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=globalThis;class i extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=e(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i[\"finalized\"]=!0,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});const n={_$AK:(t,e,r)=>{t._$AK(e,r)},_$AL:t=>t._$AL};(s.litElementVersions??=[]).push(\"4.2.2\");export{i as LitElement,n as _$LE};\n//# sourceMappingURL=lit-element.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,i=t=>t,s=t.trustedTypes,e=s?s.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,h=\"$lit$\",o=`lit$${Math.random().toFixed(9).slice(2)}$`,n=\"?\"+o,r=`<${n}>`,l=document,c=()=>l.createComment(\"\"),a=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,u=Array.isArray,d=t=>u(t)||\"function\"==typeof t?.[Symbol.iterator],f=\"[ \\t\\n\\f\\r]\",v=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${f}(?:([^\\\\s\"'>=/]+)(${f}*=${f}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,\"g\"),g=/'/g,$=/\"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),w=x(2),T=x(3),E=Symbol.for(\"lit-noChange\"),A=Symbol.for(\"lit-nothing\"),C=new WeakMap,P=l.createTreeWalker(l,129);function V(t,i){if(!u(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return void 0!==e?e.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?\"<svg>\":3===i?\"<math>\":\"\",c=v;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v?\"!--\"===u[1]?c=_:void 0!==u[1]?c=m:void 0!==u[2]?(y.test(u[2])&&(n=RegExp(\"</\"+u[2],\"g\")),c=p):void 0!==u[3]&&(c=p):c===p?\">\"===u[0]?(c=n??v,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p:'\"'===u[3]?$:g):c===$||c===g?c=p:c===_||c===m?c=v:(c=p,n=void 0);const x=c===p&&t[i+1].startsWith(\"/>\")?\" \":\"\";l+=c===v?s+r:d>=0?(e.push(a),s.slice(0,d)+h+s.slice(d)+o+x):s+o+(-2===d?i:x)}return[V(t,l+(t[s]||\"<?>\")+(2===i?\"</svg>\":3===i?\"</math>\":\"\")),e]};class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h)){const i=v[a++],s=r.getAttribute(t).split(o),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:\".\"===e[1]?I:\"?\"===e[1]?L:\"@\"===e[1]?z:H}),r.removeAttribute(t)}else t.startsWith(o)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o),i=t.length-1;if(i>0){r.textContent=s?s.emptyScript:\"\";for(let s=0;s<i;s++)r.append(t[s],c()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c())}}}else if(8===r.nodeType)if(r.data===n)d.push({type:2,index:l});else{let t=-1;for(;-1!==(t=r.data.indexOf(o,t+1));)d.push({type:7,index:l}),t+=o.length-1}l++}}static createElement(t,i){const s=l.createElement(\"template\");return s.innerHTML=t,s}}function M(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=M(t,h._$AS(t,i.values),h,e)),i}class R{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??l).importNode(i,!0);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n]}o!==r?.index&&(h=P.nextNode(),o++)}return P.currentNode=l,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=M(this,t,i),a(t)?t===A||null==t||\"\"===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==A&&a(this._$AH)?this._$AA.nextSibling.data=t:this.T(l.createTextNode(t)),this._$AH=t}$(t){const{values:i,_$litType$:s}=t,e=\"number\"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=S.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else{const t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new S(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new k(this.O(c()),this.O(c()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){const s=i(t).nextSibling;i(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=M(this,t,i,0),o=!a(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M(this,e[s+n],i,n),r===E&&(r=this._$AH[n]),o||=!a(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??\"\")+h[n+1]),this._$AH[n]=r}o&&!e&&this.j(t)}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??\"\")}}class I extends H{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A?void 0:t}}class L extends H{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A)}}class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5}_$AI(t,i=this){if((t=M(this,t,i,0)??A)===E)return;const s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){\"function\"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const j={M:h,P:o,A:n,C:1,L:N,R,D:d,V:M,I:k,H,N:L,U:z,B:I,F:Z},B=t.litHtmlPolyfillSupport;B?.(S,k),(t.litHtmlVersions??=[]).push(\"3.3.2\");const D=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new k(i.insertBefore(c(),t),t,void 0,s??{})}return h._$AI(t),h};export{j as _$LH,b as html,T as mathml,E as noChange,A as nothing,D as render,w as svg};\n//# sourceMappingURL=lit-html.js.map\n","import\"@lit/reactive-element\";import\"lit-html\";export*from\"lit-element/lit-element.js\";export*from\"lit-html/is-server.js\";\n//# sourceMappingURL=index.js.map\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import { html } from 'lit-html'\n\nexport const phoneIcon = html`\n  <svg xmlns=\"http://www.w3.org/2000/svg\" \n    viewBox=\"0 0 12 7\" \n    fill=\"none\"\n  >\n    <path d=\"M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955\" stroke=\"#6A7282\" stroke-width=\"1.35776\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n","import { LitElement, html, css } from 'lit'\nimport { authSession, authn, getSuggestedIssuers, offlineTestID, solidLogicSingleton } from 'solid-logic'\nimport { phoneIcon as downArrowIcon } from './downArrow'\n\nexport class LoginButton extends LitElement {\n  static properties = {\n    label: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    issuerUrl: { type: String, attribute: 'issuer-url', reflect: true },\n    icon: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    _popupOpen: { state: true },\n    _issuerInputValue: { state: true },\n    _dropdownOpen: { state: true }\n  }\n\n  static styles = css`\n    :host { // default theme\n      display: inline-block;\n      position: relative;\n      z-index: 400;\n      --login-button-background: var(--lavender-900, #7c4cff);\n      --login-button-text: var(--color-header-text, #ffffff);\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --popup-overlay-background: rgba(0, 0, 0, 0.6);\n      --issuer-input-background: var(--color-background, #F8F9FB);\n      --issuer-input-text: var(--color-text, #1A1A1A);\n      --issuer-input-border: var(--color-text, #1A1A1A);\n      --issuer-button-background: var(--color-background, #F8F9FB);\n      --issuer-button-text: var(--color-text, #1A1A1A);\n      --issuer-button-border: var(--color-border, #E5E7EB);\n      --issuer-button-hover-background: var(--lavender-900, #7c4cff);\n      --issuer-label-color: var(--grey-purple-700, #1A1A1A);\n      --issuer-placeholder-color: var(--grey-purple-700, #5e546d);;\n      --error-text-color: var(--color-error, #B00020);\n    }\n\n    :host([theme='dark']) {\n      display: inline-block;\n      position: relative;\n      z-index: 900;\n      --login-button-background: var(--lavender-900, #7c4cff);\n      --login-button-text: var(--color-header-text, #ffffff);\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --popup-overlay-background: rgba(0, 0, 0, 0.6);\n      --issuer-input-background: var(--color-background, #F8F9FB);\n      --issuer-input-text: var(--color-text, #1A1A1A);\n      --issuer-input-border: var(--color-text, #1A1A1A);\n      --issuer-button-background: var(--color-background, #F8F9FB);\n      --issuer-button-text: var(--color-text, #1A1A1A);\n      --issuer-button-border: var(--color-text, #1A1A1A);\n      --issuer-button-hover-background: var(--lavender-900, #7c4cff);\n      --issuer-label-color: var(--grey-purple-700, #1A1A1A);\n      --issuer-placeholder-color: var(--grey-purple-700, #5e546d);;\n      --error-text-color: var(--color-error, #B00020);\n    }\n\n    .login-button {\n      display: flex;\n      height: 35px;\n      padding: var(--spacing-xxs, 0.3125rem) var(--spacing-xs, 0.75rem);\n      align-items: center;\n      gap: var(--spacing-xxs, 0.3125rem);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--login-button-background);\n      border: none;\n      color: var(--login-button-text);\n      cursor: pointer;\n      font: inherit;\n      line-height: 1;\n      white-space: nowrap;\n      text-decoration: none;\n      box-sizing: border-box;\n      transition: transform 0.2s ease;\n    }\n\n    .login-button-icon {\n      width: 16px;\n      height: 16px;\n      display: inline-block;\n      object-fit: contain;\n    }\n\n    .login-button:active {\n      transform: translateY(1px);\n    }\n\n    .popup-dialog {\n      border: none;\n      padding: 0;\n      background: transparent;\n      outline: none;\n      overflow: visible;\n      max-height: none;\n      max-width: none;\n    }\n\n    .popup-dialog::backdrop {\n      background: var(--popup-overlay-background, rgba(0, 0, 0, 0.6));\n    }\n\n    .popup-box {\n      background: var(--popup-background);\n      color: var(--popup-text);\n      box-shadow: var(--popup-shadow);\n      border: 1px solid var(--popup-border);\n      border-radius: var(--border-radius-md, 0.5rem);\n      min-width: 480px;\n      z-index: 1001;\n    }\n\n    .popup-top-menu {\n      border-bottom: 1px solid #DDD;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      padding: 1rem;\n      background: var(--gray-200, #E5E7EB);\n    }\n\n    .popup-title {\n      font-weight: 800;\n    }\n\n    .popup-close {\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      font-size: 1.25rem;\n      line-height: 1;\n      padding: 0 0.25rem;\n    }\n\n    .issuer-text-section {\n      display: flex;\n      flex-direction: column;\n      padding: 1rem 1rem 1.75rem;\n    }\n\n    .issuer-text-label {\n      color: var(--issuer-label-color);\n      margin-bottom: 6px;\n    }\n\n    .issuer-text-row {\n      display: flex;\n      flex-direction: row;\n      gap: 6px;\n      align-items: flex-start;\n    }\n\n    .issuer-input-wrapper {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      position: relative;\n    }\n\n    .issuer-input-field-row {\n      display: flex;\n      flex-direction: row;\n      position: relative;\n    }\n\n    .issuer-text-input {\n      flex: 1;\n      padding: 0.375rem 2.75rem 0.375rem 0.5rem;\n      border: 1px solid var(--issuer-input-border);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--issuer-input-background);\n      color: var(--issuer-input-text);\n      font: inherit;\n      min-width: 0;\n    }\n\n    .issuer-text-input::placeholder {\n      color: var(--issuer-placeholder-color);\n    }\n\n    .issuer-dropdown-toggle {\n      position: absolute;\n      right: 6px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 26px;\n      height: 26px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border-radius: var(--border-radius-base, 0.3125rem);\n    }\n\n    .issuer-dropdown-toggle:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .issuer-dropdown-toggle svg {\n      width: 14px;\n      height: 14px;\n      display: block;\n    }\n\n    .issuer-dropdown-list {\n      position: absolute;\n      top: calc(100% + 6px);\n      left: 0;\n      right: 0;\n      border: 1px solid var(--color-border, #E5E7EB);\n      border-top: none;\n      border-radius: 0 0 var(--border-radius-base, 0.3125rem) var(--border-radius-base, 0.3125rem);\n      background: var(--issuer-input-background);\n      overflow: visible;\n      z-index: 10;\n      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);\n    }\n\n    .issuer-dropdown-item {\n      display: block;\n      width: 100%;\n      padding: 0.625rem 0.75rem;\n      border: none;\n      border-bottom: 1px solid var(--color-border, #E5E7EB);\n      background: transparent;\n      color: var(--issuer-button-text);\n      cursor: pointer;\n      font: inherit;\n      text-align: left;\n      box-sizing: border-box;\n    }\n\n    .issuer-dropdown-item:last-child {\n      border-bottom: none;\n    }\n\n    .issuer-dropdown-item:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n      border-radius: var(--border-radius-base-md, 0.5rem);\n    }\n\n    .popup-footer {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 8px;\n      padding: 0.75rem 1rem 1rem;\n    }\n\n    .popup-footer-hr {\n      margin: 0;\n      border: none;\n      border-top: 1px solid var(--popup-border, #E5E7EB);\n    }\n\n    .popup-cancel-button {\n      padding: 0.5rem 1.25rem;\n      border: 1px solid #C0BFC7;\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--popup-background);\n      color: #314158;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .popup-cancel-button:hover {\n      background: #D1D5DB;\n    }\n\n    .popup-login-button {\n      padding: 0.5rem 1.25rem;\n      border: none;\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--lavender-900, #7c4cff);\n      color: #ffffff;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .popup-login-button:hover {\n      background: #6a3de8;\n    }\n\n    .popup-login-button:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .error-msg {\n      color: var(--error-text-color);\n      font-size: 0.875rem;\n      margin-top: 8px;\n    }\n  `\n\n  declare label: string\n  declare theme: 'light' | 'dark'\n  declare issuerUrl: string\n  declare icon: string\n  declare layout: 'desktop' | 'mobile'\n  declare _popupOpen: boolean\n  declare _issuerInputValue: string\n  declare _dropdownOpen: boolean\n\n  private _issuerInputId = `issuer-url-input-${Math.random().toString(36).slice(2, 10)}`\n  private _errorMsg = ''\n\n  constructor () {\n    super()\n    this.label = 'Log In'\n    this.theme = 'light'\n    this.issuerUrl = ''\n    this.icon = ''\n    this.layout = 'desktop'\n    this._popupOpen = false\n    this._issuerInputValue = ''\n    this._dropdownOpen = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n  }\n\n  private _openPopup () {\n    const offline = offlineTestID()\n    if (offline) {\n      this._loginComplete(offline.uri)\n      return\n    }\n    this._issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n    this._errorMsg = ''\n    this._popupOpen = true\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n  }\n\n  updated () {\n    const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null\n    if (!dialog) return\n    if (this._popupOpen && !dialog.open) {\n      dialog.showModal()\n    } else if (!this._popupOpen && dialog.open) {\n      dialog.close()\n    }\n  }\n\n  private async _loginToIssuer (issuerUri: string) {\n    if (!issuerUri) return\n    try {\n      // clear authorization metadata from store\n      ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n      const preLoginRedirectHash = new URL(window.location.href).hash\n      if (preLoginRedirectHash) {\n        window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n      }\n      window.localStorage.setItem('loginIssuer', issuerUri)\n\n      const locationUrl = new URL(window.location.href)\n      locationUrl.hash = ''\n      await authSession.login({\n        redirectUrl: locationUrl.href,\n        oidcIssuer: issuerUri\n      })\n    } catch (err: any) {\n      this._errorMsg = err.message || String(err)\n      this.requestUpdate()\n    }\n  }\n\n  private _loginComplete (webIdUri: string) {\n    authn.saveUser(webIdUri)\n    this.dispatchEvent(new CustomEvent('login-success', {\n      detail: { webId: webIdUri },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private _handleGoClick () {\n    this._dropdownOpen = false\n    this._loginToIssuer(this._issuerInputValue)\n  }\n\n  private _toggleDropdown () {\n    this._dropdownOpen = !this._dropdownOpen\n  }\n\n  private _selectIssuerFromDropdown (uri: string) {\n    this._issuerInputValue = uri\n    this._dropdownOpen = false\n  }\n\n  private _handleInputChange (e: Event) {\n    this._issuerInputValue = (e.target as HTMLInputElement).value\n  }\n\n  private _handleInputKeydown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      this._loginToIssuer(this._issuerInputValue)\n    }\n    if (e.key === 'Escape') {\n      this._closePopup()\n    }\n  }\n\n  private _renderPopup () {\n    const suggestedIssuers = getSuggestedIssuers()\n    return html`\n      <div class=\"popup-box\">\n          <div class=\"popup-top-menu\">\n            <span class=\"popup-title\">Select an identity provider</span>\n            <button class=\"popup-close\" type=\"button\" aria-label=\"Close\" @click=\"${() => this._closePopup()}\">&#x2715;</button>\n          </div>\n\n          <div class=\"issuer-text-section\">\n            <label class=\"issuer-text-label\" for=\"${this._issuerInputId}\">Solid Identity Provider</label>\n            <div class=\"issuer-text-row\">\n              <div class=\"issuer-input-wrapper\">\n                <div class=\"issuer-input-field-row\">\n                  <input\n                    id=\"${this._issuerInputId}\"\n                    class=\"issuer-text-input\"\n                    type=\"text\"\n                    placeholder=\"https://example.com\"\n                    .value=\"${this._issuerInputValue}\"\n                    @input=\"${this._handleInputChange}\"\n                    @keydown=\"${this._handleInputKeydown}\"\n                    autocomplete=\"url\"\n                  />\n                  ${suggestedIssuers.length\n? html`\n                    <button\n                      class=\"issuer-dropdown-toggle\"\n                      type=\"button\"\n                      aria-label=\"Show identity provider suggestions\"\n                      aria-expanded=\"${this._dropdownOpen}\"\n                      @click=\"${() => this._toggleDropdown()}\"\n                    >${downArrowIcon}</button>\n                  `\n: ''}\n                </div>\n                ${this._dropdownOpen && suggestedIssuers.length\n? html`\n                  <div class=\"issuer-dropdown-list\" role=\"listbox\">\n                    ${suggestedIssuers.map(issuerInfo => html`\n                      <button\n                        class=\"issuer-dropdown-item\"\n                        type=\"button\"\n                        role=\"option\"\n                        @click=\"${() => this._selectIssuerFromDropdown(issuerInfo.uri)}\"\n                      >${issuerInfo.name}</button>\n                    `)}\n                  </div>\n                `\n: ''}\n              </div>\n            </div>\n            ${this._errorMsg ? html`<div class=\"error-msg\">${this._errorMsg}</div>` : ''}\n          </div>\n          <hr class=\"popup-footer-hr\" />\n          <div class=\"popup-footer\">\n            <button class=\"popup-cancel-button\" type=\"button\" @click=\"${() => this._closePopup()}\">Cancel</button>\n            <button\n              class=\"popup-login-button\"\n              type=\"button\"\n              ?disabled=\"${!this._issuerInputValue}\"\n              @click=\"${() => this._handleGoClick()}\"\n            >Log In</button>\n          </div>\n        </div>\n    `\n  }\n\n  render () {\n    return html`\n      <button\n        class=\"login-button\"\n        type=\"button\"\n        part=\"login-button\"\n        @click=\"${() => this._openPopup()}\"\n      >\n        ${this.icon ? html`<img class=\"login-button-icon\" src=\"${this.icon}\" alt=\"\" aria-hidden=\"true\" part=\"login-button-icon\" />` : ''}\n        <slot>${this.label}</slot>\n      </button>\n\n      <dialog\n        class=\"popup-dialog\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Select an identity provider\"\n        @cancel=\"${(e: Event) => { e.preventDefault(); this._closePopup() }}\"\n        @click=\"${(e: MouseEvent) => { if (e.target === e.currentTarget) this._closePopup() }}\"\n      >\n        ${this._popupOpen ? this._renderPopup() : ''}\n      </dialog>\n    `\n  }\n}\n","import { LoginButton } from './LoginButton'\n\nexport { LoginButton }\n\nconst LOGIN_BUTTON_TAG_NAME = 'solid-ui-login-button'\n\nif (!customElements.get(LOGIN_BUTTON_TAG_NAME)) {\n  customElements.define(LOGIN_BUTTON_TAG_NAME, LoginButton)\n}\n"],"names":["html","phoneIcon","LitElement","css","authSession","authn","getSuggestedIssuers","offlineTestID","solidLogicSingleton","downArrowIcon","LoginButton","properties","label","type","String","reflect","theme","issuerUrl","attribute","icon","layout","_popupOpen","state","_issuerInputValue","_dropdownOpen","styles","_issuerInputId","Math","random","toString","slice","_errorMsg","constructor","connectedCallback","disconnectedCallback","_openPopup","offline","_loginComplete","uri","localStorage","getItem","_closePopup","updated","dialog","shadowRoot","querySelector","open","showModal","close","_loginToIssuer","issuerUri","store","updater","flagAuthorizationMetadata","preLoginRedirectHash","URL","window","location","href","hash","setItem","locationUrl","login","redirectUrl","oidcIssuer","err","message","requestUpdate","webIdUri","saveUser","dispatchEvent","CustomEvent","detail","webId","bubbles","composed","_handleGoClick","_toggleDropdown","_selectIssuerFromDropdown","_handleInputChange","e","target","value","_handleInputKeydown","key","_renderPopup","suggestedIssuers","length","map","issuerInfo","name","render","preventDefault","currentTarget","LOGIN_BUTTON_TAG_NAME","customElements","get","define"],"sourceRoot":""}

package/dist/components/loginButton/index.min.js

@@ -0,0 +1,402 @@
+(()=>{"use strict";var t={892(t){t.exports=SolidLogic},826(t,e,r){r.d(e,{AH:()=>l,Rf:()=>p,sk:()=>d});
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s=globalThis,o=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;class a{constructor(t,e,r){if(this._$cssResult$=!0,r!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(o&&void 0===t){const r=void 0!==e&&1===e.length;r&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&n.set(e,t))}return t}toString(){return this.cssText}}const l=(t,...e)=>{const r=1===t.length?t[0]:e.reduce((e,r,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[s+1],t[0]);return new a(r,t,i)},p=(t,e)=>{if(o)t.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const r of e){const e=document.createElement("style"),o=s.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=r.cssText,t.appendChild(e)}},d=o?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,i))(e)})(t):t},760(t,e,r){r.d(e,{AH:()=>s.AH,mN:()=>v});var s=r(826);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:o,defineProperty:i,getOwnPropertyDescriptor:n,getOwnPropertyNames:a,getOwnPropertySymbols:l,getPrototypeOf:p}=Object,d=globalThis,c=d.trustedTypes,h=c?c.emptyScript:"",u=d.reactiveElementPolyfillSupport,g=(t,e)=>t,b={toAttribute(t,e){switch(e){case Boolean:t=t?h:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch(t){r=null}}return r}},f=(t,e)=>!o(t,e),_={attribute:!0,type:String,converter:b,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol("metadata"),d.litPropertyMetadata??=new WeakMap;class v extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=_){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),s=this.getPropertyDescriptor(t,r,e);void 0!==s&&i(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){const{get:s,set:o}=n(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const i=s?.call(this);o?.call(this,e),this.requestUpdate(t,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??_}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...a(t),...l(t)];for(const r of e)this.createProperty(r,t[r])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,r]of e)this.elementProperties.set(t,r)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const r=this._$Eu(t,e);void 0!==r&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift((0,s.sk)(t))}else void 0!==t&&e.push((0,s.sk)(t));return e}static _$Eu(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return(0,s.Rf)(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){const r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(void 0!==s&&!0===r.reflect){const o=(void 0!==r.converter?.toAttribute?r.converter:b).toAttribute(e,r.type);this._$Em=t,null==o?this.removeAttribute(s):this.setAttribute(s,o),this._$Em=null}}_$AK(t,e){const r=this.constructor,s=r._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=r.getPropertyOptions(s),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:b;this._$Em=s;const i=o.fromAttribute(e,t.type);this[s]=i??this._$Ej?.get(s)??i,this._$Em=null}}requestUpdate(t,e,r,s=!1,o){if(void 0!==t){const i=this.constructor;if(!1===s&&(o=this[t]),r??=i.getPropertyOptions(t),!((r.hasChanged??f)(o,e)||r.useDefault&&r.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,r))))return;this.C(t,e,r)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:s,wrapped:o},i){r&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),!0!==o||void 0!==i)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,r]of t){const{wrapped:t}=r,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,r,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}v.elementStyles=[],v.shadowRootOptions={mode:"open"},v[g("elementProperties")]=new Map,v[g("finalized")]=new Map,u?.({ReactiveElement:v}),(d.reactiveElementVersions??=[]).push("2.1.2")},228(t,e,r){r.d(e,{AH:()=>s.AH,WF:()=>n,qy:()=>o.qy});var s=r(760),o=r(752);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const i=globalThis;class n extends s.mN{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=(0,o.XX)(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return o.c0}}n._$litElement$=!0,n.finalized=!0,i.litElementHydrateSupport?.({LitElement:n});const a=i.litElementPolyfillSupport;a?.({LitElement:n});(i.litElementVersions??=[]).push("4.2.2")},752(t,e,r){r.d(e,{XX:()=>z,c0:()=>S,qy:()=>E});
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s=globalThis,o=t=>t,i=s.trustedTypes,n=i?i.createPolicy("lit-html",{createHTML:t=>t}):void 0,a="$lit$",l=`lit$${Math.random().toFixed(9).slice(2)}$`,p="?"+l,d=`<${p}>`,c=document,h=()=>c.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,g=Array.isArray,b=t=>g(t)||"function"==typeof t?.[Symbol.iterator],f="[ \t\n\f\r]",_=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,$=/>/g,m=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,A=/"/g,x=/^(?:script|style|textarea|title)$/i,w=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),E=w(1),S=(w(2),w(3),Symbol.for("lit-noChange")),k=Symbol.for("lit-nothing"),C=new WeakMap,P=c.createTreeWalker(c,129);function O(t,e){if(!g(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==n?n.createHTML(e):e}const U=(t,e)=>{const r=t.length-1,s=[];let o,i=2===e?"<svg>":3===e?"<math>":"",n=_;for(let e=0;e<r;e++){const r=t[e];let p,c,h=-1,u=0;for(;u<r.length&&(n.lastIndex=u,c=n.exec(r),null!==c);)u=n.lastIndex,n===_?"!--"===c[1]?n=v:void 0!==c[1]?n=$:void 0!==c[2]?(x.test(c[2])&&(o=RegExp("</"+c[2],"g")),n=m):void 0!==c[3]&&(n=m):n===m?">"===c[0]?(n=o??_,h=-1):void 0===c[1]?h=-2:(h=n.lastIndex-c[2].length,p=c[1],n=void 0===c[3]?m:'"'===c[3]?A:y):n===A||n===y?n=m:n===v||n===$?n=_:(n=m,o=void 0);const g=n===m&&t[e+1].startsWith("/>")?" ":"";i+=n===_?r+d:h>=0?(s.push(p),r.slice(0,h)+a+r.slice(h)+l+g):r+l+(-2===h?e:g)}return[O(t,i+(t[r]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),s]};class I{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let o=0,n=0;const d=t.length-1,c=this.parts,[u,g]=U(t,e);if(this.el=I.createElement(u,r),P.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=P.nextNode())&&c.length<d;){if(1===s.nodeType){if(s.hasAttributes())for(const t of s.getAttributeNames())if(t.endsWith(a)){const e=g[n++],r=s.getAttribute(t).split(l),i=/([.?@])?(.*)/.exec(e);c.push({type:1,index:o,name:i[2],strings:r,ctor:"."===i[1]?N:"?"===i[1]?B:"@"===i[1]?D:R}),s.removeAttribute(t)}else t.startsWith(l)&&(c.push({type:6,index:o}),s.removeAttribute(t));if(x.test(s.tagName)){const t=s.textContent.split(l),e=t.length-1;if(e>0){s.textContent=i?i.emptyScript:"";for(let r=0;r<e;r++)s.append(t[r],h()),P.nextNode(),c.push({type:2,index:++o});s.append(t[e],h())}}}else if(8===s.nodeType)if(s.data===p)c.push({type:2,index:o});else{let t=-1;for(;-1!==(t=s.data.indexOf(l,t+1));)c.push({type:7,index:o}),t+=l.length-1}o++}}static createElement(t,e){const r=c.createElement("template");return r.innerHTML=t,r}}function H(t,e,r=t,s){if(e===S)return e;let o=void 0!==s?r._$Co?.[s]:r._$Cl;const i=u(e)?void 0:e._$litDirective$;return o?.constructor!==i&&(o?._$AO?.(!1),void 0===i?o=void 0:(o=new i(t),o._$AT(t,r,s)),void 0!==s?(r._$Co??=[])[s]=o:r._$Cl=o),void 0!==o&&(e=H(t,o._$AS(t,e.values),o,s)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:r}=this._$AD,s=(t?.creationScope??c).importNode(e,!0);P.currentNode=s;let o=P.nextNode(),i=0,n=0,a=r[0];for(;void 0!==a;){if(i===a.index){let e;2===a.type?e=new T(o,o.nextSibling,this,t):1===a.type?e=new a.ctor(o,a.name,a.strings,this,t):6===a.type&&(e=new F(o,this,t)),this._$AV.push(e),a=r[++n]}i!==a?.index&&(o=P.nextNode(),i++)}return P.currentNode=c,s}p(t){let e=0;for(const r of this._$AV)void 0!==r&&(void 0!==r.strings?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class T{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=k,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=H(this,t,e),u(t)?t===k||null==t||""===t?(this._$AH!==k&&this._$AR(),this._$AH=k):t!==this._$AH&&t!==S&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):b(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==k&&u(this._$AH)?this._$AA.nextSibling.data=t:this.T(c.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:r}=t,s="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=I.createElement(O(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new M(s,this),r=t.u(this.options);t.p(e),this.T(r),this._$AH=t}}_$AC(t){let e=C.get(t.strings);return void 0===e&&C.set(t.strings,e=new I(t)),e}k(t){g(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,s=0;for(const o of t)s===e.length?e.push(r=new T(this.O(h()),this.O(h()),this,this.options)):r=e[s],r._$AI(o),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=o(t).nextSibling;o(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,o){this.type=1,this._$AH=k,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,r.length>2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=k}_$AI(t,e=this,r,s){const o=this.strings;let i=!1;if(void 0===o)t=H(this,t,e,0),i=!u(t)||t!==this._$AH&&t!==S,i&&(this._$AH=t);else{const s=t;let n,a;for(t=o[0],n=0;n<o.length-1;n++)a=H(this,s[r+n],e,n),a===S&&(a=this._$AH[n]),i||=!u(a)||a!==this._$AH[n],a===k?t=k:t!==k&&(t+=(a??"")+o[n+1]),this._$AH[n]=a}i&&!s&&this.j(t)}j(t){t===k?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class N extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===k?void 0:t}}class B extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==k)}}class D extends R{constructor(t,e,r,s,o){super(t,e,r,s,o),this.type=5}_$AI(t,e=this){if((t=H(this,t,e,0)??k)===S)return;const r=this._$AH,s=t===k&&r!==k||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==k&&(r===k||s);s&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class F{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){H(this,t)}}const L=s.litHtmlPolyfillSupport;L?.(I,T),(s.litHtmlVersions??=[]).push("3.3.2");const z=(t,e,r)=>{const s=r?.renderBefore??e;let o=s._$litPart$;if(void 0===o){const t=r?.renderBefore??null;s._$litPart$=o=new T(e.insertBefore(h(),t),t,void 0,r??{})}return o._$AI(t),o}},161(t,e,r){r.d(e,{AH:()=>s.AH,WF:()=>s.WF,qy:()=>s.qy});r(760),r(752);var s=r(228)}},e={};function r(s){var o=e[s];if(void 0!==o)return o.exports;var i=e[s]={exports:{}};return t[s](i,i.exports,r),i.exports}r.d=(t,e)=>{for(var s in e)r.o(e,s)&&!r.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var s=r(161),o=r(892);const i=r(752).qy`
+  <svg xmlns="http://www.w3.org/2000/svg" 
+    viewBox="0 0 12 7" 
+    fill="none"
+  >
+    <path d="M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955" stroke="#6A7282" stroke-width="1.35776" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+`;class n extends s.WF{static properties={label:{type:String,reflect:!0},theme:{type:String,reflect:!0},issuerUrl:{type:String,attribute:"issuer-url",reflect:!0},icon:{type:String,reflect:!0},layout:{type:String,reflect:!0},_popupOpen:{state:!0},_issuerInputValue:{state:!0},_dropdownOpen:{state:!0}};static styles=s.AH`
+    :host { // default theme
+      display: inline-block;
+      position: relative;
+      z-index: 400;
+      --login-button-background: var(--lavender-900, #7c4cff);
+      --login-button-text: var(--color-header-text, #ffffff);
+      --popup-background: var(--color-background, #F8F9FB);
+      --popup-text: var(--color-text, #1A1A1A);
+      --popup-border: var(--color-border, #E5E7EB);
+      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
+      --popup-overlay-background: rgba(0, 0, 0, 0.6);
+      --issuer-input-background: var(--color-background, #F8F9FB);
+      --issuer-input-text: var(--color-text, #1A1A1A);
+      --issuer-input-border: var(--color-text, #1A1A1A);
+      --issuer-button-background: var(--color-background, #F8F9FB);
+      --issuer-button-text: var(--color-text, #1A1A1A);
+      --issuer-button-border: var(--color-border, #E5E7EB);
+      --issuer-button-hover-background: var(--lavender-900, #7c4cff);
+      --issuer-label-color: var(--grey-purple-700, #1A1A1A);
+      --issuer-placeholder-color: var(--grey-purple-700, #5e546d);;
+      --error-text-color: var(--color-error, #B00020);
+    }
+
+    :host([theme='dark']) {
+      display: inline-block;
+      position: relative;
+      z-index: 900;
+      --login-button-background: var(--lavender-900, #7c4cff);
+      --login-button-text: var(--color-header-text, #ffffff);
+      --popup-background: var(--color-background, #F8F9FB);
+      --popup-text: var(--color-text, #1A1A1A);
+      --popup-border: var(--color-border, #E5E7EB);
+      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
+      --popup-overlay-background: rgba(0, 0, 0, 0.6);
+      --issuer-input-background: var(--color-background, #F8F9FB);
+      --issuer-input-text: var(--color-text, #1A1A1A);
+      --issuer-input-border: var(--color-text, #1A1A1A);
+      --issuer-button-background: var(--color-background, #F8F9FB);
+      --issuer-button-text: var(--color-text, #1A1A1A);
+      --issuer-button-border: var(--color-text, #1A1A1A);
+      --issuer-button-hover-background: var(--lavender-900, #7c4cff);
+      --issuer-label-color: var(--grey-purple-700, #1A1A1A);
+      --issuer-placeholder-color: var(--grey-purple-700, #5e546d);;
+      --error-text-color: var(--color-error, #B00020);
+    }
+
+    .login-button {
+      display: flex;
+      height: 35px;
+      padding: var(--spacing-xxs, 0.3125rem) var(--spacing-xs, 0.75rem);
+      align-items: center;
+      gap: var(--spacing-xxs, 0.3125rem);
+      border-radius: var(--border-radius-base, 0.3125rem);
+      background: var(--login-button-background);
+      border: none;
+      color: var(--login-button-text);
+      cursor: pointer;
+      font: inherit;
+      line-height: 1;
+      white-space: nowrap;
+      text-decoration: none;
+      box-sizing: border-box;
+      transition: transform 0.2s ease;
+    }
+
+    .login-button-icon {
+      width: 16px;
+      height: 16px;
+      display: inline-block;
+      object-fit: contain;
+    }
+
+    .login-button:active {
+      transform: translateY(1px);
+    }
+
+    .popup-dialog {
+      border: none;
+      padding: 0;
+      background: transparent;
+      outline: none;
+      overflow: visible;
+      max-height: none;
+      max-width: none;
+    }
+
+    .popup-dialog::backdrop {
+      background: var(--popup-overlay-background, rgba(0, 0, 0, 0.6));
+    }
+
+    .popup-box {
+      background: var(--popup-background);
+      color: var(--popup-text);
+      box-shadow: var(--popup-shadow);
+      border: 1px solid var(--popup-border);
+      border-radius: var(--border-radius-md, 0.5rem);
+      min-width: 480px;
+      z-index: 1001;
+    }
+
+    .popup-top-menu {
+      border-bottom: 1px solid #DDD;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      padding-bottom: 8px;
+      margin-bottom: 8px;
+      padding: 1rem;
+      background: var(--gray-200, #E5E7EB);
+    }
+
+    .popup-title {
+      font-weight: 800;
+    }
+
+    .popup-close {
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      font-size: 1.25rem;
+      line-height: 1;
+      padding: 0 0.25rem;
+    }
+
+    .issuer-text-section {
+      display: flex;
+      flex-direction: column;
+      padding: 1rem 1rem 1.75rem;
+    }
+
+    .issuer-text-label {
+      color: var(--issuer-label-color);
+      margin-bottom: 6px;
+    }
+
+    .issuer-text-row {
+      display: flex;
+      flex-direction: row;
+      gap: 6px;
+      align-items: flex-start;
+    }
+
+    .issuer-input-wrapper {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      min-width: 0;
+      position: relative;
+    }
+
+    .issuer-input-field-row {
+      display: flex;
+      flex-direction: row;
+      position: relative;
+    }
+
+    .issuer-text-input {
+      flex: 1;
+      padding: 0.375rem 2.75rem 0.375rem 0.5rem;
+      border: 1px solid var(--issuer-input-border);
+      border-radius: var(--border-radius-base, 0.3125rem);
+      background: var(--issuer-input-background);
+      color: var(--issuer-input-text);
+      font: inherit;
+      min-width: 0;
+    }
+
+    .issuer-text-input::placeholder {
+      color: var(--issuer-placeholder-color);
+    }
+
+    .issuer-dropdown-toggle {
+      position: absolute;
+      right: 6px;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 26px;
+      height: 26px;
+      padding: 0;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      border-radius: var(--border-radius-base, 0.3125rem);
+    }
+
+    .issuer-dropdown-toggle:hover {
+      background: var(--color-header-menu-item-hover, #e6dcff);
+    }
+
+    .issuer-dropdown-toggle svg {
+      width: 14px;
+      height: 14px;
+      display: block;
+    }
+
+    .issuer-dropdown-list {
+      position: absolute;
+      top: calc(100% + 6px);
+      left: 0;
+      right: 0;
+      border: 1px solid var(--color-border, #E5E7EB);
+      border-top: none;
+      border-radius: 0 0 var(--border-radius-base, 0.3125rem) var(--border-radius-base, 0.3125rem);
+      background: var(--issuer-input-background);
+      overflow: visible;
+      z-index: 10;
+      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);
+    }
+
+    .issuer-dropdown-item {
+      display: block;
+      width: 100%;
+      padding: 0.625rem 0.75rem;
+      border: none;
+      border-bottom: 1px solid var(--color-border, #E5E7EB);
+      background: transparent;
+      color: var(--issuer-button-text);
+      cursor: pointer;
+      font: inherit;
+      text-align: left;
+      box-sizing: border-box;
+    }
+
+    .issuer-dropdown-item:last-child {
+      border-bottom: none;
+    }
+
+    .issuer-dropdown-item:hover {
+      background: var(--color-header-menu-item-hover, #e6dcff);
+      border-radius: var(--border-radius-base-md, 0.5rem);
+    }
+
+    .popup-footer {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      gap: 8px;
+      padding: 0.75rem 1rem 1rem;
+    }
+
+    .popup-footer-hr {
+      margin: 0;
+      border: none;
+      border-top: 1px solid var(--popup-border, #E5E7EB);
+    }
+
+    .popup-cancel-button {
+      padding: 0.5rem 1.25rem;
+      border: 1px solid #C0BFC7;
+      border-radius: var(--border-radius-base, 0.3125rem);
+      background: var(--popup-background);
+      color: #314158;
+      cursor: pointer;
+      font: inherit;
+    }
+
+    .popup-cancel-button:hover {
+      background: #D1D5DB;
+    }
+
+    .popup-login-button {
+      padding: 0.5rem 1.25rem;
+      border: none;
+      border-radius: var(--border-radius-base, 0.3125rem);
+      background: var(--lavender-900, #7c4cff);
+      color: #ffffff;
+      cursor: pointer;
+      font: inherit;
+    }
+
+    .popup-login-button:hover {
+      background: #6a3de8;
+    }
+
+    .popup-login-button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .error-msg {
+      color: var(--error-text-color);
+      font-size: 0.875rem;
+      margin-top: 8px;
+    }
+  `;_issuerInputId=`issuer-url-input-${Math.random().toString(36).slice(2,10)}`;_errorMsg="";constructor(){super(),this.label="Log In",this.theme="light",this.issuerUrl="",this.icon="",this.layout="desktop",this._popupOpen=!1,this._issuerInputValue="",this._dropdownOpen=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}_openPopup(){const t=(0,o.offlineTestID)();t?this._loginComplete(t.uri):(this._issuerInputValue="undefined"!=typeof localStorage&&localStorage.getItem("loginIssuer")||this.issuerUrl||"",this._errorMsg="",this._popupOpen=!0)}_closePopup(){this._popupOpen=!1}updated(){const t=this.shadowRoot?.querySelector("dialog");t&&(this._popupOpen&&!t.open?t.showModal():!this._popupOpen&&t.open&&t.close())}async _loginToIssuer(t){if(t)try{o.solidLogicSingleton.store.updater.flagAuthorizationMetadata();const e=new URL(window.location.href).hash;e&&window.localStorage.setItem("preLoginRedirectHash",e),window.localStorage.setItem("loginIssuer",t);const r=new URL(window.location.href);r.hash="",await o.authSession.login({redirectUrl:r.href,oidcIssuer:t})}catch(t){this._errorMsg=t.message||String(t),this.requestUpdate()}}_loginComplete(t){o.authn.saveUser(t),this.dispatchEvent(new CustomEvent("login-success",{detail:{webId:t},bubbles:!0,composed:!0}))}_handleGoClick(){this._dropdownOpen=!1,this._loginToIssuer(this._issuerInputValue)}_toggleDropdown(){this._dropdownOpen=!this._dropdownOpen}_selectIssuerFromDropdown(t){this._issuerInputValue=t,this._dropdownOpen=!1}_handleInputChange(t){this._issuerInputValue=t.target.value}_handleInputKeydown(t){"Enter"===t.key&&this._loginToIssuer(this._issuerInputValue),"Escape"===t.key&&this._closePopup()}_renderPopup(){const t=(0,o.getSuggestedIssuers)();return s.qy`
+      <div class="popup-box">
+          <div class="popup-top-menu">
+            <span class="popup-title">Select an identity provider</span>
+            <button class="popup-close" type="button" aria-label="Close" @click="${()=>this._closePopup()}">&#x2715;</button>
+          </div>
+
+          <div class="issuer-text-section">
+            <label class="issuer-text-label" for="${this._issuerInputId}">Solid Identity Provider</label>
+            <div class="issuer-text-row">
+              <div class="issuer-input-wrapper">
+                <div class="issuer-input-field-row">
+                  <input
+                    id="${this._issuerInputId}"
+                    class="issuer-text-input"
+                    type="text"
+                    placeholder="https://example.com"
+                    .value="${this._issuerInputValue}"
+                    @input="${this._handleInputChange}"
+                    @keydown="${this._handleInputKeydown}"
+                    autocomplete="url"
+                  />
+                  ${t.length?s.qy`
+                    <button
+                      class="issuer-dropdown-toggle"
+                      type="button"
+                      aria-label="Show identity provider suggestions"
+                      aria-expanded="${this._dropdownOpen}"
+                      @click="${()=>this._toggleDropdown()}"
+                    >${i}</button>
+                  `:""}
+                </div>
+                ${this._dropdownOpen&&t.length?s.qy`
+                  <div class="issuer-dropdown-list" role="listbox">
+                    ${t.map(t=>s.qy`
+                      <button
+                        class="issuer-dropdown-item"
+                        type="button"
+                        role="option"
+                        @click="${()=>this._selectIssuerFromDropdown(t.uri)}"
+                      >${t.name}</button>
+                    `)}
+                  </div>
+                `:""}
+              </div>
+            </div>
+            ${this._errorMsg?s.qy`<div class="error-msg">${this._errorMsg}</div>`:""}
+          </div>
+          <hr class="popup-footer-hr" />
+          <div class="popup-footer">
+            <button class="popup-cancel-button" type="button" @click="${()=>this._closePopup()}">Cancel</button>
+            <button
+              class="popup-login-button"
+              type="button"
+              ?disabled="${!this._issuerInputValue}"
+              @click="${()=>this._handleGoClick()}"
+            >Log In</button>
+          </div>
+        </div>
+    `}render(){return s.qy`
+      <button
+        class="login-button"
+        type="button"
+        part="login-button"
+        @click="${()=>this._openPopup()}"
+      >
+        ${this.icon?s.qy`<img class="login-button-icon" src="${this.icon}" alt="" aria-hidden="true" part="login-button-icon" />`:""}
+        <slot>${this.label}</slot>
+      </button>
+
+      <dialog
+        class="popup-dialog"
+        role="dialog"
+        aria-modal="true"
+        aria-label="Select an identity provider"
+        @cancel="${t=>{t.preventDefault(),this._closePopup()}}"
+        @click="${t=>{t.target===t.currentTarget&&this._closePopup()}}"
+      >
+        ${this._popupOpen?this._renderPopup():""}
+      </dialog>
+    `}}const a="solid-ui-login-button";customElements.get(a)||customElements.define(a,n)})();
+//# sourceMappingURL=index.min.js.map