{#if config.display === 'overlay' && visible} {#if config.overlayContent}

{@html document.querySelector(config.overlayContent)?.innerHTML}

{/if} {/if}

{#if currentState === State.CODE && codeChallenge} {strings.verificationRequired} {:else if currentState === State.VERIFYING} {strings.verifying} {:else if currentState === State.VERIFIED} {strings.verified} {:else} {strings.label} {/if}

{#if showLogo} {/if}

{#if showFooter}

{#if error || currentState === State.EXPIRED || !isSecureContext} { if (isSecureContext) { reset(); } }} placement={config.popoverPlacement} role="alert" variant="error" {dir} {updateUISignal} > {#if !error && !isSecureContext}

Secure context (HTTPS) required.

{:else if !error && currentState === State.EXPIRED}

{strings.expired}

{:else}

{strings.error}

{/if} {:else if codeChallenge && currentState === State.CODE} {#key codeChallenge} { reset(); }} placement={config.popoverPlacement} role="dialog" aria-label={strings.verificationRequired} {dir} {updateUISignal} >

 reset()}
					onReload={() => verify()}
					onSubmit={(code) => verifyServer(code)}
					{codeChallenge}
					{config}
					{strings}
				/>

				{#if showFooter && config.codeChallengeDisplay !== 'standard'}
					
				{/if}
			
		{/key}
	{/if}