@saasbase-io/core-elements 1.14.0 → 1.16.0

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
+export * from './wrappers';
 export * from './renderers';
 export * from './ui';
 export * from './widgets';
-export * from './wrappers';

package/dist/components/renderers/_updated/container/container.d.ts

@@ -0,0 +1,19 @@
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { BaseElement } from '../../../wrappers/base-element/base-element';
+import { ContainerAlignment, ContainerType } from './container.types';
+export declare class SbContainer extends BaseElement {
+    id: string;
+    type: ContainerType;
+    root: boolean;
+    alignment?: ContainerAlignment;
+    protected createRenderRoot(): this;
+    protected firstUpdated(_changed: PropertyValues): Promise<void>;
+    protected updated(_changed: PropertyValues): Promise<void>;
+    private get containerStyles();
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-container": SbContainer;
+    }
+}

package/dist/components/renderers/_updated/container/container.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const FlexRow: Story;
+export declare const RootCard: Story;

package/dist/components/renderers/_updated/container/container.types.d.ts

@@ -0,0 +1,8 @@
+export type ContainerType = "flex_column" | "flex_row";
+export type ContainerAlignment = "start" | "center" | "end";
+export type ContainerProps = {
+    id?: string;
+    type?: ContainerType;
+    root?: boolean;
+    alignment?: ContainerAlignment;
+};

package/dist/components/renderers/_updated/{sb-countdown.d.ts → countdown/countdown.d.ts}

@@ -1,5 +1,5 @@
-import { PropertyValues } from '../../../../node_modules/lit';
-import { BaseElement } from '../..';
+import { PropertyValues } from '../../../../../node_modules/lit';
+import { BaseElement } from '../../..';
 export declare class SbCountdown extends BaseElement {
     get _containerElement(): HTMLLIElement | null;
     content: string;
@@ -17,5 +17,10 @@ export declare class SbCountdown extends BaseElement {
     private completeCountdown;
     private clearTimer;
     private renderContent;
-    render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-countdown": SbCountdown;
+    }
 }

package/dist/components/renderers/_updated/countdown/countdown.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const CustomContent: Story;
+export declare const LongDuration: Story;

package/dist/components/renderers/_updated/countdown/countdown.types.d.ts

@@ -0,0 +1,6 @@
+export type CountdownProps = {
+    content?: string;
+    duration?: number;
+    redirectUrl?: string;
+    id?: string;
+};

package/dist/components/renderers/_updated/field/_confirm-field.d.ts

@@ -26,6 +26,7 @@ export declare class SbConfirmField extends LitElement implements ConfirmFieldPr
     private static readonly _DESCRIPTION;
     private static readonly _INPUT;
     private static readonly _ERROR;
+    static readonly TAG: string;
     /**
      * The stable CSS part names exposed for external targeting.
      */

package/dist/components/renderers/_updated/field/_email-field.d.ts

@@ -26,6 +26,7 @@ export declare class SbEmailField extends LitElement implements EmailFieldProps
     private static readonly _DESCRIPTION;
     private static readonly _INPUT;
     private static readonly _ERROR;
+    static readonly TAG: string;
     private static readonly _PATTERN;
     /**
      * The stable CSS part names exposed for external targeting.

package/dist/components/renderers/_updated/field/_identifier-field.d.ts

@@ -26,6 +26,7 @@ export declare class SbIdentifierField extends LitElement implements IdentifierF
     private static readonly _DESCRIPTION;
     private static readonly _INPUT;
     private static readonly _ERROR;
+    static readonly TAG: string;
     /**
      * The stable CSS part names exposed for external targeting.
      */

package/dist/components/renderers/_updated/field/_name-field.d.ts

