@saasbase-io/core-elements 1.2.0 → 1.3.1
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/components/renderers/_updated/index.d.ts +1 -0
- package/dist/components/renderers/_updated/sb-container.d.ts +13 -0
- package/dist/components/renderers/_updated/sb-countdown.d.ts +5 -7
- package/dist/components/renderers/_updated/sb-gap.d.ts +2 -7
- package/dist/components/renderers/_updated/sb-header.d.ts +5 -6
- package/dist/components/renderers/_updated/sb-logo.d.ts +4 -5
- package/dist/components/renderers/_updated/sb-otp.d.ts +3 -3
- package/dist/components/renderers/_updated/sb-subtitle.d.ts +3 -3
- package/dist/components/renderers/_updated/sb-title.d.ts +3 -3
- package/dist/components/wrappers/base-element/base-element.d.ts +8 -0
- package/dist/index.js +551 -554
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3234 -3233
- package/dist/index.mjs.map +1 -1
- package/dist/stories/preview.stories.d.ts +5 -0
- package/dist/styles.css +27 -0
- package/package.json +7 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PropertyValues } from '../../../../node_modules/lit';
|
|
2
|
+
import { BaseElement } from '../..';
|
|
3
|
+
export declare class SbContainer extends BaseElement {
|
|
4
|
+
id: string;
|
|
5
|
+
type: "flex_column" | "flex_row";
|
|
6
|
+
root: boolean;
|
|
7
|
+
alignment?: "start" | "center" | "end";
|
|
8
|
+
protected createRenderRoot(): this;
|
|
9
|
+
protected firstUpdated(_changed: PropertyValues): Promise<void>;
|
|
10
|
+
protected updated(_changed: PropertyValues): Promise<void>;
|
|
11
|
+
private get containerStyles();
|
|
12
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
13
|
+
}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { PropertyValues } from '../../../../node_modules/lit';
|
|
2
|
+
import { BaseElement } from '../..';
|
|
3
|
+
export declare class SbCountdown extends BaseElement {
|
|
4
|
+
get _containerElement(): HTMLLIElement | null;
|
|
5
5
|
content: string;
|
|
6
6
|
duration: number;
|
|
7
7
|
redirectUrl: string;
|
|
8
8
|
id: string;
|
|
9
|
-
sbStyle: Style;
|
|
10
|
-
className: string;
|
|
11
|
-
component: SaasBaseLayout;
|
|
12
9
|
private seconds;
|
|
13
10
|
private timerId;
|
|
14
11
|
protected createRenderRoot(): this;
|
|
12
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
15
13
|
connectedCallback(): void;
|
|
16
14
|
disconnectedCallback(): void;
|
|
17
15
|
private initializeCountdown;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { SaasBaseLayout } from '../..';
|
|
4
|
-
export declare class SbGap extends LitElement {
|
|
1
|
+
import { BaseElement } from '../..';
|
|
2
|
+
export declare class SbGap extends BaseElement {
|
|
5
3
|
size: string;
|
|
6
4
|
type: "vertical" | "horizontal";
|
|
7
5
|
id: string;
|
|
8
|
-
sbStyle: Style;
|
|
9
|
-
className: string;
|
|
10
|
-
component: SaasBaseLayout;
|
|
11
6
|
protected createRenderRoot(): this;
|
|
12
7
|
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
13
8
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
export declare class SbHeader extends
|
|
4
|
-
|
|
1
|
+
import { BaseElement } from '../..';
|
|
2
|
+
import { PropertyValues } from '../../../../node_modules/lit';
|
|
3
|
+
export declare class SbHeader extends BaseElement {
|
|
4
|
+
get _containerElement(): HTMLLIElement | null;
|
|
5
5
|
align: string;
|
|
6
6
|
gap: string;
|
|
7
|
-
|
|
8
|
-
connectedCallback(): void;
|
|
7
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
9
8
|
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
10
9
|
}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { BaseElement } from '../..';
|
|
2
|
+
export declare class SbLogo extends BaseElement {
|
|
3
|
+
get _containerElement(): HTMLLIElement | null;
|
|
4
4
|
id: string;
|
|
5
5
|
imageUrl: string;
|
|
6
|
-
component: SaasBaseLayout;
|
|
7
6
|
private theme;
|
|
8
7
|
private observer?;
|
|
9
8
|
connectedCallback(): void;
|
|
10
9
|
disconnectedCallback(): void;
|
|
11
10
|
private getTheme;
|
|
12
11
|
protected createRenderRoot(): this;
|
|
13
|
-
render(): import('../../../../node_modules/lit-html').TemplateResult<1
|
|
12
|
+
render(): import('../../../../node_modules/lit-html').TemplateResult<1>;
|
|
14
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { BaseElement, SaasBaseLayout } from '../..';
|
|
2
|
+
export declare class SbOtp extends BaseElement {
|
|
3
|
+
get _containerElement(): HTMLLIElement | null;
|
|
4
4
|
variant: string;
|
|
5
5
|
length: number;
|
|
6
6
|
timeout: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { BaseElement, SaasBaseLayout } from '../..';
|
|
2
|
+
export declare class SbSubtitle extends BaseElement {
|
|
3
|
+
get _containerElement(): HTMLLIElement | null;
|
|
4
4
|
id: string;
|
|
5
5
|
content: string;
|
|
6
6
|
component: SaasBaseLayout;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { BaseElement, SaasBaseLayout } from '../..';
|
|
2
|
+
export declare class SbTitle extends BaseElement {
|
|
3
|
+
get _containerElement(): HTMLLIElement | null;
|
|
4
4
|
id: string;
|
|
5
5
|
content: string;
|
|
6
6
|
component: SaasBaseLayout;
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
+
import { Style } from '../../../types/styles';
|
|
1
2
|
import { LitElement } from '../../../../node_modules/lit';
|
|
2
3
|
export declare abstract class BaseElement extends LitElement {
|
|
3
4
|
shadow: boolean;
|
|
4
5
|
constructor();
|
|
6
|
+
protected parseJsonAttribute<T = unknown>(attrName: string): T;
|
|
7
|
+
protected get sbStyle(): Style;
|
|
5
8
|
protected getAttributesToExclude(): string[];
|
|
6
9
|
protected getFilteredAttributes(): Record<string, string>;
|
|
7
10
|
protected isCustomPropertySet(property: string): boolean;
|
|
8
11
|
protected applyCustomClass(variables: string[], selector: string, className?: string): void;
|
|
12
|
+
protected moveAttributesToElement(target: HTMLElement, attributesToMove?: string[]): void;
|
|
13
|
+
protected removeAttributesFromHost(attributes?: string[]): void;
|
|
14
|
+
private __initialAttributesCache;
|
|
15
|
+
protected captureHostAttributes(): Record<string, string>;
|
|
16
|
+
protected getHostClass(): string;
|
|
9
17
|
protected removeDuplicateContent(): void;
|
|
10
18
|
protected moveLightDomChildrenInto(target: HTMLElement, specificNodes?: Node[]): void;
|
|
11
19
|
}
|