@saasbase-io/core-elements 1.1.9 → 1.1.10

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.
Files changed (16) hide show
  1. package/dist/components/renderers/sb-button-renderer.d.ts +9 -5
  2. package/dist/components/renderers/sb-checkbox-renderer.d.ts +12 -9
  3. package/dist/components/renderers/sb-divider-renderer.d.ts +3 -0
  4. package/dist/components/renderers/sb-error-renderer.d.ts +7 -1
  5. package/dist/components/renderers/sb-input-renderer.d.ts +16 -7
  6. package/dist/components/renderers/sb-label-renderer.d.ts +3 -0
  7. package/dist/components/renderers/sb-otp-renderer.d.ts +9 -3
  8. package/dist/constants/classes.d.ts +0 -9
  9. package/dist/index.js +915 -1033
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +9281 -9321
  12. package/dist/index.mjs.map +1 -1
  13. package/dist/styles.css +10018 -8689
  14. package/dist/types/layout/index.d.ts +12 -1
  15. package/dist/types/styles/index.d.ts +4 -5
  16. package/package.json +2 -2
package/dist/components/renderers/sb-button-renderer.d.ts CHANGED
@@ -12,9 +12,12 @@ export declare class SbButtonRenderer extends LitElement {
12
12
  component: SaasBaseLayout;
13
13
  private theme;
14
14
  private observer?;
15
+ /**
16
+ * Overrides the default behaviour to render into the light DOM.
17
+ */
15
18
  protected createRenderRoot(): this;
16
- connectedCallback(): void;
17
- disconnectedCallback(): void;
19
+ private get _disabled();
20
+ private get _loading();
18
21
  /**
19
22
  * Ensures that whenever the parent component updates,
20
23
  * this button renderer also re-renders.
@@ -24,8 +27,9 @@ export declare class SbButtonRenderer extends LitElement {
24
27
  * Watches the global theme (data-theme attr on <html>)
25
28
  */
26
29
  private observeThemeChanges;
27
- private get isDisabled();
28
- private get loading();
29
- private renderIcon;
30
+ connectedCallback(): void;
31
+ disconnectedCallback(): void;
32
+ private _onClick;
33
+ private _renderIcon;
30
34
  render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
31
35
  }
package/dist/components/renderers/sb-checkbox-renderer.d.ts CHANGED
@@ -11,16 +11,19 @@ export declare class SbCheckboxRenderer extends LitElement {
11
11
  data_key?: string;
12
12
  };
13
13
  component: SaasBaseLayout;
14
+ /**
15
+ * Overrides the default behaviour to render into the light DOM.
16
+ */
14
17
  protected createRenderRoot(): this;
15
- connectedCallback(): void;
18
+ private get _fieldKey();
19
+ private get _checked();
20
+ private get _errors();
16
21
  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;
22
+ connectedCallback(): void;
23
+ private _handleChange;
24
+ private _handleFocus;
25
+ private _toggleCheckboxFromLabel;
26
+ private _renderLabel;
27
+ private _renderError;
25
28
  render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
26
29
  }
package/dist/components/renderers/sb-divider-renderer.d.ts CHANGED
@@ -10,6 +10,9 @@ export declare class SbDividerRenderer extends LitElement {
10
10
  class: string;
11
11
  };
12
12
  component: SaasBaseLayout;
13
+ /**
14
+ * Overrides the default behaviour to render into the light DOM.
15
+ */
13
16
  protected createRenderRoot(): this;
14
17
  render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
15
18
  }
package/dist/components/renderers/sb-error-renderer.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from '../../../node_modules/lit';
2
- import { Style, Error } from '../../types';
2
+ import { Error, Style } from '../../types';
3
3
  import { SaasBaseLayout } from '../wrappers';
