revotech-ui-kit 0.0.33 → 0.0.34

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.
@@ -0,0 +1,11 @@
1
+ import { LitElement } from 'lit';
2
+ declare class ComboBoxEmpty extends LitElement {
3
+ static styles: import("lit").CSSResult[];
4
+ render(): import("lit-html").TemplateResult<1>;
5
+ }
6
+ export { ComboBoxEmpty };
7
+ declare global {
8
+ interface HTMLElementTagNameMap {
9
+ 'rtg-combo-box-empty': ComboBoxEmpty;
10
+ }
11
+ }
@@ -0,0 +1,25 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { ComboBox } from './combo-box.atom';
3
+ declare class ComboBoxGroup extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ private childrenArray;
6
+ searchKey: string;
7
+ focusedIndex: number;
8
+ selectedValue: string;
9
+ get _comboBox(): ComboBox | null;
10
+ connectedCallback(): void;
11
+ protected firstUpdated(_changedProperties: PropertyValues): void;
12
+ protected updated(_changedProperties: PropertyValues): void;
13
+ disconnectedCallback(): void;
14
+ onSelectedValue(value: string, index: number): void;
15
+ handleKeyDown(event: KeyboardEvent): void;
16
+ handleMouseOver(event: Event, index: number): void;
17
+ checkRender: () => import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<1>[];
18
+ render(): import("lit-html").TemplateResult<1>;
19
+ }
20
+ export { ComboBoxGroup };
21
+ declare global {
22
+ interface HTMLElementTagNameMap {
23
+ 'rtg-combo-box-group': ComboBoxGroup;
24
+ }
25
+ }
@@ -1,11 +1,16 @@
1
1
  import { LitElement } from 'lit';
