@sankhyalabs/sankhyablocks 1.3.31-beta.14 → 1.3.31-beta.16

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 (57) hide show
  1. package/dist/cjs/{SnkMessageBuilder-bb55d4c4.js → SnkMessageBuilder-79cf15c5.js} +1 -0
  2. package/dist/cjs/{index-c6671817.js → index-5575fe3d.js} +434 -231
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/sankhyablocks.cjs.js +2 -2
  5. package/dist/cjs/snk-application.cjs.entry.js +2 -2
  6. package/dist/cjs/snk-crud.cjs.entry.js +1 -1
  7. package/dist/cjs/snk-data-unit.cjs.entry.js +3 -3
  8. package/dist/cjs/snk-form_2.cjs.entry.js +2 -2
  9. package/dist/cjs/snk-pesquisa.cjs.entry.js +1 -1
  10. package/dist/cjs/snk-taskbar.cjs.entry.js +2 -2
  11. package/dist/cjs/{taskbar-elements-2888ceb6.js → taskbar-elements-2ae0d005.js} +1 -1
  12. package/dist/cjs/teste-pesquisa.cjs.entry.js +1 -1
  13. package/dist/collection/collection-manifest.json +2 -2
  14. package/dist/collection/components/snk-application/snk-application.js +688 -680
  15. package/dist/collection/components/snk-crud/snk-crud.js +75 -73
  16. package/dist/collection/components/snk-data-unit/snk-data-unit.js +262 -250
  17. package/dist/collection/components/snk-form/snk-form.js +111 -111
  18. package/dist/collection/components/snk-grid/snk-grid.js +93 -92
  19. package/dist/collection/components/snk-pesquisa/snk-pesquisa.js +80 -79
  20. package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js +1 -2
  21. package/dist/collection/components/snk-taskbar/snk-taskbar.js +128 -116
  22. package/dist/collection/components/teste-pesquisa/teste-pesquisa.js +12 -9
  23. package/dist/collection/lib/message/resources/snk-data-unit.msg.js +1 -0
  24. package/dist/components/SnkMessageBuilder.js +1 -0
  25. package/dist/components/index.d.ts +8 -5
  26. package/dist/components/index.js +8 -0
  27. package/dist/components/snk-data-unit.js +1 -1
  28. package/dist/esm/{SnkMessageBuilder-17d91b88.js → SnkMessageBuilder-3cdde541.js} +1 -0
  29. package/dist/esm/{index-6a83ac96.js → index-cf91f542.js} +434 -231
  30. package/dist/esm/loader.js +2 -2
  31. package/dist/esm/polyfills/css-shim.js +1 -1
  32. package/dist/esm/sankhyablocks.js +2 -2
  33. package/dist/esm/snk-application.entry.js +2 -2
  34. package/dist/esm/snk-crud.entry.js +1 -1
  35. package/dist/esm/snk-data-unit.entry.js +3 -3
  36. package/dist/esm/snk-form_2.entry.js +2 -2
  37. package/dist/esm/snk-pesquisa.entry.js +1 -1
  38. package/dist/esm/snk-taskbar.entry.js +2 -2
  39. package/dist/esm/{taskbar-elements-5ea74223.js → taskbar-elements-bcccc0ff.js} +1 -1
  40. package/dist/esm/teste-pesquisa.entry.js +1 -1
  41. package/dist/sankhyablocks/{p-825d2c38.entry.js → p-1ba29824.entry.js} +3 -3
  42. package/dist/sankhyablocks/{p-4c7b32d6.entry.js → p-2266555e.entry.js} +1 -1
  43. package/dist/sankhyablocks/p-23c4c94f.js +2 -0
  44. package/dist/sankhyablocks/{p-b559117b.js → p-2454be94.js} +1 -1
  45. package/dist/sankhyablocks/p-49743bc5.js +1 -0
  46. package/dist/sankhyablocks/{p-ce2d1214.entry.js → p-4fa389bd.entry.js} +1 -1
  47. package/dist/sankhyablocks/{p-56a32417.entry.js → p-5327ba05.entry.js} +1 -1
  48. package/dist/sankhyablocks/{p-d25803a1.entry.js → p-7a922fb4.entry.js} +1 -1
  49. package/dist/sankhyablocks/p-92d6f826.entry.js +1 -0
  50. package/dist/sankhyablocks/{p-d25637c9.entry.js → p-bdeef7f2.entry.js} +1 -1
  51. package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
  52. package/dist/types/stencil-public-runtime.d.ts +15 -4
  53. package/loader/package.json +1 -0
  54. package/package.json +5 -5
  55. package/dist/sankhyablocks/p-ab694dbc.js +0 -1
  56. package/dist/sankhyablocks/p-cd1dc099.js +0 -2
  57. package/dist/sankhyablocks/p-edf81d2c.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { ApplicationContext } from '@sankhyalabs/core';