4
4
  export declare class SbErrorRenderer extends LitElement {
5
5
  element: {
@@ -10,6 +10,12 @@ export declare class SbErrorRenderer extends LitElement {
10
10
  class: string;
11
11
  };
12
12
  component: SaasBaseLayout;
13
+ /**
14
+ * Overrides the default behaviour to render into the light DOM.
15
+ */
13
16
  protected createRenderRoot(): this;
17
+ private _renderIcon;
18
+ private _renderTitle;
19
+ private _renderDescription;
14
20
  render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
15
21
  }
package/dist/components/renderers/sb-input-renderer.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { LitElement, TemplateResult, PropertyValues } from '../../../node_modules/lit';
1
+ import { LitElement, PropertyValues } from '../../../node_modules/lit';
2
2
  import { Input, Style } from '../../types';
3
3
  import { SaasBaseLayout } from '../wrappers';
4
4
  export declare class SbInputRenderer extends LitElement {
@@ -12,13 +12,22 @@ export declare class SbInputRenderer extends LitElement {
12
12
  data_key?: string;
13
13
  };
14
14
  component: SaasBaseLayout;
15
+ /**
16
+ * Overrides the default behaviour to render into the light DOM.
17
+ */
15
18
  protected createRenderRoot(): this;
16
- connectedCallback(): void;
19
+ private get _key();
20
+ private get _errors();
21
+ private get _invalid();
17
22
  private patchComponentRequestUpdate;
18
- private getCustomization;
19
- private getErrorState;
20
- private manageErrorAnimation;
21
- setInitialValue(): void;
23
+ private _initValue;
24
+ connectedCallback(): void;
22
25
  protected updated(_changedProperties: PropertyValues): void;
23
- render(): TemplateResult | null;
26
+ private _onInput;
27
+ private _onFocus;
28
+ private _onBlur;
29
+ private _renderLabel;
30
+ private _renderHint;
31
+ private _renderError;
32
+ render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
24
33
  }
package/dist/components/renderers/sb-label-renderer.d.ts CHANGED
@@ -10,6 +10,9 @@ export declare class SbLabelRenderer extends LitElement {
10
10
  class: string;
11
11
  };
12
12
  component: SaasBaseLayout;
13
+ /**
14
+ * Overrides the default behaviour to render into the light DOM.
15
+ */
13
16
  protected createRenderRoot(): this;
14
17
  render(): import('../../../node_modules/lit-html').TemplateResult<1> | null;
15
18
  }
package/dist/components/renderers/sb-otp-renderer.d.ts CHANGED
@@ -11,9 +11,15 @@ export declare class SbOtpRenderer extends LitElement {
11
11
  data_key?: string;
12
12
  };
13
13
  component: SaasBaseLayout;
14
+ /**
15
+ * Overrides the default behaviour to render into the light DOM.
16
+ */
14
17
  protected createRenderRoot(): this;
15
- connectedCallback(): void;
16
18
  private patchComponentRequestUpdate;
17
- private renderOtpGroups;
18
- render(): TemplateResult | null;
19
+ connectedCallback(): void;
20
+ private _onComplete;
21
+ private _onFocus;
22
+ private _onBlur;
23
+ private _renderOTPContent;
24
+ render(): TemplateResult<1> | null;
19
25
  }
package/dist/constants/classes.d.ts CHANGED
@@ -1,12 +1,3 @@
1
- export declare const inputContainerDefaultClass = "sb-mb-4";
2
- export declare const checkboxRowDefaultClass = "sb-flex sb-items-center";
3
- export declare const errorDefaultClass = "sb-text-destructive sb-text-sm sb-mt-1 sb-error-anim";
4
- export declare const labelInputClass = "sb-font-medium sb-text-sm";
5
- export declare const labelCheckBoxClass = "sb-font-medium sb-text-sm sb-ml-2 sb-flex";
6
- export declare const hintDefaultClass = "sb-text-sm sb-text-gray-500 sb-mt-1";
7
- export declare const dividerDefaultClass = "sb-my-6";
8
- export declare const dividerLineDefaultClass = "sb-flex-grow sb-border-t";
9
- export declare const dividerTextDefaultClass = "sb-mx-4";
10
1
  export declare const watermarkDefaultClass = "";
11
2
  export declare const linearLoaderClass = "sb-relative sb-overflow-hidden sb-w-1/3 sb-h-2 sb-linear-bar";
12
3
  export declare const dashboardWidthClass = "sb-min-w-[375px] sb-max-w-[609px] sb-w-[calc(100%-30px)] sm:sb-max-w-[735px] md:sb-w-[calc(100%-32px)] md:sb-max-w-[800px] lg:sb-min-w-[800px]";