2
- export declare class ComboBoxInput extends LitElement {
3
- value: string;
4
- handleClick: () => void;
5
- handleKeyDown: () => void;
2
+ import { ComboBoxGroup } from './combo-box-group';
3
+ declare class ComboBoxInput extends LitElement {
6
4
  static styles: import("lit").CSSResult[];
5
+ placeholder: string;
6
+ twClass: string;
7
+ searchValue: string;
8
+ get _comboBoxGroup(): ComboBoxGroup | null;
9
+ handleSearch(event: Event): void;
10
+ handleKeyDown(event: Event): void;
7
11
  render(): import("lit-html").TemplateResult<1>;
8
12
  }
13
+ export { ComboBoxInput };
9
14
  declare global {
10
15
  interface HTMLElementTagNameMap {
11
16
  'rtg-combo-box-input': ComboBoxInput;
@@ -1,14 +1,18 @@
1
- import { LitElement } from 'lit';
2
- export declare class ComboBoxItem extends LitElement {
3
- key: string;
4
- searchText: string;
1
+ import { BaseElement } from '../../../helpers';
2
+ export declare class ComboBoxItem extends BaseElement {
5
3
  value: string;
4
+ key: string;
6
5
  tabindex: number;
7
6
  isSelected: boolean;
8
- twClass: string;
9
- onSelect: () => void;
7
+ isFocus: boolean;
8
+ class: string;
9
+ selectItemIndex: number;
10
+ onSelect: (_value: string, _index: number) => void;
11
+ onMouseOver: (_event: Event, _index: number) => void;
10
12
  static styles: import("lit").CSSResult[];
13
+ protected getAttributesToExclude(): string[];
11
14
  connectedCallback(): void;
15
+ handleClick: (event: Event) => void;
12
16
  render(): import("lit-html").TemplateResult<1>;
13
17
  }
14
18
  declare global {
@@ -0,0 +1,15 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { ComboBox } from './combo-box.atom';
3
+ declare class ComboBoxTrigger extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ get _comboBox(): ComboBox | null;
6
+ protected firstUpdated(_changedProperties: PropertyValues): void;
7
+ handleClick: () => void;
8
+ render(): import("lit-html").TemplateResult<1>;
9
+ }
10
+ export { ComboBoxTrigger };
11
+ declare global {
12
+ interface HTMLElementTagNameMap {
13
+ 'rtg-combo-box-trigger': ComboBoxTrigger;
14
+ }
15
+ }
@@ -0,0 +1,18 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { ComboBox } from './combo-box.atom';
3
+ declare class ComboBoxValue extends LitElement {
4
+ placeholder: string;
5
+ static styles: import("lit").CSSResult[];
6
+ get _comboBox(): ComboBox | null;
7
+ connectedCallback(): void;
8
+ protected firstUpdated(_changedProperties: PropertyValues): void;
9
+ handleClick: () => void;
10
+ renderLabel: () => string;
11
+ render(): import("lit-html").TemplateResult<1>;
12
+ }
13
+ export { ComboBoxValue };
14
+ declare global {
15
+ interface HTMLElementTagNameMap {
16
+ 'rtg-combo-box-value': ComboBoxValue;
17
+ }
18
+ }
@@ -1,25 +1,20 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
2
  declare class ComboBox extends LitElement {
3
3
  static styles: import("lit").CSSResult[];
4
- comboBoxid: `${string}-${string}-${string}-${string}-${string}`;
5
4
  isOpen: boolean;
6
5
  selectedValue: string;
7
6
  searchTerm: string;
8
7
  focusedIndex: number;
9
8
  filteredItems: string[];
9
+ uuid: string;
10
10
  label: string;
11
11
  items: never[];
12
12
  connectedCallback(): void;
13
- disconnectedCallback(): void;
14
13
  protected firstUpdated(_changedProperties: PropertyValues): void;
15
14
  updated(changedProps: PropertyValues): void;
16
- toggleDropdown(): void;
17
- selectItem(event: Event): void;
18
15
  handleClickOutside: (e: MouseEvent) => void;
19
- handleSearch(event: Event): void;
20
- handleKeyDown(event: KeyboardEvent): void;
21
- handleMouseOver(event: Event, index: number): void;
22
- updateFocus(): void;
16
+ disconnectedCallback(): void;
17
+ selectItem(event: Event): void;
23
18
  render(): import("lit-html").TemplateResult<1>;
24
19
  }
25
20
  export { ComboBox };
@@ -2,4 +2,3 @@ import type { Meta, StoryFn } from '@storybook/web-components';
2
2
  declare const _default: Meta;
3
3
  export default _default;
4
4
  export declare const basicComboBox: StoryFn;
5
- export declare const emptyComboBox: StoryFn;
@@ -0,0 +1,23 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { Select } from './select.atom';
3
+ declare class SelectGroup extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ private childrenArray;
6
+ focusedIndex: number;
7
+ selectedValue: string;
8
+ get _select(): Select | null;
9
+ connectedCallback(): void;
10
+ disconnectedCallback(): void;
11
+ protected firstUpdated(_changedProperties: PropertyValues): void;
12
+ protected updated(_changedProperties: PropertyValues): void;
13
+ onSelectedValue(value: string, index: number): void;
14
+ handleKeyDown(event: KeyboardEvent): void;
15
+ handleMouseOver(event: Event, index: number): void;
16
+ render(): import("lit-html").TemplateResult<1>;
17
+ }
18
+ export { SelectGroup };
19
+ declare global {
20
+ interface HTMLElementTagNameMap {
21
+ 'rtg-select-group': SelectGroup;
22
+ }
23
+ }
@@ -1,12 +1,22 @@
1
- import { LitElement } from 'lit';
2
- export declare class SelectItem extends LitElement {
3
- key: string;
4
- searchText: string;
1
+ import { BaseElement } from '../../../helpers';
2
+ declare class SelectItem extends BaseElement {
5
3
  value: string;
4
+ key: string;
6
5
  tabindex: number;
7
6
  isSelected: boolean;
7
+ isFocus: boolean;
8
8
  class: string;
9
- onSelect: () => void;
9
+ selectItemIndex: number;
10
+ onSelect: (_value: string, _index: number) => void;
11
+ onMouseOver: (_event: Event, _index: number) => void;
10
12
  static styles: import("lit").CSSResult[];
13
+ protected getAttributesToExclude(): string[];
14
+ handleClick: (event: Event) => void;
11
15
  render(): import("lit-html").TemplateResult<1>;
12
16
  }
17
+ export { SelectItem };
18
+ declare global {
19
+ interface HTMLElementTagNameMap {
20
+ 'rtg-select-item': SelectItem;
21
+ }
22
+ }
@@ -3,3 +3,8 @@ export declare class SelectLabel extends LitElement {
3
3
  static styles: import("lit").CSSResult[];
4
4
  render(): import("lit-html").TemplateResult<1>;
5
5
  }
6
+ declare global {
7
+ interface HTMLElementTagNameMap {
8
+ 'rtg-select-label': SelectLabel;
9
+ }
10
+ }
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- export declare class SelectSeperator extends LitElement {
2
+ declare class SelectSeperator extends LitElement {
3
3
  _id: string;
4
4
  _hidden: string;
5
5
  private static _counter;
@@ -7,3 +7,4 @@ export declare class SelectSeperator extends LitElement {
7
7
  private get identifier();
8
8
  render(): import("lit-html").TemplateResult<1>;
9
9
  }
10
+ export { SelectSeperator };
@@ -0,0 +1,15 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { Select } from './select.atom';
3
+ declare class SelectTrigger extends LitElement {
4
+ static styles: import("lit").CSSResult[];
5
+ get _select(): Select | null;
6
+ protected firstUpdated(_changedProperties: PropertyValues): void;
7
+ handleClick: () => void;
8
+ render(): import("lit-html").TemplateResult<1>;
9
+ }
10
+ export { SelectTrigger };
11
+ declare global {
12
+ interface HTMLElementTagNameMap {
13
+ 'rtg-select-trigger': SelectTrigger;
14
+ }
15
+ }
@@ -0,0 +1,18 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import { Select } from './select.atom';
3
+ declare class SelectValue extends LitElement {
4
+ placeholder: string;
5
+ static styles: import("lit").CSSResult[];
6
+ get _select(): Select | null;
7
+ connectedCallback(): void;
8
+ protected firstUpdated(_changedProperties: PropertyValues): void;
9
+ handleClick: () => void;
10
+ renderLabel: () => string;
11
+ render(): import("lit-html").TemplateResult<1>;
12
+ }
13
+ export { SelectValue };
14
+ declare global {
15
+ interface HTMLElementTagNameMap {
16
+ 'rtg-select-value': SelectValue;
17
+ }
18
+ }
@@ -3,34 +3,22 @@ import { SelectItem } from './select-item';
3
3
  import { SelectList } from './select-list';
4
4
  import { SelectLabel } from './select-label';
5
5
  import { SelectSeperator } from './select-seperator';
6
+ import { SelectTrigger } from './select-trigger';
7
+ import { SelectGroup } from './select-group';
8
+ import { SelectValue } from './select-value';
6
9
  declare class Select extends LitElement {
7
10
  static styles: import("lit").CSSResult[];
8
11
  isOpen: boolean;
9
- selectedValue: string;
10
- searchTerm: string;
11
- focusedIndex: number;
12
- filteredItems: string[];
13
- label: string;
14
- items: never[];
12
+ selectedValue: any;
13
+ uuid: string;
15
14
  connectedCallback(): void;
16
- disconnectedCallback(): void;
17
15
  updated(changedProps: PropertyValues): void;
18
- protected firstUpdated(_changedProperties: PropertyValues): void;
19
16
  handleClickOutside: (e: MouseEvent) => void;
20
- toggleDropdown(): void;
21
- selectItem(event: Event): void;
22
- handleInputClick(): void;
23
- handleKeyDown(event: KeyboardEvent): void;
24
- handleMouseOver(event: Event, index: number): void;
25
17
  render(): import("lit-html").TemplateResult<1>;
26
18
  }
27
- export { Select, SelectItem, SelectList, SelectLabel, SelectSeperator };
19
+ export { Select, SelectGroup, SelectValue, SelectItem, SelectList, SelectLabel, SelectSeperator, SelectTrigger, };
28
20
  declare global {
29
21
  interface HTMLElementTagNameMap {
30
22
  'rtg-select': Select;
31
- 'rtg-select-list': SelectList;
32
- 'rtg-select-item': SelectItem;
33
- 'rtg-select-label': SelectLabel;
34
- 'rtg-select-seperator': SelectSeperator;
35
23
  }
36
24
  }
@@ -2,4 +2,3 @@ import type { Meta, StoryFn } from '@storybook/web-components';
2
2
  declare const _default: Meta;
3
3
  export default _default;
4
4
  export declare const basicSelect: StoryFn;
5
- export declare const emptySelect: StoryFn;
@@ -0,0 +1 @@
1
+ export declare function generateUUID(): string;
@@ -1,3 +1,4 @@
1
1
  export * from './mouse-conroller.helper';
2
2
  export * from './style.helpers';
3
3
  export * from './base-element';
4
+ export * from './genrate-uuid.helper';
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.33",
6
+ "version": "0.0.34",
7
7
  "type": "module",
8
8
  "main": "dist/revotech-ui-kit.umd.cjs",
9
9
  "module": "./dist/revotech-ui-kit.js",
@@ -1,15 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import { ComboBox } from './combo-box.atom';
3
- export declare class ComboBoxList extends LitElement {
4
- static styles: import("lit").CSSResult[];
5
- state: string;
6
- handleKeyDown: () => void;
7
- isOpen: boolean;
8
- get _popover(): ComboBox | null;
9
- render(): import("lit-html").TemplateResult<1>;
10
- }
11
- declare global {
12
- interface HTMLElementTagNameMap {
13
- 'rtg-combo-box-list': ComboBoxList;
14
- }
15
- }