@sankhyalabs/ezui-docs 5.22.0-dev.64 → 5.22.0-dev.66

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.
@@ -47,6 +47,7 @@ Type: `Promise<void>`
47
47
  - [ez-actions-button](../ez-actions-button)
48
48
  - [ez-alert-list](../ez-alert-list)
49
49
  - [ez-dialog](../ez-dialog)
50
+ - [ez-double-list](../ez-double-list)
50
51
  - [ez-grid](../ez-grid)
51
52
  - [ez-guide-navigator](../ez-guide-navigator)
52
53
  - [ez-modal-container](../ez-modal-container)
@@ -66,6 +67,7 @@ graph TD;
66
67
  ez-actions-button --> ez-button
67
68
  ez-alert-list --> ez-button
68
69
  ez-dialog --> ez-button
70
+ ez-double-list --> ez-button
69
71
  ez-grid --> ez-button
70
72
  ez-guide-navigator --> ez-button
71
73
  ez-modal-container --> ez-button
@@ -0,0 +1,57 @@
1
+ # ez-double-list
2
+
3
+
4
+
5
+ <!-- Auto Generated Below -->
6
+
7
+
8
+ ## Properties
9
+
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------- | --------------------- | ----------------------------------------------------------------------------------- | ------------ | ---------------- |
12
+ | `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `'item'` |
13
+ | `entityLabelPlural` | `entity-label-plural` | Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `'itens'` |
14
+ | `leftList` | -- | Define a lista origem. | `ListItem[]` | `[]` |
15
+ | `leftListLabel` | `left-list-label` | Rótulo da lista esquerda. | `string` | `'disponíveis'` |
16
+ | `leftTitle` | `left-title` | Define o título da lista origem. | `string` | `undefined` |
17
+ | `rightList` | -- | Define a lista destino. | `ListItem[]` | `[]` |
18
+ | `rightListLabel` | `right-list-label` | Rótulo da lista direita. | `string` | `'selecionados'` |
19
+ | `rightTitle` | `right-title` | Define o título da lista destino. | `string` | `undefined` |
20
+
21
+
22
+ ## Events
23
+
24
+ | Event | Description | Type |
25
+ | -------------------- | ----------- | ------------------------- |
26
+ | `ezLeftListChanged` | | `CustomEvent<ListItem[]>` |
27
+ | `ezRightListChanged` | | `CustomEvent<ListItem[]>` |
28
+
29
+
30
+ ## Dependencies
31
+
32
+ ### Depends on
33
+
34
+ - [ez-scroller](../ez-scroller)
35
+ - [ez-list](../ez-list)
36
+ - [ez-filter-input](../ez-filter-input)
37
+ - [ez-button](../ez-button)
38
+
39
+ ### Graph
40
+ ```mermaid
41
+ graph TD;
42
+ ez-double-list --> ez-scroller
43
+ ez-double-list --> ez-list
44
+ ez-double-list --> ez-filter-input
45
+ ez-double-list --> ez-button
46
+ ez-list --> ez-check
47
+ ez-filter-input --> ez-text-input
48
+ ez-filter-input --> ez-icon
49
+ ez-text-input --> ez-tooltip
50
+ ez-text-input --> ez-icon
51
+ ez-button --> ez-icon
52
+ style ez-double-list fill:#f9f,stroke:#333,stroke-width:4px
53
+ ```
54
+
55
+ ----------------------------------------------
56
+
57
+
@@ -87,6 +87,7 @@ Type: `Promise<void>`
87
87
 
88
88
  ### Used by
89
89
 
90
+ - [ez-double-list](../ez-double-list)
90
91
  - [ez-guide-navigator](../ez-guide-navigator)
91
92
  - [ez-multi-selection-list](../ez-multi-selection-list)
92
93
 
@@ -102,6 +103,7 @@ graph TD;
102
103
  ez-filter-input --> ez-icon
103
104
  ez-text-input --> ez-tooltip
104
105
  ez-text-input --> ez-icon
106
+ ez-double-list --> ez-filter-input
105
107
  ez-guide-navigator --> ez-filter-input
106
108
  ez-multi-selection-list --> ez-filter-input
107
109
  style ez-filter-input fill:#f9f,stroke:#333,stroke-width:4px
@@ -10,7 +10,6 @@
10
10
  | Property | Attribute | Description | Type | Default |
11
11
  | ------------------------ | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
12
12
  | `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