2
- import { Component, Element, Event, h, Prop, State } from '@stencil/core';
2
+ import { h } from '@stencil/core';
3
3
  export class SnkForm {
4
4
  getFormConfig() {
5
5
  return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
@@ -94,125 +94,125 @@ export class SnkForm {
94
94
  if (!this._configLoaded || !this._dataUnit || !this._dataState) {
95
95
  return undefined;
96
96
  }
97
- return (h("section", { class: "snk-form" },
98
- h("div", { class: "snk-form__header snk-form__header--fixed ez-row" },
99
- h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" },
100
- h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }),
101
- h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))),
102
- h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" },
103
- h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))),
104
- h("section", null,
105
- h("div", { class: "ez-row" },
106
- h("div", { class: "ez-col ez-col--sd-12" },
107
- h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
97
+ return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
108
98
  }
109
99
  static get is() { return "snk-form"; }
110
100
  static get encapsulation() { return "scoped"; }
111
- static get originalStyleUrls() { return {
112
- "$": ["snk-form.css"]
113
- }; }
114
- static get styleUrls() { return {
115
- "$": ["snk-form.css"]
116
- }; }
117
- static get properties() { return {
118
- "configName": {
119
- "type": "string",
120
- "mutable": false,
121
- "complexType": {
122
- "original": "string",
123
- "resolved": "string",
124
- "references": {}
125
- },
126
- "required": false,
127
- "optional": false,
128
- "docs": {
129
- "tags": [],
130
- "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
101
+ static get originalStyleUrls() {
102
+ return {
103
+ "$": ["snk-form.css"]
104
+ };
105
+ }
106
+ static get styleUrls() {
107
+ return {
108
+ "$": ["snk-form.css"]
109
+ };
110
+ }
111
+ static get properties() {
112
+ return {
113
+ "configName": {
114
+ "type": "string",
115
+ "mutable": false,
116
+ "complexType": {
117
+ "original": "string",
118
+ "resolved": "string",
119
+ "references": {}
120
+ },
121
+ "required": false,
122
+ "optional": false,
123
+ "docs": {
124
+ "tags": [],
125
+ "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
126
+ },
127
+ "attribute": "config-name",
128
+ "reflect": false
131
129
  },
132
- "attribute": "config-name",
133
- "reflect": false
134
- },
135
- "recordsValidator": {
136
- "type": "unknown",
137
- "mutable": false,
138
- "complexType": {
139
- "original": "RecordValidator",
140
- "resolved": "RecordValidator",
141
- "references": {
142
- "RecordValidator": {
143
- "location": "import",
144
- "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
130
+ "recordsValidator": {
131
+ "type": "unknown",
132
+ "mutable": false,
133
+ "complexType": {
134
+ "original": "RecordValidator",
135
+ "resolved": "RecordValidator",
136
+ "references": {
137
+ "RecordValidator": {
138
+ "location": "import",
139
+ "path": "@sankhyalabs/ezui/dist/types/components/ez-form/ez-form"
140
+ }
145
141
  }
142
+ },
143
+ "required": false,
144
+ "optional": false,
145
+ "docs": {
146
+ "tags": [],
147
+ "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro"
146
148
  }
147
149
  },
148
- "required": false,
149
- "optional": false,
150
- "docs": {
151
- "tags": [],
152
- "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro"
153
- }
154
- },
155
- "actionsList": {
156
- "type": "unknown",
157
- "mutable": false,
158
- "complexType": {
159
- "original": "Array<Action>",
160
- "resolved": "Action[]",
161
- "references": {
162
- "Array": {
163
- "location": "global"
164
- },
165
- "Action": {
166
- "location": "import",
167
- "path": "../snk-taskbar/snk-taskbar"
150
+ "actionsList": {
151
+ "type": "unknown",
152
+ "mutable": false,
153
+ "complexType": {
154
+ "original": "Array<Action>",
155
+ "resolved": "Action[]",
156
+ "references": {
157
+ "Array": {
158
+ "location": "global"
159
+ },
160
+ "Action": {
161
+ "location": "import",
162
+ "path": "../snk-taskbar/snk-taskbar"
163
+ }
168
164
  }
165
+ },
166
+ "required": false,
167
+ "optional": false,
168
+ "docs": {
169
+ "tags": [],
170
+ "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
169
171
  }
170
- },
171
- "required": false,
172
- "optional": false,
173
- "docs": {
174
- "tags": [],
175
- "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
176
- }
177
- }
178
- }; }
179
- static get states() { return {
180
- "_dataUnit": {},
181
- "_configLoaded": {},
182
- "_dataState": {},
183
- "_editionFormConfig": {},
184
- "_insertionFormConfig": {}
185
- }; }
186
- static get events() { return [{
187
- "method": "exit",
188
- "name": "exit",
189
- "bubbles": true,
190
- "cancelable": true,
191
- "composed": true,
192
- "docs": {
193
- "tags": [],
194
- "text": "Emitido quando o bot\u00E3o de voltar \u00E9 acionado"
195
- },
196
- "complexType": {
197
- "original": "void",
198
- "resolved": "void",
199
- "references": {}
200
172
  }
201
- }, {
202
- "method": "actionClick",
203
- "name": "actionClick",
204
- "bubbles": true,
205
- "cancelable": true,
206
- "composed": true,
207
- "docs": {
208
- "tags": [],
209
- "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
210
- },
211
- "complexType": {
212
- "original": "string",
213
- "resolved": "string",
214
- "references": {}
215
- }
216
- }]; }
173
+ };
174
+ }
175
+ static get states() {
176
+ return {
177
+ "_dataUnit": {},
178
+ "_configLoaded": {},
179
+ "_dataState": {},
180
+ "_editionFormConfig": {},
181
+ "_insertionFormConfig": {}
182
+ };
183
+ }
184
+ static get events() {
185
+ return [{
186
+ "method": "exit",
187
+ "name": "exit",
188
+ "bubbles": true,
189
+ "cancelable": true,
190
+ "composed": true,
191
+ "docs": {
192
+ "tags": [],
193
+ "text": "Emitido quando o bot\u00E3o de voltar \u00E9 acionado"
194
+ },
195
+ "complexType": {
196
+ "original": "void",
197
+ "resolved": "void",
198
+ "references": {}
199
+ }
200
+ }, {
201
+ "method": "actionClick",
202
+ "name": "actionClick",
203
+ "bubbles": true,
204
+ "cancelable": true,
205
+ "composed": true,
206
+ "docs": {
207
+ "tags": [],
208
+ "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
209
+ },
210
+ "complexType": {
211
+ "original": "string",
212
+ "resolved": "string",
213
+ "references": {}
214
+ }
215
+ }];
216
+ }
217
217
  static get elementRef() { return "_element"; }
218
218
  }
@@ -1,5 +1,5 @@
1
1
  import { ApplicationContext } from '@sankhyalabs/core';
2
- import { Component, Element, h, Prop, State, Event } from '@stencil/core';
2
+ import { h } from '@stencil/core';
3
3
  import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
4
4
  export class SnkGrid {
5
5
  getHeaderButtons() {
@@ -48,103 +48,104 @@ export class SnkGrid {
48
48
  if (!this._configLoaded || !this._dataUnit) {
49
49
  return undefined;
50
50
  }
51
- return (h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" },
52
- h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" },
53
- h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" },
54
- h("slot", { name: "SnkGridHeader" })),
55
- h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" },
56
- h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))),
57
- h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() },
58
- h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })),
59
- h("div", { class: "ez-col ez-col--sd-12" },
60
- h("slot", { name: "SnkGridFooter" }))));
51
+ return (h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" }, h("slot", { name: "SnkGridHeader" })), h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" }, h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
61
52
  }
62
53
  static get is() { return "snk-grid"; }
63
54
  static get encapsulation() { return "scoped"; }
64
- static get originalStyleUrls() { return {
65
- "$": ["snk-grid.css"]
66
- }; }
67
- static get styleUrls() { return {
68
- "$": ["snk-grid.css"]
69
- }; }
70
- static get properties() { return {
71
- "configName": {
72
- "type": "string",
73
- "mutable": false,
74
- "complexType": {
75
- "original": "string",
76
- "resolved": "string",
77
- "references": {}
78
- },
79
- "required": false,
80
- "optional": false,
81
- "docs": {
82
- "tags": [],
83
- "text": "Nome usado para salvar/recuperar a configura\u00E7\u00E3o"
55
+ static get originalStyleUrls() {
56
+ return {
57
+ "$": ["snk-grid.css"]
58
+ };
59
+ }
60
+ static get styleUrls() {
61
+ return {
62
+ "$": ["snk-grid.css"]
63
+ };
64
+ }
65
+ static get properties() {
66
+ return {
67
+ "configName": {
68
+ "type": "string",
69
+ "mutable": false,
70
+ "complexType": {
71
+ "original": "string",
72
+ "resolved": "string",
73
+ "references": {}
74
+ },
75
+ "required": false,
76
+ "optional": false,
77
+ "docs": {
78
+ "tags": [],
79
+ "text": "Nome usado para salvar/recuperar a configura\u00E7\u00E3o"
80
+ },
81
+ "attribute": "config-name",
82
+ "reflect": false
84
83
  },
85
- "attribute": "config-name",
86
- "reflect": false
87
- },
88
- "actionsList": {
89
- "type": "unknown",
90
- "mutable": false,
91
- "complexType": {
92
- "original": "Array<Action>",
93
- "resolved": "Action[]",
94
- "references": {
95
- "Array": {
96
- "location": "global"
97
- },
98
- "Action": {
99
- "location": "import",
100
- "path": "../snk-taskbar/snk-taskbar"
84
+ "actionsList": {
85
+ "type": "unknown",
86
+ "mutable": false,
87
+ "complexType": {
88
+ "original": "Array<Action>",
89
+ "resolved": "Action[]",
90
+ "references": {
91
+ "Array": {
92
+ "location": "global"
93
+ },
94
+ "Action": {
95
+ "location": "import",
96
+ "path": "../snk-taskbar/snk-taskbar"
97
+ }
101
98
  }
99
+ },
100
+ "required": false,
101
+ "optional": false,
102
+ "docs": {
103
+ "tags": [],
104
+ "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
102
105
  }
103
- },
104
- "required": false,
105
- "optional": false,
106
- "docs": {
107
- "tags": [],
108
- "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
109
- }
110
- }
111
- }; }
112
- static get states() { return {
113
- "_dataUnit": {},
114
- "_configLoaded": {},
115
- "_dataState": {},
116
- "_gridConfig": {}
117
- }; }
118
- static get events() { return [{
119
- "method": "actionClick",
120
- "name": "actionClick",
121
- "bubbles": true,
122
- "cancelable": true,
123
- "composed": true,
124
- "docs": {
125
- "tags": [],
126
- "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
127
- },
128
- "complexType": {
129
- "original": "string",
130
- "resolved": "string",
131
- "references": {}
132
106
  }
133
- }, {
134
- "method": "gridDoubleClick",
135
- "name": "gridDoubleClick",
136
- "bubbles": true,
137
- "cancelable": true,
138
- "composed": true,
139
- "docs": {
140
- "tags": [],
141
- "text": "Emitido sempre que houver duplo click na grade"
142
- },
143
- "complexType": {
144
- "original": "void",
145
- "resolved": "void",
146
- "references": {}
147
- }
148
- }]; }
107
+ };
108
+ }
109
+ static get states() {
110
+ return {
111
+ "_dataUnit": {},
112
+ "_configLoaded": {},
113
+ "_dataState": {},
114
+ "_gridConfig": {}
115
+ };
116
+ }
117
+ static get events() {
118
+ return [{
119
+ "method": "actionClick",
120
+ "name": "actionClick",
121
+ "bubbles": true,
122
+ "cancelable": true,
123
+ "composed": true,
124
+ "docs": {
125
+ "tags": [],
126
+ "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
127
+ },
128
+ "complexType": {
129
+ "original": "string",
130
+ "resolved": "string",
131
+ "references": {}
132
+ }
133
+ }, {
134
+ "method": "gridDoubleClick",
135
+ "name": "gridDoubleClick",
136
+ "bubbles": true,
137
+ "cancelable": true,
138
+ "composed": true,
139
+ "docs": {
140
+ "tags": [],
141
+ "text": "Emitido sempre que houver duplo click na grade"
142
+ },
143
+ "complexType": {
144
+ "original": "void",
145
+ "resolved": "void",
146
+ "references": {}
147
+ }
148
+ }];
149
+ }
149
150
  static get elementRef() { return "_element"; }
150
151
  }
@@ -1,5 +1,5 @@
1
1
  import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
2
- import { Component, h, Host, Prop, State, Watch } from '@stencil/core';
2
+ import { h, Host } from '@stencil/core';
3
3
  export class SnkPesquisa {
4
4
  constructor() {
5
5
  this._mdByName = {};
@@ -292,92 +292,93 @@ export class SnkPesquisa {
292
292
  }
293
293
  render() {
294
294
  var _a;
295
- return (h(Host, null,
296
- h("div", { class: "snk-pesquisa" },
297
- h("div", { class: "snk-pesquisa__input" },
298
- h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument },
299
- h("ez-icon", { slot: "leftIcon", iconName: "search" }),
300
- this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
301
- ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() },
302
- h("ez-icon", { iconName: "close" }))
303
- : undefined),
304
- h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })),
305
- h("label", { class: "snk-pesquisa__records" }, this.getMessageView()),
306
- h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
307
- return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
308
- })))));
295
+ return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
296
+ ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
297
+ : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
298
+ return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
299
+ })))));
309
300
  }
