@saasbase-io/core-elements 1.1.17 → 1.1.18

package/dist/components/renderers/renderElement.d.ts

@@ -1,4 +1,4 @@
 import { TemplateResult } from '../../../node_modules/lit';
 import { UIElement } from '../../types';
 import { SaasBaseLayout } from '..';
-export declare function renderElement(component: SaasBaseLayout, element: UIElement, theme?: "light" | "dark"): TemplateResult<1>;
+export declare function renderElement(component: SaasBaseLayout, element: UIElement | string, theme?: "light" | "dark"): TemplateResult<1>;

package/dist/components/renderers/sb-otp-renderer.d.ts

@@ -1,31 +1,23 @@
 import { LitElement } from '../../../node_modules/lit';
-import { OTP, Style } from '../../types';
 import { SaasBaseLayout } from '../wrappers';
-export declare class SbOtpRenderer extends LitElement {
-    element: {
-        element_type: "otp";
-        id: string;
-        properties: OTP;
-        style: Style;
-        class: string;
-        data_key?: string;
-    };
+export declare class SbOtp extends LitElement {
+    variant: string;
+    length: number;
+    timeout: number;
+    dataKey: string;
+    event: string;
+    resendText: string;
+    resendButtonText: string;
+    resendEvent: string;
+    id: string;
     component: SaasBaseLayout;
-    /**
-     * Overrides the default behaviour to render into the light DOM.
-     */
     protected createRenderRoot(): this;
     private patchComponentRequestUpdate;
     connectedCallback(): void;
-    private _onComplete;
-    private _onFocus;
-    private _onBlur;
-    /**
-     * Builds the OTP group/separator/slot structure as a plain HTML string so it
-     * can be embedded via unsafeStatic. This is required because rtg-input-otp
-     * reads this.childNodes in its constructor; Lit's dynamic ChildPart would only
-     * deliver nodes after construction, causing them to land outside the container.
-     */
-    private _buildOTPContentHTML;
+    private buildOTPContentHTML;
+    private handleComplete;
+    private handleFocus;
+    private handleBlur;
+    private handleResend;
     render(): import('../../../node_modules/lit-html').TemplateResult | null;
 }

package/dist/components/wrappers/layout/layout.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from '../../../../node_modules/lit';
-import { RenderSpec, UIElement, ICustomizations, Button, Style, Html, OTP } from '../../../types';
+import { LitElement, PropertyValues } from '../../../../node_modules/lit';
+import { RenderSpec, UIElement, ICustomizations, Button, Style, Html } from '../../../types';
 export declare class SaasBaseLayout extends LitElement {
     renderSpec: RenderSpec | null;
     customizations: ICustomizations | null;
@@ -14,7 +14,9 @@ export declare class SaasBaseLayout extends LitElement {
     private isAnimating;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     private getTheme;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     updated(changedProperties: Map<string, unknown>): void;
+    private hydrateSbComponents;
     /**
      * Identify which button has submit=true
      */
@@ -46,9 +48,6 @@ export declare class SaasBaseLayout extends LitElement {
     } | {
         element_type: "otp";
         id: string;
-        properties: OTP;
-        style: Style;
-        class: string;
     }): Promise<void>;
     findElementByKey(key: string): UIElement | null;
     isFieldValid(key: string): boolean;