@qrauth/web-components 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { QRAuthElement } from './base.js';
+export { QRAuthLogin } from './login.js';
+export { QRAuthEphemeral } from './ephemeral.js';
+export { QRAuthTwoFA } from './twofa.js';

package/dist/index.js

@@ -0,0 +1,4 @@
+export { QRAuthElement } from './base.js';
+export { QRAuthLogin } from './login.js';
+export { QRAuthEphemeral } from './ephemeral.js';
+export { QRAuthTwoFA } from './twofa.js';

package/dist/login.d.ts

@@ -0,0 +1,60 @@
+import { QRAuthElement } from './base.js';
+/**
+ * <qrauth-login> — Drop-in QR authentication button / inline widget.
+ *
+ * Attributes:
+ *   tenant        — Your QRAuth App client ID (required)
+ *   theme         — "light" (default) | "dark"
+ *   base-url      — API base URL (default: https://qrauth.io)
+ *   scopes        — Space-separated scopes (default: "identity")
+ *   redirect-url  — Optional redirect after successful auth
+ *   on-auth       — Name of a global callback function to call on success
+ *   display       — "button" (default) | "inline"
+ *   animated      — If present, enables subtle QR pulse animation
+ *
+ * Events (bubbles + composed, cross shadow-DOM):
+ *   qrauth:authenticated  — detail: { sessionId, user, signature }
+ *   qrauth:expired        — fired when session times out
+ *   qrauth:error          — detail: { message }
+ *   qrauth:scanned        — fired when QR is scanned (before approval)
+ *
+ * @example
+ *   <qrauth-login tenant="qrauth_app_xxx"></qrauth-login>
+ *   <qrauth-login tenant="qrauth_app_xxx" display="inline" theme="dark"></qrauth-login>
+ */
+export declare class QRAuthLogin extends QRAuthElement {
+    static get observedAttributes(): string[];
+    private _sessionId;
+    private _codeVerifier;
+    private _status;
+    private _expiresAt;
+    private _timerInterval;
+    private _pollTimeout;
+    get scopes(): string;
+    get redirectUrl(): string | null;
+    get onAuth(): string | null;
+    get display(): string;
+    get animated(): boolean;
+    disconnectedCallback(): void;
+    protected render(): void;
+    private _renderButton;
+    private _renderInline;
+    private _inlineIdleContent;
+    private _modalContent;
+    private _bodyForStatus;
+    private _sharedModalStyles;
+    private _bindButtonEvents;
+    private _bindInlineEvents;
+    private _bindModalButtons;
+    private _openModal;
+    private _closeModal;
+    private _startAuth;
+    private _retry;
+    private _beginPolling;
+    private _handleStatusChange;
+    private _startCountdown;
+    private _formatTimer;
+    /** Update just the inner body content without re-rendering the whole component */
+    private _updateBody;
+    private _clearTimers;
+}