@saasbase-io/core-elements 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/account.icon.d.ts +1 -0
- package/dist/assets/icons/burger-menu.icon.d.ts +1 -0
- package/dist/assets/icons/close.icon.d.ts +1 -0
- package/dist/assets/icons/edit.icon.d.ts +1 -0
- package/dist/assets/icons/index.d.ts +7 -0
- package/dist/assets/icons/location.icon.d.ts +1 -0
- package/dist/assets/icons/personal-info.icon.d.ts +1 -0
- package/dist/assets/icons/url.icon.d.ts +1 -0
- package/dist/components/frameworks/nextjs.d.ts +19 -0
- package/dist/components/frameworks/react.d.ts +24 -0
- package/dist/components/frameworks/web-components.d.ts +5 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/renderers/index.d.ts +17 -0
- package/dist/components/renderers/renderElement.d.ts +4 -0
- package/dist/components/renderers/sb-button-renderer.d.ts +31 -0
- package/dist/components/renderers/sb-checkbox-renderer.d.ts +26 -0
- package/dist/components/renderers/sb-container-renderer.d.ts +23 -0
- package/dist/components/renderers/sb-countdown-renderer.d.ts +24 -0
- package/dist/components/renderers/sb-divider-renderer.d.ts +15 -0
- package/dist/components/renderers/sb-error-renderer.d.ts +15 -0
- package/dist/components/renderers/sb-gap-renderer.d.ts +15 -0
- package/dist/components/renderers/sb-html-renderer.d.ts +18 -0
- package/dist/components/renderers/sb-image-renderer.d.ts +20 -0
- package/dist/components/renderers/sb-input-renderer.d.ts +24 -0
- package/dist/components/renderers/sb-label-renderer.d.ts +15 -0
- package/dist/components/renderers/sb-logo-renderer.d.ts +20 -0
- package/dist/components/renderers/sb-otp-renderer.d.ts +19 -0
- package/dist/components/renderers/sb-spinner-renderer.d.ts +15 -0
- package/dist/components/renderers/sb-text-renderer.d.ts +15 -0
- package/dist/components/renderers/sb-watermark-renderer.d.ts +23 -0
- package/dist/components/ui/error/index.d.ts +6 -0
- package/dist/components/ui/hint/index.d.ts +6 -0
- package/dist/components/ui/index.d.ts +5 -0
- package/dist/components/ui/linear-loader/index.d.ts +12 -0
- package/dist/components/ui/spinner/index.d.ts +14 -0
- package/dist/components/ui/watermark/index.d.ts +9 -0
- package/dist/components/widgets/index.d.ts +4 -0
- package/dist/components/widgets/sb-preview/sb-preview.d.ts +14 -0
- package/dist/components/widgets/sb-signin/sb-signin.d.ts +11 -0
- package/dist/components/widgets/sb-signup/sb-signup.d.ts +11 -0
- package/dist/components/widgets/sb-user-profile/index.d.ts +2 -0
- package/dist/components/widgets/sb-user-profile/profile/account-info.d.ts +38 -0
- package/dist/components/widgets/sb-user-profile/profile/classes.d.ts +10 -0
- package/dist/components/widgets/sb-user-profile/profile/index.d.ts +5 -0
- package/dist/components/widgets/sb-user-profile/profile/location-info.d.ts +25 -0
- package/dist/components/widgets/sb-user-profile/profile/personal-info.d.ts +30 -0
- package/dist/components/widgets/sb-user-profile/profile/profile.d.ts +26 -0
- package/dist/components/widgets/sb-user-profile/profile/urls-info.d.ts +24 -0
- package/dist/components/widgets/sb-user-profile/sb-user-profile.d.ts +39 -0
- package/dist/components/widgets/sb-user-profile/sidebar/classes.d.ts +9 -0
- package/dist/components/widgets/sb-user-profile/sidebar/sidebar.d.ts +22 -0
- package/dist/components/wrappers/base-element/base-element.d.ts +11 -0
- package/dist/components/wrappers/index.d.ts +6 -0
- package/dist/components/wrappers/layout/layout.d.ts +56 -0
- package/dist/components/wrappers/layout/validation.d.ts +15 -0
- package/dist/components/wrappers/sb-authenticated/sb-authenticated.d.ts +16 -0
- package/dist/components/wrappers/sb-provider/sb-provider.d.ts +28 -0
- package/dist/components/wrappers/sb-signed-in/sb-signed-in.d.ts +9 -0
- package/dist/components/wrappers/sb-signed-out/sb-signed-out.d.ts +9 -0
- package/dist/constants/classes.d.ts +22 -0
- package/dist/constants/enums.d.ts +16 -0
- package/dist/constants/index.d.ts +4 -0
- package/dist/constants/regex.d.ts +4 -0
- package/dist/constants/styles.d.ts +2 -0
- package/dist/context/auth-context.d.ts +6 -0
- package/dist/context/customization-context.d.ts +4 -0
- package/dist/context/env-context.d.ts +4 -0
- package/dist/context/index.d.ts +4 -0
- package/dist/context/render-spec.d.ts +4 -0
- package/dist/funcs/env.d.ts +3 -0
- package/dist/funcs/index.d.ts +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +6463 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +23975 -0
- package/dist/index.mjs.map +1 -0
- package/dist/styles.css +3649 -0
- package/dist/types/common/index.d.ts +15 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/user-profile.d.ts +39 -0
- package/dist/types/core/index.d.ts +11 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/layout/index.d.ts +245 -0
- package/dist/types/react/index.d.ts +61 -0
- package/dist/types/styles/index.d.ts +67 -0
- package/dist/utils/components.d.ts +7 -0
- package/dist/utils/html-base64.d.ts +1 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/styles.d.ts +23 -0
- package/dist/utils/svg-base64.d.ts +2 -0
- package/dist/utils/tailwind.d.ts +7 -0
- package/package.json +74 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function accountIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function burgerMenuIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function closeIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function editIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function locationIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function personalInfoIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function urlIcon(): import('../../../node_modules/lit-html').TemplateResult<2>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const Layout: import('react').ComponentType<import('../../types').LayoutProps & import('react').RefAttributes<import('..').SaasBaseLayout>>;
|
|
2
|
+
export declare const Provider: import('react').ComponentType<import('../../types').ProviderProps & import('react').RefAttributes<import('..').SbProvider>>;
|
|
3
|
+
export declare const SignedIn: import('react').ComponentType<{
|
|
4
|
+
children?: import('react').ReactNode;
|
|
5
|
+
} & import('react').RefAttributes<import('..').SignedIn>>;
|
|
6
|
+
export declare const SignedOut: import('react').ComponentType<{
|
|
7
|
+
children?: import('react').ReactNode;
|
|
8
|
+
} & import('react').RefAttributes<import('..').SignedOut>>;
|
|
9
|
+
export declare const Authenticated: import('react').ComponentType<{
|
|
10
|
+
children?: import('react').ReactNode;
|
|
11
|
+
} & import('react').RefAttributes<import('..').SbAuthenticated>>;
|
|
12
|
+
export declare const Signin: import('react').ComponentType<import('../../types').SignInProps & import('react').RefAttributes<import('..').SbSignIn>>;
|
|
13
|
+
export declare const Signup: import('react').ComponentType<import('../../types').SignUpProps & import('react').RefAttributes<import('..').SbSignUp>>;
|
|
14
|
+
export declare const Preview: import('react').ComponentType<import('../../types').PreviewProps & import('react').RefAttributes<import('..').PreviewComponent>>;
|
|
15
|
+
export declare const UserProfile: import('react').ComponentType<import('../../types').UserProfileProps & import('react').RefAttributes<import('..').SbUserProfile>>;
|
|
16
|
+
export declare const AccountInfo: import('react').ComponentType<import('../../types').AccountInfoProps & import('react').RefAttributes<import('..').SbAccountInfo>>;
|
|
17
|
+
export declare const LocationInfo: import('react').ComponentType<import('../../types').LocationInfoProps & import('react').RefAttributes<import('..').SbLocationInfo>>;
|
|
18
|
+
export declare const UrlsInfo: import('react').ComponentType<import('../../types').UrlsInfoProps & import('react').RefAttributes<import('..').SbUrlsInfo>>;
|
|
19
|
+
export declare const PersonalInfo: import('react').ComponentType<import('../../types').PersonalInfoProps & import('react').RefAttributes<import('..').SbPersonalInfo>>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { SbProvider, SignedIn as SbSignedIn, SignedOut as SbSIgnedOut, PreviewComponent, SaasBaseLayout, SbUserProfile, SbAuthenticated, SbSignUp, SbSignIn, SbAccountInfo, SbLocationInfo, SbUrlsInfo, SbPersonalInfo } from '..';
|
|
2
|
+
import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
|
|
3
|
+
import { AccountInfoProps, LayoutProps, LocationInfoProps, PersonalInfoProps, PreviewProps, ProviderProps, SignInProps, SignUpProps, UrlsInfoProps, UserProfileProps } from '../../types';
|
|
4
|
+
export declare const Provider: ForwardRefExoticComponent<ProviderProps & RefAttributes<SbProvider>>;
|
|
5
|
+
export declare const Layout: ForwardRefExoticComponent<LayoutProps & RefAttributes<SaasBaseLayout>>;
|
|
6
|
+
export declare const Preview: ForwardRefExoticComponent<PreviewProps & RefAttributes<PreviewComponent>>;
|
|
7
|
+
export declare const Signin: ForwardRefExoticComponent<SignInProps & RefAttributes<SbSignIn>>;
|
|
8
|
+
export declare const Signup: ForwardRefExoticComponent<SignUpProps & RefAttributes<SbSignUp>>;
|
|
9
|
+
export declare const SignedIn: ForwardRefExoticComponent<{
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
} & RefAttributes<SbSignedIn>>;
|
|
12
|
+
export declare const SignedOut: ForwardRefExoticComponent<{
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
} & RefAttributes<SbSIgnedOut>>;
|
|
15
|
+
export declare const Authenticated: ForwardRefExoticComponent<{
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
} & RefAttributes<SbAuthenticated>>;
|
|
18
|
+
export declare const UserProfile: ForwardRefExoticComponent<UserProfileProps & RefAttributes<SbUserProfile>>;
|
|
19
|
+
export declare const AccountInfo: ForwardRefExoticComponent<AccountInfoProps & RefAttributes<SbAccountInfo>>;
|
|
20
|
+
export declare const LocationInfo: ForwardRefExoticComponent<LocationInfoProps & RefAttributes<SbLocationInfo>>;
|
|
21
|
+
export declare const UrlsInfo: ForwardRefExoticComponent<UrlsInfoProps & RefAttributes<SbUrlsInfo>>;
|
|
22
|
+
export declare const PersonalInfo: ForwardRefExoticComponent<PersonalInfoProps & RefAttributes<SbPersonalInfo>>;
|
|
23
|
+
export declare function useAuthProvider(): import('@saasbase-io/loginflow-websdk').AuthService;
|
|
24
|
+
export declare function useAuthState(): boolean;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export * from './sb-text-renderer';
|
|
2
|
+
export * from './sb-button-renderer';
|
|
3
|
+
export * from './sb-divider-renderer';
|
|
4
|
+
export * from './sb-checkbox-renderer';
|
|
5
|
+
export * from './sb-otp-renderer';
|
|
6
|
+
export * from './sb-error-renderer';
|
|
7
|
+
export * from './sb-html-renderer';
|
|
8
|
+
export * from './sb-gap-renderer';
|
|
9
|
+
export * from './sb-countdown-renderer';
|
|
10
|
+
export * from './sb-spinner-renderer';
|
|
11
|
+
export * from './sb-container-renderer';
|
|
12
|
+
export * from './sb-image-renderer';
|
|
13
|
+
export * from './sb-watermark-renderer';
|
|
14
|
+
export * from './sb-logo-renderer';
|
|
15
|
+
export * from './sb-input-renderer';
|
|
16
|
+
export * from './sb-label-renderer';
|
|
17
|
+
export * from './renderElement';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TemplateResult } from '../../../node_modules/lit';
|
|
2
|
+
import { UIElement } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '..';
|
|
4
|
+
export declare function renderElement(component: SaasBaseLayout, element: UIElement, theme?: "light" | "dark"): TemplateResult<1>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Button, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbButtonRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "button";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Button;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
private theme;
|
|
14
|
+
private observer?;
|
|
15
|
+
protected createRenderRoot(): this;
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
disconnectedCallback(): void;
|
|
18
|
+
/**
|
|
19
|
+
* Ensures that whenever the parent component updates,
|
|
20
|
+
* this button renderer also re-renders.
|
|
21
|
+
*/
|
|
22
|
+
private patchComponentUpdate;
|
|
23
|
+
/**
|
|
24
|
+
* Watches the global theme (data-theme attr on <html>)
|
|
25
|
+
*/
|
|
26
|
+
private observeThemeChanges;
|
|
27
|
+
private get isDisabled();
|
|
28
|
+
private get loading();
|
|
29
|
+
private renderIcon;
|
|
30
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
31
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Checkbox, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbCheckboxRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "checkbox";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Checkbox;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
data_key?: string;
|
|
12
|
+
};
|
|
13
|
+
component: SaasBaseLayout;
|
|
14
|
+
protected createRenderRoot(): this;
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
private patchComponentUpdate;
|
|
17
|
+
private get fieldKey();
|
|
18
|
+
private get isChecked();
|
|
19
|
+
private get errors();
|
|
20
|
+
private handleChange;
|
|
21
|
+
private handleFocus;
|
|
22
|
+
private toggleCheckboxFromLabel;
|
|
23
|
+
private renderLabel;
|
|
24
|
+
private renderError;
|
|
25
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
26
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { LitElement, PropertyValues } from '../../../node_modules/lit';
|
|
2
|
+
import { Container, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '..';
|
|
4
|
+
export declare class SbContainerRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "container";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Container;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
private prevChildCount;
|
|
14
|
+
private prevContainerWidth;
|
|
15
|
+
private widthUpdateScheduled;
|
|
16
|
+
protected firstUpdated(changedProperties: PropertyValues): Promise<void>;
|
|
17
|
+
protected updated(changedProperties: PropertyValues): Promise<void>;
|
|
18
|
+
private updateWidthsIfNeeded;
|
|
19
|
+
protected createRenderRoot(): this;
|
|
20
|
+
private get containerStyles();
|
|
21
|
+
private renderChildren;
|
|
22
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
23
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { CountdownProperties, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbCountdownRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "countdown";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: CountdownProperties;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
private seconds;
|
|
14
|
+
private timerId;
|
|
15
|
+
protected createRenderRoot(): this;
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
disconnectedCallback(): void;
|
|
18
|
+
private initializeCountdown;
|
|
19
|
+
private startTimer;
|
|
20
|
+
private completeCountdown;
|
|
21
|
+
private clearTimer;
|
|
22
|
+
private renderContent;
|
|
23
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
24
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Divider, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbDividerRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "divider";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Divider;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Style, Error } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbErrorRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "error";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Error;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Gap, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbGapRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "gap";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Gap;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
15
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Html, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbHtmlRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "html";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Html;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
connectedCallback(): void;
|
|
15
|
+
disconnectedCallback(): void;
|
|
16
|
+
private _onClick;
|
|
17
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
18
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Image, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbImage extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "image";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Image;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
private theme;
|
|
14
|
+
private observer?;
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
private getTheme;
|
|
18
|
+
protected createRenderRoot(): this;
|
|
19
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
20
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { LitElement, TemplateResult, PropertyValues } from '../../../node_modules/lit';
|
|
2
|
+
import { Input, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbInputRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "input";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Input;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
autocomplete: string;
|
|
12
|
+
data_key?: string;
|
|
13
|
+
};
|
|
14
|
+
component: SaasBaseLayout;
|
|
15
|
+
protected createRenderRoot(): this;
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
private patchComponentRequestUpdate;
|
|
18
|
+
private getCustomization;
|
|
19
|
+
private getErrorState;
|
|
20
|
+
private manageErrorAnimation;
|
|
21
|
+
setInitialValue(): void;
|
|
22
|
+
protected updated(_changedProperties: PropertyValues): void;
|
|
23
|
+
render(): TemplateResult | null;
|
|
24
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Label, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbLabelRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "label";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Label;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
15
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Logo, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '..';
|
|
4
|
+
export declare class SbLogoRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "logo";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Logo;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
private theme;
|
|
14
|
+
private observer?;
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
private getTheme;
|
|
18
|
+
protected createRenderRoot(): this;
|
|
19
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
20
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from '../../../node_modules/lit';
|
|
2
|
+
import { OTP, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbOtpRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "otp";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: OTP;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
data_key?: string;
|
|
12
|
+
};
|
|
13
|
+
component: SaasBaseLayout;
|
|
14
|
+
protected createRenderRoot(): this;
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
private patchComponentRequestUpdate;
|
|
17
|
+
private renderOtpGroups;
|
|
18
|
+
render(): TemplateResult | null;
|
|
19
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Spinner, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbSpinnerRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "spinner";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Spinner;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
15
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Text, Style } from '../../types';
|
|
3
|
+
import { SaasBaseLayout } from '../wrappers';
|
|
4
|
+
export declare class SbTextRenderer extends LitElement {
|
|
5
|
+
element: {
|
|
6
|
+
element_type: "text";
|
|
7
|
+
id: string;
|
|
8
|
+
properties: Text;
|
|
9
|
+
style: Style;
|
|
10
|
+
class: string;
|
|
11
|
+
};
|
|
12
|
+
component: SaasBaseLayout;
|
|
13
|
+
protected createRenderRoot(): this;
|
|
14
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
15
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { LitElement } from '../../../node_modules/lit';
|
|
2
|
+
import { Watermark, Style } from '../../types';
|
|
3
|
+
export declare class SbWatermarkRenderer extends LitElement {
|
|
4
|
+
element: {
|
|
5
|
+
element_type: "watermark";
|
|
6
|
+
id: string;
|
|
7
|
+
properties: Watermark;
|
|
8
|
+
style: Style;
|
|
9
|
+
class: string;
|
|
10
|
+
};
|
|
11
|
+
private theme;
|
|
12
|
+
private observer?;
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
private getTheme;
|
|
16
|
+
protected createRenderRoot(): this;
|
|
17
|
+
render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
|
|
18
|
+
}
|
|
19
|
+
declare global {
|
|
20
|
+
interface HTMLElementTagNameMap {
|
|
21
|
+
"sb-watermark-renderer": SbWatermarkRenderer;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LitElement } from '../../../../node_modules/lit';
|
|
2
|
+
export declare class LinearLoader extends LitElement {
|
|
3
|
+
customClass: string;
|
|
4
|
+
customStyle: {};
|
|
5
|
+
createRenderRoot(): this;
|
|
6
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
7
|
+
}
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
"linear-loader": LinearLoader;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { LitElement } from '../../../../node_modules/lit';
|
|
2
|
+
export declare class SbSpinner extends LitElement {
|
|
3
|
+
createRenderRoot(): this;
|
|
4
|
+
/** Diameter in px */
|
|
5
|
+
size: number;
|
|
6
|
+
/** Stroke thickness */
|
|
7
|
+
strokeWidth: number;
|
|
8
|
+
/** Color (defaults to currentColor) */
|
|
9
|
+
color: string;
|
|
10
|
+
/** Accessible label */
|
|
11
|
+
label: string;
|
|
12
|
+
duration: number;
|
|
13
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { LitElement } from '../../../../node_modules/lit';
|
|
2
|
+
export declare class SbWatermark extends LitElement {
|
|
3
|
+
label: string;
|
|
4
|
+
image_url: string;
|
|
5
|
+
content: string;
|
|
6
|
+
customId: string;
|
|
7
|
+
fontSize: string;
|
|
8
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { LitElement } from '../../../../node_modules/lit';
|
|
2
|
+
import { ICustomizations, RenderSpec } from '../../../types';
|
|
3
|
+
export declare class PreviewComponent extends LitElement {
|
|
4
|
+
loading: boolean;
|
|
5
|
+
renderSpec: RenderSpec | null;
|
|
6
|
+
customizations: ICustomizations | null;
|
|
7
|
+
protected createRenderRoot(): HTMLElement | DocumentFragment;
|
|
8
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
9
|
+
}
|
|
10
|
+
declare global {
|
|
11
|
+
interface HTMLElementTagNameMap {
|
|
12
|
+
"sb-preview": PreviewComponent;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LitElement } from '../../../../node_modules/lit';
|
|
2
|
+
import { ICustomizations, RenderSpec } from '../../../types';
|
|
3
|
+
export declare class SbSignIn extends LitElement {
|
|
4
|
+
renderSpec: RenderSpec | null;
|
|
5
|
+
customizations: ICustomizations | null;
|
|
6
|
+
providedCustomizations: ICustomizations | null;
|
|
7
|
+
get effectiveCustomizations(): ICustomizations | null;
|
|
8
|
+
createRenderRoot(): this;
|
|
9
|
+
connectedCallback(): Promise<void>;
|
|
10
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LitElement } from '../../../../node_modules/lit';
|
|
2
|
+
import { ICustomizations, RenderSpec } from '../../../types';
|
|
3
|
+
export declare class SbSignUp extends LitElement {
|
|
4
|
+
renderSpec: RenderSpec | null;
|
|
5
|
+
customizations: ICustomizations | null;
|
|
6
|
+
providedCustomizations: ICustomizations | null;
|
|
7
|
+
get effectiveCustomizations(): ICustomizations | null;
|
|
8
|
+
createRenderRoot(): this;
|
|
9
|
+
connectedCallback(): Promise<void>;
|
|
10
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from '../../../../../node_modules/lit';
|
|
2
|
+
import { ICustomizations, IProfileWidgetCustomization, USER_PROFILE_WIDGETS_LAYOUT } from '../../../../types';
|
|
3
|
+
export interface Account {
|
|
4
|
+
email: string;
|
|
5
|
+
phone: string;
|
|
6
|
+
avatar: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class SbAccountInfo extends LitElement {
|
|
9
|
+
account: Account;
|
|
10
|
+
showAvatarMenu: boolean;
|
|
11
|
+
customizations: ICustomizations | null;
|
|
12
|
+
toggleAvatarMenu: (e: Event) => void;
|
|
13
|
+
onAvatarChange: () => void;
|
|
14
|
+
onAvatarRemove: () => void;
|
|
15
|
+
showIcons: boolean;
|
|
16
|
+
content: IProfileWidgetCustomization | null;
|
|
17
|
+
otpVariant: "simple" | "with_spacing" | "with_separator" | "digits_only";
|
|
18
|
+
otpLength: number;
|
|
19
|
+
layout: USER_PROFILE_WIDGETS_LAYOUT;
|
|
20
|
+
private isEditingEmail;
|
|
21
|
+
private isVerifyingEmail;
|
|
22
|
+
private isEditingPhone;
|
|
23
|
+
private isVerifyingPhone;
|
|
24
|
+
private getButtonStyles;
|
|
25
|
+
private getInputStyles;
|
|
26
|
+
private getLabelStyles;
|
|
27
|
+
private getContainerStyles;
|
|
28
|
+
private renderDisplayRow;
|
|
29
|
+
private renderEditForm;
|
|
30
|
+
private renderVerificationForm;
|
|
31
|
+
private renderEmailSection;
|
|
32
|
+
private renderPhoneSection;
|
|
33
|
+
private renderHeader;
|
|
34
|
+
private renderAvatar;
|
|
35
|
+
private renderAccountDetails;
|
|
36
|
+
render(): TemplateResult<1>;
|
|
37
|
+
createRenderRoot(): this;
|
|
38
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const CARD_HEADER_CONTAINER_CLASS = "sb-w-full sb-flex sb-justify-between sb-border-b sb-px-4 sb-py-2";
|
|
2
|
+
export declare const CARD_HEADER_TITLE_CLASS = "sb-flex sb-items-center sb-text-[18px] sb-font-medium sb-gap-2 sb-text-muted-foreground !sb-min-w-9 !sb-min-h-9";
|
|
3
|
+
export declare const CARD_INPUT_LABEL_CLASS = "sb-w-full sb-basis-36 sb-shrink-0 sb-text-sm sb-text-foreground sb-font-medium sb-truncate sb-overflow-hidden sb-text-ellipsis";
|
|
4
|
+
export declare const CARD_INPUT_FIELD_CLASS = "sb-w-full sb-border-none !sb-shadow-none !sb-px-0 disabled:!sb-opacity-100";
|
|
5
|
+
export declare const CARD_EDIT_FORM_CONTAINER_CLASS = "!sb-rounded-2xl !sb-p-0 !sb-bg-base-background";
|
|
6
|
+
export declare const CARD_CONTAINER_CLASS = "!sb-rounded-2xl !sb-p-0 sb-mb-4";
|
|
7
|
+
export declare const CARD_EDITABLE_INPUT_CLASS = "!sb-bg-background";
|
|
8
|
+
export declare const CARD_DEFAULT_BUTTON = "sb-w-full md:sb-w-[120px]";
|
|
9
|
+
export declare const CARD_OUTLINE_BUTTON = "sb-w-full md:sb-w-[120px]";
|
|
10
|
+
export declare const CARD_EDIT_BUTTON = "sb-text-muted-foreground sb-text-sm sb-mr-2 sb-flex sb-items-center sb-gap-1";
|