@@ -0,0 +1,57 @@
+import { LitElement } from '../../../../../node_modules/lit';
+export type NameFieldValidateType = "success" | "required" | "format";
+export declare class SbNameField extends LitElement {
+    private static readonly _ROOT;
+    private static readonly _FIRST;
+    private static readonly _LAST;
+    static get parts(): {
+        root: string;
+        firstField: string;
+        lastField: string;
+        input: string;
+        label: string;
+        error: string;
+        mark: string;
+        description: string;
+    };
+    static get validateEventName(): string;
+    firstLabel: string;
+    lastLabel: string;
+    seed: string;
+    childId?: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+    firstName: string;
+    lastName: string;
+    firstPlaceholder: string;
+    lastPlaceholder: string;
+    requiredError: string;
+    formatError: string;
+    mark?: string;
+    caret?: boolean;
+    private _first;
+    private _firstInvalid;
+    private _firstError;
+    private _last;
+    private _lastInvalid;
+    private _lastError;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    private _renderMark;
+    private _dispatchValidate;
+    private _validateName;
+    private _validate;
+    validate(): boolean;
+    private _handleInput;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _renderFirstField;
+    private _renderLastField;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-name-field": SbNameField;
+    }
+}

package/dist/components/renderers/_updated/field/_password-field.d.ts

@@ -26,6 +26,7 @@ export declare class SbPasswordField extends LitElement implements PasswordField
     private static readonly _DESCRIPTION;
     private static readonly _INPUT;
     private static readonly _ERROR;
+    static readonly TAG: string;
     private static readonly _PATTERNS;
     /**
      * The stable CSS part names exposed for external targeting.

package/dist/components/renderers/_updated/field/_phone-field.d.ts

@@ -26,6 +26,7 @@ export declare class SbPhoneField extends LitElement implements PhoneFieldProps
     private static readonly _DESCRIPTION;
     private static readonly _INPUT;
     private static readonly _ERROR;
+    static readonly TAG: string;
     private static readonly _PATTERN;
     /**
      * The stable CSS part names exposed for external targeting.

package/dist/components/renderers/_updated/field/_username-field.d.ts

@@ -26,6 +26,7 @@ export declare class SbUsernameField extends LitElement implements UsernameField
     private static readonly _DESCRIPTION;
     private static readonly _INPUT;
     private static readonly _ERROR;
+    static readonly TAG: string;
     private static readonly _PATTERN;
     /**
      * The stable CSS part names exposed for external targeting.

package/dist/components/renderers/_updated/field/field.stories/name-field.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { SbNameField } from '../_name-field';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<SbNameField>;
+export declare const Basic: Story;
+export declare const Required: Story;
+export declare const FormatValidation: Story;
+export declare const MarkAndCaret: Story;
+export declare const Disabled: Story;
+export declare const Form: Story;
+export declare const Validate: Story;

package/dist/components/renderers/_updated/field/field.types.d.ts

@@ -77,4 +77,33 @@ export type IdentifierFieldProps = Omit<BaseFieldProps, "label" | "content" | "f
     content: IdentifierFieldContent;
     autocomplete?: IdentifierFieldAutocomplete;
 };
+export type NameFieldValidateType = BaseFieldValidateType;
+export type NameFieldContent = BaseFieldContent;
+export type NameFieldProps = {
+    seed: string;
+    childId?: string;
+    fieldId?: string;
+    /**
+     * Base form field name (e.g. "name", "full_name")
+     */
+    name: string;
+    content: NameFieldContent;
+    /**
+     * Label for first name input (e.g. "First name")
+     */
+    firstLabel: string;
+    /**
+     * Label for last name input (e.g. "Last name")
+     */
+    lastLabel: string;
+    firstPlaceholder?: string;
+    lastPlaceholder?: string;
+    description?: string;
+    mark?: string;
+    caret?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    requiredError: string;
+    formatError: string;
+};
 export {};

package/dist/components/renderers/_updated/field/index.d.ts

@@ -1,10 +1,11 @@
 import { SbConfirmField } from './_confirm-field';
 import { SbEmailField } from './_email-field';
 import { SbIdentifierField } from './_identifier-field';
+import { SbNameField } from './_name-field';
 import { SbPasswordField } from './_password-field';
 import { SbPhoneField } from './_phone-field';
 import { SbUsernameField } from './_username-field';