310
301
  static get is() { return "snk-pesquisa"; }
311
302
  static get encapsulation() { return "scoped"; }
312
- static get originalStyleUrls() { return {
313
- "$": ["snk-pesquisa.css"]
314
- }; }
315
- static get styleUrls() { return {
316
- "$": ["snk-pesquisa.css"]
317
- }; }
318
- static get properties() { return {
319
- "searchLoader": {
320
- "type": "unknown",
321
- "mutable": false,
322
- "complexType": {
323
- "original": "Function",
324
- "resolved": "Function",
325
- "references": {
326
- "Function": {
327
- "location": "global"
303
+ static get originalStyleUrls() {
304
+ return {
305
+ "$": ["snk-pesquisa.css"]
306
+ };
307
+ }
308
+ static get styleUrls() {
309
+ return {
310
+ "$": ["snk-pesquisa.css"]
311
+ };
312
+ }
313
+ static get properties() {
314
+ return {
315
+ "searchLoader": {
316
+ "type": "unknown",
317
+ "mutable": false,
318
+ "complexType": {
319
+ "original": "Function",
320
+ "resolved": "Function",
321
+ "references": {
322
+ "Function": {
323
+ "location": "global"
324
+ }
328
325
  }
326
+ },
327
+ "required": false,
328
+ "optional": false,
329
+ "docs": {
330
+ "tags": [],
331
+ "text": ""
329
332
  }
330
333
  },
331
- "required": false,
332
- "optional": false,
333
- "docs": {
334
- "tags": [],
335
- "text": ""
336
- }
337
- },
338
- "selectItem": {
339
- "type": "unknown",
340
- "mutable": false,
341
- "complexType": {
342
- "original": "Function",
343
- "resolved": "Function",
344
- "references": {
345
- "Function": {
346
- "location": "global"
334
+ "selectItem": {
335
+ "type": "unknown",
336
+ "mutable": false,
337
+ "complexType": {
338
+ "original": "Function",
339
+ "resolved": "Function",
340
+ "references": {
341
+ "Function": {
342
+ "location": "global"
343
+ }
347
344
  }
345
+ },
346
+ "required": false,
347
+ "optional": false,
348
+ "docs": {
349
+ "tags": [],
350
+ "text": ""
348
351
  }
349
352
  },
350
- "required": false,
351
- "optional": false,
352
- "docs": {
353
- "tags": [],
354
- "text": ""
353
+ "argument": {
354
+ "type": "string",
355
+ "mutable": true,
356
+ "complexType": {
357
+ "original": "string",
358
+ "resolved": "string",
359
+ "references": {}
360
+ },
361
+ "required": false,
362
+ "optional": false,
363
+ "docs": {
364
+ "tags": [],
365
+ "text": ""
366
+ },
367
+ "attribute": "argument",
368
+ "reflect": false
355
369
  }
356
- },
357
- "argument": {
358
- "type": "string",
359
- "mutable": true,
360
- "complexType": {
361
- "original": "string",
362
- "resolved": "string",
363
- "references": {}
364
- },
365
- "required": false,
366
- "optional": false,
367
- "docs": {
368
- "tags": [],
369
- "text": ""
370
- },
371
- "attribute": "argument",
372
- "reflect": false
373
- }
374
- }; }
375
- static get states() { return {
376
- "_itemList": {},
377
- "_startLoading": {}
378
- }; }
379
- static get watchers() { return [{
380
- "propName": "argument",
381
- "methodName": "observeArgument"
382
- }]; }
370
+ };
371
+ }
372
+ static get states() {
373
+ return {
374
+ "_itemList": {},
375
+ "_startLoading": {}
376
+ };
377
+ }
378
+ static get watchers() {
379
+ return [{
380
+ "propName": "argument",
381
+ "methodName": "observeArgument"
382
+ }];
383
+ }
383
384
  }
@@ -64,6 +64,5 @@ function iconButton(iconName, element, className, getTitle, action, isEnabled) {
64
64
  return h("ez-button", { key: iconName, title: getTitle(element), mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(element), onClick: () => action(element) });
65
65
  }
66
66
  function iconTextButton(iconName, element, className, getTitle, action, isEnabled) {
67
- return h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) },
68
- h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
67
+ return h("ez-button", { key: iconName, title: getTitle(element), label: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onClick: () => action(element) }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
69
68
  }