13
- | `boxShadow` | `box-shadow` | Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `true` |
14
13
  | `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
15
14
  | `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
16
15
  | `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
@@ -19,6 +18,7 @@
19
18
  | `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` |
20
19
  | `enableLockManger` | `enable-lock-manger` | Ativa inserção de registros no modo grade. | `boolean` | `true` |
21
20
  | `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
21
+ | `outlineMode` | `outline-mode` | Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `false` |
22
22
  | `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
23
23
  | `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
24
24
  | `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
@@ -7,16 +7,17 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
12
- | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` |
13
- | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` |
14
- | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` |
15
- | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` |
16
- | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
17
- | `itemSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
18
- | `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` |
19
- | `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
12
+ | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` |
13
+ | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos items. | `boolean` | `false` |
14
+ | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` |
15
+ | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` |
16
+ | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` |
17
+ | `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
18
+ | `itemSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
19
+ | `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` |
20
+ | `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
20
21
 
21
22
 
22
23
  ## Events
@@ -26,7 +27,7 @@
26
27
  | `ezChange` | Emitido quando acontece a alteração de estado da lista. | `CustomEvent<(ListItem \| ListGroup)[]>` |
27
28
  | `ezCheckChange` | Emitido quando acontece a alteração de um item do checkbox. | `CustomEvent<ListItem>` |
28
29
  | `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista. | `CustomEvent<ListItem>` |
29
- | `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem>` |
30
+ | `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem \| ListItem[]>` |
30
31
 
31
32
 
32
33
  ## Methods
@@ -81,7 +82,7 @@ Type: `Promise<void>`
81
82
 
82
83
 
83
84
 
84
- ### `setSelection(selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>`
85
+ ### `setSelection(selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean) => Promise<void>`
85
86
 
86
87
  Aplica seleção nas linhas da lista.
87
88
 
@@ -97,6 +98,7 @@ Type: `Promise<void>`
97
98
  ### Used by
98
99
 
99
100
  - [ez-alert-list](../ez-alert-list)
101
+ - [ez-double-list](../ez-double-list)
100
102
  - [ez-multi-selection-list](../ez-multi-selection-list)
101
103
 
102
104
  ### Depends on
@@ -108,6 +110,7 @@ Type: `Promise<void>`
108
110
  graph TD;
109
111
  ez-list --> ez-check
110
112
  ez-alert-list --> ez-list
113
+ ez-double-list --> ez-list
111
114
  ez-multi-selection-list --> ez-list
112
115
  style ez-list fill:#f9f,stroke:#333,stroke-width:4px
113
116
  ```
@@ -7,14 +7,14 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------- | ---------------- | ------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
12
- | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
13
- | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
14
- | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
15
- | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
16
- | `size` | `size` | Define a largura do ez-popup. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
17
- | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------------- | ---------------- | ------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
12
+ | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
13
+ | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
14
+ | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
15
+ | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
16
+ | `size` | `size` | Define a largura do ez-popup. | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
17
+ | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` |
18
18
 
19
19
 
20
20
  ## Events
@@ -18,12 +18,14 @@
18
18
 
19
19
  ### Used by
20
20
 
21
+ - [ez-double-list](../ez-double-list)
21
22
  - [ez-guide-navigator](../ez-guide-navigator)
22
23
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
23
24
 
24
25
  ### Graph
25
26
  ```mermaid
26
27
  graph TD;
28
+ ez-double-list --> ez-scroller
27
29
  ez-guide-navigator --> ez-scroller
28
30
  ez-sidebar-navigator --> ez-scroller
29
31
  style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "5.22.0-dev.64",
3
+ "version": "5.22.0-dev.66",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [