@saasbase-io/core-elements 1.11.0 → 1.12.0

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

@@ -0,0 +1,102 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { FormSubmitProps, FormSubmitSize, FormSubmitSpinnerAlign, FormSubmitVariant } from './form.types';
+/**
+ * A submit button for auth widget forms.
+ * @element sb-form-submit
+ *
+ * @part form-submit (rtg-button)
+ * @part form-submit-spinner (rtg-spinner): loading indicator
+ *
+ * @fires sb-form-submit:click { id, event }
+ */
+export declare class SbFormSubmit extends LitElement implements FormSubmitProps {
+    private static readonly _ROOT;
+    private static readonly _SPINNER;
+    /**
+     * The stable CSS part names exposed for external targeting.
+     */
+    static get parts(): {
+        root: string;
+        spinner: string;
+    };
+    /**
+     * The name of the custom event fired on click.
+     */
+    static get clickEventName(): 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;
+    /**
+     * The visual variant of the button.
+     */
+    variant: FormSubmitVariant;
+    /**
+     * The size of the button.
+     */
+    size: FormSubmitSize;
+    /**
+     * The text used as the button label.
+     */
+    label: string;
+    /**
+     * Whether the loading spinner should be rendered before or after the label.
+     */
+    spinnerAlign: FormSubmitSpinnerAlign;
+    /**
+     * When provided, the button reflects a disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * When provided, the button reflects a loading state.
+     */
+    loading?: boolean;
+    /**
+     * The event name as defined in the loginflow auth service.
+     */
+    event?: string;
+    /**
+     * Whether the button is in a loading state.
+     */
+    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 `id` of the spinner element, derived from `rootId` with the spinner
+     * part name appended.
+     */
+    get spinnerId(): string;
+    /**
+     * The loading state, derived from the private `_loading` and `loading` prop.
+     */
+    get isLoading(): boolean | undefined;
+    /**
+     * Adds the click event listener.
+     */
+    connectedCallback(): void;
+    /**
+     * Removes the click event listener.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Handles the click event, preventing execution when disabled/loading, and
+     * firing the click event.
+     */
+    private _handleClick;
+    /**
+     * Returns the loading spinner template.
+     */
+    private _renderSpinner;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

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

@@ -0,0 +1,11 @@
+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 Variant: Story;
+export declare const Size: Story;
+export declare const Label: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const SpinnerAlign: Story;

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

@@ -1,4 +1,18 @@
-import { RtgButtonBasicSize, RtgButtonBasicVariant } from '../../../../types';
+import { IconAlign, RtgButtonBasicSize, RtgButtonBasicVariant } from '../../../../types';
+export type FormSubmitVariant = RtgButtonBasicVariant;
+export type FormSubmitSize = RtgButtonBasicSize;
+export type FormSubmitSpinnerAlign = IconAlign;
+export type FormSubmitProps = {
+    seed: string;
+    childId?: string;
+    variant: FormSubmitVariant;
+    size: FormSubmitSize;
+    label: string;
+    spinnerAlign: FormSubmitSpinnerAlign;
+    disabled?: boolean;
+    loading?: boolean;
+    event?: string;
+};
 export type SbFormSeparatorProps = {
     seed: string;
     childId?: string;

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

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

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

@@ -1,4 +1,4 @@
-import { BaseElement } from '../..';
+import { BaseElement } from '../../wrappers/base-element/base-element';
 export declare class SbGap extends BaseElement {
     size: string;
     type: "vertical" | "horizontal";

package/dist/components/wrappers/sb-authenticated/sb-authenticated.d.ts

@@ -10,7 +10,7 @@ export declare class SbAuthenticated extends LitElement {
      * Defaults to environment variable, can be overridden via property.
      */
     redirectUrl: string;
-    env?: EnvConfig;
+    env: EnvConfig | null;
     auth?: AuthState;
     render(): import('../../../../node_modules/lit-html').TemplateResult<1> | typeof nothing;
 }