-export { SbConfirmField, SbEmailField, SbIdentifierField, SbPasswordField, SbPhoneField, SbUsernameField, };
+export { SbConfirmField, SbEmailField, SbIdentifierField, SbPasswordField, SbPhoneField, SbUsernameField, SbNameField, };
 declare global {
     interface HTMLElementTagNameMap {
         "sb-email-field": SbEmailField;
@@ -13,5 +14,6 @@ declare global {
         "sb-password-field": SbPasswordField;
         "sb-confirm-field": SbConfirmField;
         "sb-identifier-field": SbIdentifierField;
+        "sb-name-field": SbNameField;
     }
 }

package/dist/components/renderers/_updated/form/_form-submit.d.ts

@@ -12,6 +12,7 @@ import { FormSubmitProps, FormSubmitSize, FormSubmitSpinnerAlign, FormSubmitVari
 export declare class SbFormSubmit extends LitElement implements FormSubmitProps {
     private static readonly _ROOT;
     private static readonly _SPINNER;
+    static readonly TAG: string;
     /**
      * The stable CSS part names exposed for external targeting.
      */

package/dist/components/renderers/_updated/form/_form.d.ts

@@ -0,0 +1,130 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { FormOnReset, FormOnSubmit, FormProps } from './form.types';
+/**
+ * A composable form container that orchestrates validation, collects form data,
+ * and handles auth service communications.
+ * @element sb-form
+ *
+ * @part form (form)
+ *
+ * @fires sb-form:success { id, data, event }
+ * @fires sb-form:error { id, data, event, message }
+ * @fires sb-form:reset { id }
+ */
+export declare class SbForm extends LitElement implements FormProps {
+    private static readonly _ROOT;
+    static readonly TAG: string;
+    static readonly SUCCESS_EVENT: string;
+    static readonly ERROR_EVENT: string;
+    static readonly RESET_EVENT: string;
+    /**
+     * The stable CSS part names exposed for external targeting.
+     */
+    static get parts(): {
+        root: string;
+    };
+    /**
+     * A unique substring for fallback part IDs generated.
+     */
+    seed: string;
+    /**
+     * The `id` of the root part and the base of sub-part IDs.
+     */
+    childId?: string;
+    /**
+     * When provided, called with the collected form data and the auth event
+     * string instead of the default `Auth.processLoginflowEvent` call.
+     * Use this to plug in custom submission logic or to handle auth externally.
+     */
+    onSubmit?: FormOnSubmit;
+    /**
+     * Called after the native form reset event fires.
+     */
+    onReset?: FormOnReset;
+    /**
+     * Auth event string captured from the most recent `sb-form-submit:click`
+     * event. Cleared after each submission attempt.
+     */
+    private _pendingEvent?;
+    /**
+     * Guards against double-submission while an async auth call is in-flight.
+     */
+    private _loading;
+    /**
+     * Overrides default behavior to render into light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The `id` of the root element. Equal to `childId` when provided, otherwise
+     * derived from the component's part name and `seed`.
+     */
+    get rootId(): string;
+    /**
+     * The native `<form>` element rendered as the root part.
+     */
+    private get _form();
+    /**
+     * All `sb-*-field` descendants inside the form element.
+     */
+    private get _fields();
+    /**
+     * The first `sb-form-submit` descendant inside the form element.
+     */
+    private get _submit();
+    /**
+     * Subscribes to the `sb-form-submit:click` event so the auth event string
+     * is captured before the native form `submit` event fires.
+     */
+    connectedCallback(): void;
+    /**
+     * Removes the `sb-form-submit:click` listener.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Moves initial children (authored inside `<sb-form>` in markup) into the
+     * rendered `<form>` element. The DOM move disconnects and reconnects each
+     * custom-element child, letting field elements re-run `connectedCallback`
+     * and find the native form ancestor via `this.closest("form")`.
+     */
+    protected firstUpdated(): void;
+    /**
+     * Captures the auth event string emitted by `sb-form-submit` before the
+     * native form submit fires.
+     */
+    private _handleSubmitClick;
+    /**
+     * Dispatches a bubbling, composed custom event from `sb-form`.
+     */
+    private _dispatch;
+    /**
+     * Applies or removes the loading state on every field element and the
+     * submit button. `wasDisabled` records the pre-loading state so that
+     * fields that were already disabled are not re-enabled when loading ends.
+     */
+    private _setLoading;
+    /**
+     * Handles the native form submit event:
+     *
+     * 1. Always prevents the default browser navigation.
+     * 2. Adds temporary listeners for every `sb-*-field:validate` event on
+     *    `this`. These events bubble from field elements and carry `{ name,
+     *    value, valid }` in their detail — the exact values each field uses
+     *    for its own validation. The temporary listener builds the form-data
+     *    object as a side effect of the validation calls in step 3.
+     * 3. Calls `field.validate()` on every `sb-*-field` via `Array.map` (not
+     *    `Array.every`) so ALL fields are validated and ALL inline errors are
+     *    shown even when multiple fields are invalid simultaneously.
+     * 4. Removes the temporary validate listeners.
+     * 5. Aborts if any field returned `false`.
+     * 6. Calls `onSubmit` if provided, bypassing the default auth flow.
+     * 7. Otherwise calls `Auth.processLoginflowEvent` with the captured auth
+     *    event string and the collected data, managing loading state throughout.
+     */
+    private _handleSubmit;
+    /**
+     * Handles the native form reset event. Field elements handle their own
+     * internal state reset via their own form-reset listeners.
+     */
+    private _handleReset;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/_updated/form/form.defs.d.ts

@@ -0,0 +1,2 @@
+export declare const FIELD_SELECTORS: string;
+export declare const FIELD_VALIDATE_EVENTS: string[];

package/dist/components/renderers/_updated/form/form.stories/form.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const OnSubmit: Story;
+export declare const Events: Story;

package/dist/components/renderers/_updated/form/form.types.d.ts

@@ -1,4 +1,14 @@
 import { IconAlign, RtgButtonBasicSize, RtgButtonBasicVariant } from '../../../../types';
+import { SbConfirmField, SbEmailField, SbIdentifierField, SbPasswordField, SbPhoneField, SbUsernameField } from '../field';
+export type FormOnSubmit = (data: Record<string, string>, event?: string) => void;
+export type FormOnReset = (event: Event) => void;
+export type FormProps = {
+    seed: string;
+    childId?: string;
+    onSubmit?: FormOnSubmit;
+    onReset?: FormOnReset;
+};
+export type Field = SbEmailField | SbPhoneField | SbUsernameField | SbIdentifierField | SbPasswordField | SbConfirmField;
 export type FormSubmitVariant = RtgButtonBasicVariant;
 export type FormSubmitSize = RtgButtonBasicSize;
 export type FormSubmitSpinnerAlign = IconAlign;

package/dist/components/renderers/_updated/form/index.d.ts

@@ -1,9 +1,11 @@
+import { SbForm } from './_form';
 import { SbFormSeparator } from './_form-separator';
 import { SbFormSubmit } from './_form-submit';
 import { SbFormSwitch } from './_form-switch';
-export { SbFormSeparator, SbFormSubmit, SbFormSwitch };
+export { SbForm, SbFormSeparator, SbFormSubmit, SbFormSwitch };
 declare global {
     interface HTMLElementTagNameMap {
+        "sb-form": SbForm;
         "sb-form-submit": SbFormSubmit;
         "sb-form-separator": SbFormSeparator;
         "sb-form-switch": SbFormSwitch;

package/dist/components/renderers/_updated/gap/gap.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '../../..';
+import { GapType } from './gap.types';
+export declare class SbGap extends BaseElement {
+    size: string;
+    type: GapType;
+    id: string;
+    protected createRenderRoot(): this;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-gap": SbGap;
+    }
+}

package/dist/components/renderers/_updated/gap/gap.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Vertical: Story;
+export declare const Horizontal: Story;

package/dist/components/renderers/_updated/gap/gap.types.d.ts

@@ -0,0 +1,6 @@
+export type GapType = "vertical" | "horizontal";
+export type GapProps = {
+    size?: string;
+    id?: string;
+    type?: GapType;
+};

package/dist/components/renderers/_updated/{sb-header.d.ts → header/header.d.ts}

@@ -1,9 +1,9 @@
-import { BaseElement } from '../..';
-import { PropertyValues } from '../../../../node_modules/lit';
+import { BaseElement } from '../../..';
+import { PropertyValues } from '../../../../../node_modules/lit';
 export declare class SbHeader extends BaseElement {
     get _containerElement(): HTMLLIElement | null;
     align: string;
     gap: string;
     protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
 }

package/dist/components/renderers/_updated/header/header.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const AuthHeader: Story;

package/dist/components/renderers/_updated/index.d.ts

@@ -3,11 +3,12 @@ export * from './field';
 export * from './form';
 export * from './passkey-button';
 export * from './provider';
-export * from './sb-container';
-export * from './sb-gap';
-export * from './sb-header';
-export * from './sb-logo';
-export * from './sb-otp';
-export * from './sb-subtitle';
-export * from './sb-title';
+export * from './gap/gap';
+export * from './header/header';
+export * from './logo/logo';
+export * from './otp/otp';
+export * from './subtitle/subtitle';
+export * from './container/container';
+export * from './title/title';
 export * from './watermark';
+export * from './countdown/countdown';

package/dist/components/renderers/_updated/{sb-logo.d.ts → logo/logo.d.ts}

@@ -1,4 +1,4 @@
-import { BaseElement } from '../..';
+import { BaseElement } from '../../..';
 export declare class SbLogo extends BaseElement {
     get _containerElement(): HTMLLIElement | null;
     id: string;
@@ -9,5 +9,10 @@ export declare class SbLogo extends BaseElement {
     disconnectedCallback(): void;
     private getTheme;
     protected createRenderRoot(): this;
-    render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-logo": SbLogo;
+    }
 }

package/dist/components/renderers/_updated/logo/logo.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const ImageLogo: Story;
+export declare const SvgLogo: Story;

package/dist/components/renderers/_updated/logo/logo.types.d.ts

@@ -0,0 +1,6 @@
+export type LogoTheme = "dark" | "light" | string;
+export type LogoProps = {
+    imageUrl?: string;
+    id?: string;
+    theme?: LogoTheme;
+};

package/dist/components/renderers/_updated/{sb-otp.d.ts → otp/otp.d.ts}

@@ -1,7 +1,8 @@
-import { BaseElement, SaasBaseLayout } from '../..';
+import { BaseElement } from '../../..';
+import { OtpVariant } from './otp.types';
 export declare class SbOtp extends BaseElement {
     get _containerElement(): HTMLLIElement | null;
-    variant: string;
+    variant: OtpVariant;
     length: number;
     timeout: number;
     dataKey: string;
@@ -10,14 +11,17 @@ export declare class SbOtp extends BaseElement {
     resendButtonText: string;
     resendEvent: string;
     id: string;
-    component: SaasBaseLayout;
     protected createRenderRoot(): this;
-    private patchComponentRequestUpdate;
-    connectedCallback(): void;
+    private emit;
     private buildOTPContentHTML;
     private handleComplete;
     private handleFocus;
     private handleBlur;
     private handleResend;
-    render(): import('../../../../node_modules/lit-html').TemplateResult | null;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-otp": SbOtp;
+    }
 }

package/dist/components/renderers/_updated/otp/otp.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;

package/dist/components/renderers/_updated/otp/otp.types.d.ts

@@ -0,0 +1,12 @@
+export type OtpVariant = "simple" | "with_separator" | "with_spacing" | "digits_only";
+export type OtpProps = {
+    variant?: OtpVariant;
+    length?: number;
+    timeout?: number;
+    dataKey?: string;
+    event?: string;
+    resendText?: string;
+    resendButtonText?: string;
+    resendEvent?: string;
+    id?: string;
+};

package/dist/components/renderers/_updated/subtitle/subtitle.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../..';
+export declare class SbSubtitle extends BaseElement {
+    get _containerElement(): HTMLLIElement | null;
+    id: string;
+    content: string;
+    protected createRenderRoot(): this;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-subtitle": SbSubtitle;
+    }
+}

package/dist/components/renderers/_updated/subtitle/subtitle.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const LongContent: Story;

package/dist/components/renderers/_updated/subtitle/subtitle.types.d.ts

@@ -0,0 +1,4 @@
+export type SubtitleProps = {
+    content?: string;
+    id?: string;
+};

package/dist/components/renderers/_updated/title/title.d.ts

@@ -0,0 +1,13 @@
+import { BaseElement } from '../../..';
+export declare class SbTitle extends BaseElement {
+    get _containerElement(): HTMLLIElement | null;
+    id: string;
+    content: string;
+    protected createRenderRoot(): this;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "sb-title": SbTitle;
+    }
+}