revotech-ui-kit 0.0.24 → 0.0.26

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.
@@ -9,6 +9,7 @@ export declare class ComboBoxItem extends LitElement {
9
9
  class: string;
10
10
  onSelect: () => void;
11
11
  static styles: import('lit').CSSResult[];
12
+ connectedCallback(): void;
12
13
  render(): import('lit-html').TemplateResult<1>;
13
14
  }
14
15
  declare global {
@@ -2,6 +2,7 @@ import { LitElement, PropertyValues } from 'lit';
2
2
 
3
3
  declare class ComboBox extends LitElement {
4
4
  static styles: import('lit').CSSResult[];
5
+ comboBoxid: `${string}-${string}-${string}-${string}-${string}`;
5
6
  isOpen: boolean;
6
7
  selectedValue: string;
7
8
  searchTerm: string;
@@ -9,16 +10,16 @@ declare class ComboBox extends LitElement {
9
10
  filteredItems: string[];
10
11
  label: string;
11
12
  items: never[];
13
+ connectedCallback(): void;
14
+ disconnectedCallback(): void;
12
15
  protected firstUpdated(_changedProperties: PropertyValues): void;
16
+ updated(changedProps: PropertyValues): void;
13
17
  toggleDropdown(): void;
14
18
  selectItem(event: Event): void;
15
- handleInputClick(): void;
19
+ handleClickOutside: (e: MouseEvent) => void;
16
20
  handleSearch(event: Event): void;
17
21
  handleKeyDown(event: KeyboardEvent): void;
18
22
  handleMouseOver(event: Event, index: number): void;
19
- connectedCallback(): void;
20
- disconnectedCallback(): void;
21
- handleClickOutside: (e: MouseEvent) => void;
22
23
  updateFocus(): void;
23
24
  render(): import('lit-html').TemplateResult<1>;
24
25
  }
@@ -9,6 +9,7 @@ export declare class Input extends BaseElement {
9
9
  placeholder: string;
10
10
  defaultValue: string;
11
11
  value: string;
12
+ twCLass: string;
12
13
  static styles: import('lit').CSSResult[];
13
14
  protected firstUpdated(_changedProperties: PropertyValues): void;
14
15
  handleInputChange(event: Event): void;
@@ -2,12 +2,14 @@ import { BaseElement } from '../../../helpers';
2
2
 
3
3
  export declare class InputOtpGroup extends BaseElement {
4
4
  click: () => void;
5
+ private childrenArray;
5
6
  static styles: import('lit').CSSResult[];
6
7
  protected getAttributesToExclude(): string[];
8
+ firstUpdated(changedProperties: Map<string, unknown>): void;
7
9
  render(): import('lit-html').TemplateResult<1>;
8
10
  }
9
11
  declare global {
10
12
  interface HTMLElementTagNameMap {
11
- 'input-otp-group': InputOtpGroup;
13
+ 'rtg-input-otp-group': InputOtpGroup;
12
14
  }
13
15
  }
@@ -1,13 +1,12 @@
1
- import { BaseElement } from '../../../helpers';
1
+ import { LitElement } from 'lit';
2
2
 
3
- export declare class InputOtpSeparator extends BaseElement {
3
+ export declare class InputOtpSeparator extends LitElement {
4
4
  index: number;
5
5
  static styles: import('lit').CSSResult[];
6
- protected getAttributesToExclude(): string[];
7
6
  render(): import('lit-html').TemplateResult<1>;
8
7
  }
9
8
  declare global {
10
9
  interface HTMLElementTagNameMap {
11
- 'input-otp-separator': InputOtpSeparator;
10
+ 'rtg-input-otp-separator': InputOtpSeparator;
12
11
  }
13
12
  }
@@ -1,13 +1,26 @@
1
+ import { PropertyValues } from 'lit';
1
2
  import { BaseElement } from '../../../helpers';
3
+ import { InputOtp } from './input-otp.molecule';
2
4
 
3
5
  export declare class InputOtpSlot extends BaseElement {
4
6
  click: () => void;
7
+ index: number;
8
+ isFirst: boolean;
9
+ isLast: boolean;
10
+ value: string;
5
11
  static styles: import('lit').CSSResult[];
12
+ get _inputOtp(): InputOtp | null;
13
+ connectedCallback(): void;
14
+ protected firstUpdated(_changedProperties: PropertyValues): void;
15
+ disconnectedCallback(): void;
6
16
  protected getAttributesToExclude(): string[];
17
+ private handleFocus;
18
+ private handleInputChange;
19
+ private handleKeyDown;
7
20
  render(): import('lit-html').TemplateResult<1>;
8
21
  }
9
22
  declare global {
10
23
  interface HTMLElementTagNameMap {
11
- 'input-otp-slot': InputOtpSlot;
24
+ 'rtg-input-otp-slot': InputOtpSlot;
12
25
  }
13
26
  }
@@ -1,30 +1,21 @@
1
- import { PropertyValueMap } from 'lit';
2
1
  import { BaseElement } from '../../../helpers';
3
- import { Ref } from 'lit/directives/ref.js';
4
2
 
5
3
  export declare class InputOtp extends BaseElement {
6
- click: () => void;
4
+ constructor();
5
+ connectedCallback(): void;
7
6
  static styles: import('lit').CSSResult[];
8
7
  protected getAttributesToExclude(): string[];
9
- clientName: string;
10
- username: string;
11
- pinLength: number;
12
- onChange: (otp: string, username: string) => void;
13
- static PIN_MIN_VALUE: string;
14
- static PIN_MAX_VALUE: string;
15
- static BACKSPACE_KEY: string;
8
+ maxLength: number;
9
+ onChange: () => void;
16
10
  pin: any[];
17
- inputElement: Ref<HTMLInputElement>[];
18
- protected firstUpdated(): void;
19
- protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
20
- connectedCallback(): void;
21
- handleChangePinFocus(index: number): void;
22
- setNewPin(value: any, index: number): void;
23
- findDifferentChars(str1: string, str2: string): string;
24
- handleInputChange(event: any, index: number): void;
25
- handleKeyDown(event: any, index: number): void;
26
- handleShowValue(index: number): any;
27
- render(): import('lit-html').TemplateResult<1>;
11
+ inputes: {
12
+ value: string;
13
+ index: number;
14
+ isSelected: boolean;
15
+ userIndex: number;
16
+ }[];
17
+ raiseEvent(index: number, eventType?: 'changes' | 'focus', customIndex?: number): void;
18
+ protected render(): import('lit-html').TemplateResult<1>;
28
19
  }
29
20
  declare global {
30
21
  interface HTMLElementTagNameMap {
@@ -0,0 +1,5 @@
1
+ import { Meta, StoryFn } from '@storybook/web-components';
2
+
3
+ declare const _default: Meta;
4
+ export default _default;
5
+ export declare const InputOTP: StoryFn;
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent wc-ui following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "wc-ui",
6
- "version": "0.0.24",
6
+ "version": "0.0.26",
7
7
  "type": "module",
8
8
  "main": "dist/revotech-ui-kit.umd.cjs",
9
9
  "module": "./dist/revotech-ui-kit.js",