@sankhyalabs/ezui 1.1.76 → 1.1.79

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 (221) hide show
  1. package/dist/cjs/AssetsUtils-02db4f46.js +24 -0
  2. package/dist/cjs/CSSVarsUtils-66e86394.js +18 -0
  3. package/dist/cjs/DateUtils-716769e0.js +46 -0
  4. package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-application.cjs.entry.js +26 -0
  6. package/dist/cjs/ez-button_3.cjs.entry.js +520 -0
  7. package/dist/cjs/ez-calendar_13.cjs.entry.js +2417 -0
  8. package/dist/cjs/ez-date-time-input.cjs.entry.js +133 -0
  9. package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
  10. package/dist/cjs/ez-grid.cjs.entry.js +110375 -0
  11. package/dist/cjs/ez-icon.cjs.entry.js +30 -0
  12. package/dist/cjs/ez-label-chip.cjs.entry.js +1 -1
  13. package/dist/cjs/ez-modal_2.cjs.entry.js +370 -0
  14. package/dist/cjs/ez-popover.cjs.entry.js +3 -3
  15. package/dist/cjs/ez-popup.cjs.entry.js +2 -2
  16. package/dist/cjs/ez-time-input.cjs.entry.js +10 -28
  17. package/dist/cjs/ez-toast.cjs.entry.js +1 -1
  18. package/dist/cjs/ezui.cjs.js +3 -3
  19. package/dist/cjs/{index-9431aeeb.js → index-2003dec4.js} +1 -15
  20. package/dist/cjs/index-a2266984.js +7417 -0
  21. package/dist/cjs/loader.cjs.js +3 -3
  22. package/dist/collection/collection-manifest.json +8 -5
  23. package/dist/collection/components/ez-application/ez-application.css +3 -0
  24. package/dist/collection/components/ez-application/ez-application.js +35 -0
  25. package/dist/collection/components/ez-button/ez-button.css +16 -1
  26. package/dist/collection/components/ez-button/ez-button.js +27 -2
  27. package/dist/collection/components/ez-calendar/ez-calendar.css +70 -3
  28. package/dist/collection/components/ez-calendar/ez-calendar.js +173 -24
  29. package/dist/collection/components/ez-check/ez-check.css +78 -78
  30. package/dist/collection/components/ez-check/ez-check.js +3 -3
  31. package/dist/collection/components/ez-combo-box/ez-combo-box.css +65 -54
  32. package/dist/collection/components/ez-combo-box/ez-combo-box.js +5 -0
  33. package/dist/collection/components/ez-date-input/ez-date-input.css +2 -2
  34. package/dist/collection/components/ez-date-input/ez-date-input.js +1 -1
  35. package/dist/collection/components/ez-date-time-input/ez-date-time-input.css +44 -0
  36. package/dist/collection/components/ez-date-time-input/ez-date-time-input.js +243 -0
  37. package/dist/collection/components/ez-form/DataBinder.js +44 -0
  38. package/dist/collection/components/ez-form/ez-form.css +1 -15
  39. package/dist/collection/components/ez-form/ez-form.js +109 -428
  40. package/dist/collection/components/ez-form/fieldbuilder/FieldBuilder.js +45 -0
  41. package/dist/collection/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.js +11 -0
  42. package/dist/collection/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.js +14 -0
  43. package/dist/collection/components/ez-form/fieldbuilder/tpl/DateInput.tpl.js +5 -0
  44. package/dist/collection/components/ez-form/fieldbuilder/tpl/FileInput.tpl.js +5 -0
  45. package/dist/collection/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.js +13 -0
  46. package/dist/collection/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.js +5 -0
  47. package/dist/collection/components/ez-form/fieldbuilder/tpl/TextArea.tpl.js +5 -0
  48. package/dist/collection/components/ez-form/fieldbuilder/tpl/TextInput.tpl.js +5 -0
  49. package/dist/collection/components/ez-form/store/form.slice.js +38 -0
  50. package/dist/collection/components/ez-form/structure/FormItem.js +11 -0
  51. package/dist/collection/components/ez-form/structure/FormSheet.js +5 -0
  52. package/dist/collection/components/ez-form/structure/FormSheetMetadata.js +86 -0
  53. package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +21 -0
  54. package/dist/collection/components/ez-grid/controller/EzGridController.js +1 -0
  55. package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +203 -0
  56. package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +41 -0
  57. package/dist/collection/components/ez-grid/controller/ag-grid/i18n/pt-BR.js +75 -0
  58. package/dist/collection/components/ez-grid/controller/ag-grid/mock/Server.js +69 -0
  59. package/dist/collection/components/ez-grid/controller/ag-grid/template/HeaderColumnTemplate.js +12 -0
  60. package/dist/collection/components/ez-grid/ez-grid.css +15 -0
  61. package/dist/collection/components/ez-grid/ez-grid.js +414 -0
  62. package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.css +105 -0
  63. package/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.js +354 -0
  64. package/dist/collection/components/ez-grid/subcomponents/select-box/select-box.css +7 -0
  65. package/dist/collection/components/ez-grid/subcomponents/select-box/select-box.js +66 -0
  66. package/dist/collection/components/ez-icon/ez-icon.css +1 -1
  67. package/dist/collection/components/ez-list/ez-list.css +227 -44
  68. package/dist/collection/components/ez-list/ez-list.js +529 -149
  69. package/dist/collection/components/ez-modal/ez-modal.css +4 -4
  70. package/dist/collection/components/ez-modal/ez-modal.js +1 -1
  71. package/dist/collection/components/ez-number-input/ez-number-input.css +1 -165
  72. package/dist/collection/components/ez-number-input/ez-number-input.js +53 -339
  73. package/dist/collection/components/ez-popover/ez-popover.css +10 -6
  74. package/dist/collection/components/ez-popup/ez-popup.css +25 -27
  75. package/dist/collection/components/ez-search/ez-search.js +6 -1
  76. package/dist/collection/components/ez-tabselector/ez-tabselector.css +0 -1
  77. package/dist/collection/components/ez-tabselector/ez-tabselector.js +3 -3
  78. package/dist/collection/components/ez-text-area/ez-text-area.js +1 -0
  79. package/dist/collection/components/ez-text-input/ez-text-input.js +1 -0
  80. package/dist/collection/components/ez-upload/ez-upload.js +3 -3
  81. package/dist/collection/components/test-du/test-du.css +3 -0
  82. package/dist/collection/components/test-du/test-du.js +87 -0
  83. package/dist/collection/servidor.js +94 -94
  84. package/dist/collection/utils/{Application.js → ApplicationUtils.js} +4 -4
  85. package/dist/collection/utils/CSSVarsUtils.js +6 -6
  86. package/dist/custom-elements/index.d.ts +32 -14
  87. package/dist/custom-elements/index.js +119419 -3209
  88. package/dist/esm/AssetsUtils-76ca41e1.js +22 -0
  89. package/dist/esm/CSSVarsUtils-aeee9825.js +16 -0
  90. package/dist/esm/DateUtils-0a1bbd7a.js +44 -0
  91. package/dist/esm/ez-action-chip.entry.js +1 -1
  92. package/dist/esm/ez-application.entry.js +22 -0
  93. package/dist/esm/ez-button_3.entry.js +514 -0
  94. package/dist/esm/ez-calendar_13.entry.js +2401 -0
  95. package/dist/esm/ez-date-time-input.entry.js +129 -0
  96. package/dist/esm/ez-dialog.entry.js +1 -1
  97. package/dist/esm/ez-grid.entry.js +110371 -0
  98. package/dist/esm/ez-icon.entry.js +26 -0
  99. package/dist/esm/ez-label-chip.entry.js +1 -1
  100. package/dist/esm/ez-modal_2.entry.js +365 -0
  101. package/dist/esm/ez-popover.entry.js +3 -3
  102. package/dist/esm/ez-popup.entry.js +2 -2
  103. package/dist/esm/ez-time-input.entry.js +4 -22
  104. package/dist/esm/ez-toast.entry.js +1 -1
  105. package/dist/esm/ezui.js +3 -3
  106. package/dist/esm/{index-fd3c8023.js → index-077c7fcf.js} +1 -15
  107. package/dist/esm/index-afe19542.js +7410 -0
  108. package/dist/esm/loader.js +3 -3
  109. package/dist/ezui/ezui.esm.js +1 -1
  110. package/dist/ezui/p-00b837e2.js +1 -0
  111. package/dist/ezui/{p-a0b6eee2.entry.js → p-0a2056d9.entry.js} +1 -1
  112. package/dist/ezui/p-0d8368fc.entry.js +1 -0
  113. package/dist/ezui/p-1e36e3ff.entry.js +1 -0
  114. package/dist/ezui/p-446ec85b.js +1 -0
  115. package/dist/ezui/p-5509ee41.entry.js +369 -0
  116. package/dist/ezui/{p-d443f020.entry.js → p-57ea4b84.entry.js} +1 -1
  117. package/dist/ezui/{p-66954a04.entry.js → p-6d157776.entry.js} +1 -1
  118. package/dist/ezui/p-7a1f2e0e.entry.js +1 -0
  119. package/dist/ezui/p-7de3c95d.js +1 -0
  120. package/dist/ezui/p-857ead8e.entry.js +1 -0
  121. package/dist/ezui/p-8b099482.js +1 -0
  122. package/dist/ezui/p-920bb8c9.entry.js +1 -0
  123. package/dist/ezui/p-9be02ecf.entry.js +1 -0
  124. package/dist/ezui/p-a4a39579.entry.js +1 -0
  125. package/dist/ezui/p-c89629eb.js +1 -0
  126. package/dist/ezui/p-d5699f29.entry.js +1 -0
  127. package/dist/ezui/p-d64a3939.entry.js +1 -0
  128. package/dist/ezui/{p-823ff0a0.entry.js → p-da31cd21.entry.js} +1 -1
  129. package/dist/types/components/ez-application/ez-application.d.ts +10 -0
  130. package/dist/types/components/ez-button/ez-button.d.ts +5 -0
  131. package/dist/types/components/ez-calendar/ez-calendar.d.ts +21 -0
  132. package/dist/types/components/ez-check/ez-check.d.ts +1 -1
  133. package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +1 -0
  134. package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts +42 -0
  135. package/dist/types/components/ez-form/DataBinder.d.ts +10 -0
  136. package/dist/types/components/ez-form/ez-form.d.ts +24 -32
  137. package/dist/types/components/ez-form/fieldbuilder/FieldBuilder.d.ts +2 -0
  138. package/dist/types/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.d.ts +3 -0
  139. package/dist/types/components/ez-form/fieldbuilder/tpl/ComboBox.tpl.d.ts +4 -0
  140. package/dist/types/components/ez-form/fieldbuilder/tpl/DateInput.tpl.d.ts +4 -0
  141. package/dist/types/components/ez-form/fieldbuilder/tpl/FileInput.tpl.d.ts +4 -0
  142. package/dist/types/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.d.ts +8 -0
  143. package/dist/types/components/ez-form/fieldbuilder/tpl/SearchInput.tpl.d.ts +4 -0
  144. package/dist/types/components/ez-form/fieldbuilder/tpl/TextArea.tpl.d.ts +4 -0
  145. package/dist/types/components/ez-form/fieldbuilder/tpl/TextInput.tpl.d.ts +4 -0
  146. package/dist/types/components/ez-form/store/form.slice.d.ts +24 -0
  147. package/dist/types/components/ez-form/structure/FormItem.d.ts +9 -0
  148. package/dist/types/components/ez-form/structure/FormSheet.d.ts +9 -0
  149. package/dist/types/components/ez-form/structure/FormSheetMetadata.d.ts +27 -0
  150. package/dist/types/components/ez-grid/controller/DataUnitBridge.d.ts +8 -0
  151. package/dist/types/components/ez-grid/controller/EzGridController.d.ts +195 -0
  152. package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +34 -0
  153. package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts +11 -0
  154. package/dist/types/components/ez-grid/controller/ag-grid/i18n/pt-BR.d.ts +2 -0
  155. package/dist/types/components/ez-grid/controller/ag-grid/mock/Server.d.ts +8 -0
  156. package/dist/types/components/ez-grid/ez-grid.d.ts +78 -0
  157. package/dist/types/components/ez-grid/subcomponents/gridconfig/grid-config.d.ts +30 -0
  158. package/dist/types/components/ez-grid/subcomponents/select-box/select-box.d.ts +9 -0
  159. package/dist/types/components/ez-list/ez-list.d.ts +70 -17
  160. package/dist/types/components/ez-number-input/ez-number-input.d.ts +29 -63
  161. package/dist/types/components/ez-search/ez-search.d.ts +2 -0
  162. package/dist/types/components/ez-tabselector/ez-tabselector.d.ts +1 -1
  163. package/dist/types/components/test-du/test-du.d.ts +12 -0
  164. package/dist/types/components.d.ts +271 -175
  165. package/dist/types/stencil-public-runtime.d.ts +6 -4
  166. package/dist/types/utils/{Application.d.ts → ApplicationUtils.d.ts} +1 -1
  167. package/dist/types/utils/CSSVarsUtils.d.ts +1 -1
  168. package/package.json +10 -8
  169. package/react/components.d.ts +6 -3
  170. package/react/components.js +6 -3
  171. package/react/components.js.map +1 -1
  172. package/dist/cjs/CSSVarsUtils-f8827674.js +0 -18
  173. package/dist/cjs/RequestMetadata-2cd01e8a.js +0 -531
  174. package/dist/cjs/ez-button_16.cjs.entry.js +0 -4079
  175. package/dist/cjs/ez-list.cjs.entry.js +0 -174
  176. package/dist/cjs/ez-modal.cjs.entry.js +0 -65
  177. package/dist/cjs/ez-number-input.cjs.entry.js +0 -250
  178. package/dist/collection/components/ez-form/assets/trash-can-outline.svg +0 -3
  179. package/dist/collection/components/ez-form/store/Form.actions.js +0 -132
  180. package/dist/collection/components/ez-form/store/Form.reducer.js +0 -194
  181. package/dist/collection/components/ez-form/store/Form.selectors.js +0 -44
  182. package/dist/collection/components/ez-form/subcomponents/DataUnit.js +0 -301
  183. package/dist/collection/components/ez-form/subcomponents/FormMetadata.js +0 -8
  184. package/dist/collection/components/ez-form/subcomponents/css/place-holder.css +0 -24
  185. package/dist/collection/components/ez-form/subcomponents/form-metadata.js +0 -227
  186. package/dist/collection/components/ez-form/subcomponents/place-holder.js +0 -14
  187. package/dist/collection/components/ez-form/subcomponents/structure/Field.js +0 -95
  188. package/dist/collection/components/ez-form/subcomponents/structure/FieldSet.js +0 -27
  189. package/dist/collection/components/ez-form/subcomponents/structure/FormSheet.js +0 -41
  190. package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js +0 -37
  191. package/dist/collection/components/ez-numeric-input/ez-numeric-input.css +0 -13
  192. package/dist/collection/components/ez-numeric-input/ez-numeric-input.js +0 -185
  193. package/dist/esm/CSSVarsUtils-e0128b01.js +0 -16
  194. package/dist/esm/RequestMetadata-c265c9d5.js +0 -527
  195. package/dist/esm/ez-button_16.entry.js +0 -4060
  196. package/dist/esm/ez-list.entry.js +0 -170
  197. package/dist/esm/ez-modal.entry.js +0 -61
  198. package/dist/esm/ez-number-input.entry.js +0 -246
  199. package/dist/ezui/assets/trash-can-outline.svg +0 -3
  200. package/dist/ezui/p-11ae4ae7.entry.js +0 -1
  201. package/dist/ezui/p-47fa3d6c.entry.js +0 -1
  202. package/dist/ezui/p-8ab6168f.entry.js +0 -1
  203. package/dist/ezui/p-9c1fb51c.entry.js +0 -1
  204. package/dist/ezui/p-9d85125b.entry.js +0 -1
  205. package/dist/ezui/p-9dfccb16.js +0 -1
  206. package/dist/ezui/p-a7b546b2.entry.js +0 -1
  207. package/dist/ezui/p-c833c94f.entry.js +0 -1
  208. package/dist/ezui/p-d1889704.js +0 -1
  209. package/dist/ezui/p-e0ab3746.js +0 -1
  210. package/dist/types/components/ez-form/store/Form.actions.d.ts +0 -111
  211. package/dist/types/components/ez-form/store/Form.reducer.d.ts +0 -20
  212. package/dist/types/components/ez-form/store/Form.selectors.d.ts +0 -14
  213. package/dist/types/components/ez-form/subcomponents/DataUnit.d.ts +0 -91
  214. package/dist/types/components/ez-form/subcomponents/FormMetadata.d.ts +0 -24
  215. package/dist/types/components/ez-form/subcomponents/form-metadata.d.ts +0 -16
  216. package/dist/types/components/ez-form/subcomponents/place-holder.d.ts +0 -3
  217. package/dist/types/components/ez-form/subcomponents/structure/Field.d.ts +0 -11
  218. package/dist/types/components/ez-form/subcomponents/structure/FieldSet.d.ts +0 -13
  219. package/dist/types/components/ez-form/subcomponents/structure/FormSheet.d.ts +0 -14
  220. package/dist/types/components/ez-form/subcomponents/structure/NavigationBar.d.ts +0 -19
  221. package/dist/types/components/ez-numeric-input/ez-numeric-input.d.ts +0 -45
@@ -1,227 +0,0 @@
1
- import { Component, Host, h, Element, Prop } from "@stencil/core";
2
- import DataUnit from "./DataUnit";
3
- export class FormMetadata {
4
- buildField(element) {
5
- let label = element.getAttribute("label");
6
- let name = element.getAttribute("name") || label;
7
- let userInterface = element.getAttribute("ui") || "SHORTTEXT";
8
- let properties = [];
9
- if (userInterface === "OPTIONSELECTOR") {
10
- if (!label) {
11
- label = "Selecione uma das opções:";
12
- }
13
- const objOpts = {};
14
- Array.from(element.getElementsByTagName("OPTION")).forEach((optElem, index) => {
15
- const optValue = optElem.getAttribute("value") || index;
16
- const optLabel = optElem.textContent;
17
- objOpts[optValue] = optLabel;
18
- });
19
- properties.push({ name: "options", value: JSON.stringify(objOpts) });
20
- }
21
- else if (userInterface === "FILE") {
22
- const urlElement = element.querySelector("URL");
23
- const headersElement = element.querySelectorAll("HEADERS>HEADER");
24
- if (urlElement) {
25
- properties.push({ name: "URL", value: urlElement.textContent });
26
- }
27
- if (headersElement && headersElement.length > 0) {
28
- const headers = {};
29
- headersElement.forEach(header => {
30
- headers[header.getAttribute("name")] = header.textContent;
31
- });
32
- properties.push({ name: "HEADERS", value: JSON.stringify(headers) });
33
- }
34
- this.addPropertyIfExists(properties, element, "maxfiles");
35
- }
36
- else {
37
- if (!label) {
38
- label = element.textContent;
39
- }
40
- this.addPropertyIfExists(properties, element, "precision");
41
- this.addPropertyIfExists(properties, element, "prettyprecision");
42
- }
43
- const defaultValue = element.getAttribute("defaultValue");
44
- const required = element.getAttribute("required") === "true";
45
- const readOnly = element.getAttribute("readonly") === "true";
46
- return { name, userInterface, label, defaultValue, required, readOnly, properties };
47
- }
48
- addPropertyIfExists(properties, element, name) {
49
- const value = element.getAttribute(name);
50
- if (value) {
51
- properties.push({ name, value });
52
- }
53
- }
54
- buildFieldSet(dataUnit, element) {
55
- const label = element.getAttribute("label");
56
- const fields = Array.from(element.getElementsByTagName("FIELD")).map(f => {
57
- const field = this.buildField(f);
58
- dataUnit.addFieldMetadata(field);
59
- return { name: field.name };
60
- });
61
- return { label, fields };
62
- }
63
- fromElements(elements, label, name, dataUnit, autoLoad) {
64
- const form = {
65
- name: name || label,
66
- dataUnit,
67
- label,
68
- autoLoad
69
- };
70
- Array.from(elements).forEach(child => {
71
- const tagName = child.tagName.toUpperCase();
72
- switch (tagName) {
73
- case "FIELD":
74
- if (!form.items) {
75
- form.items = [];
76
- }
77
- const f = this.buildField(child);
78
- dataUnit.addFieldMetadata(f);
79
- form.items.push({ name: f.name });
80
- break;
81
- case "FIELD-SET":
82
- if (!form.items) {
83
- form.items = [];
84
- }
85
- form.items.push(this.buildFieldSet(dataUnit, child));
86
- break;
87
- case "SUB-FORM":
88
- if (!form.subForms) {
89
- form.subForms = [];
90
- }
91
- const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
92
- const name = child.getAttribute("name") || label;
93
- const subDuName = child.getAttribute("dataunit");
94
- let subDu;
95
- if (subDuName) {
96
- subDu = new DataUnit(subDuName, "noname", child.hasAttribute("many") ? "N" : "1");
97
- }
98
- else {
99
- subDu = dataUnit;
100
- }
101
- form.subForms.push(this.fromElements(child.children, label, name, subDu, child.getAttribute("autoload") === "true"));
102
- break;
103
- }
104
- });
105
- return form;
106
- }
107
- connectedCallback() {
108
- if (!this.dataunit) {
109
- this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
110
- }
111
- const du = new DataUnit(this.dataunit, "noname", this.many ? "N" : "1");
112
- this.metadata = this.fromElements(this._host.children, this.label, this.name, du, this.autoload);
113
- }
114
- render() {
115
- return h(Host, null);
116
- }
117
- static get is() { return "form-metadata"; }
118
- static get encapsulation() { return "shadow"; }
119
- static get properties() { return {
120
- "name": {
121
- "type": "string",
122
- "mutable": false,
123
- "complexType": {
124
- "original": "string",
125
- "resolved": "string",
126
- "references": {}
127
- },
128
- "required": false,
129
- "optional": false,
130
- "docs": {
131
- "tags": [],
132
- "text": ""
133
- },
134
- "attribute": "name",
135
- "reflect": false
136
- },
137
- "label": {
138
- "type": "string",
139
- "mutable": false,
140
- "complexType": {
141
- "original": "string",
142
- "resolved": "string",
143
- "references": {}
144
- },
145
- "required": false,
146
- "optional": false,
147
- "docs": {
148
- "tags": [],
149
- "text": ""
150
- },
151
- "attribute": "label",
152
- "reflect": false
153
- },
154
- "dataunit": {
155
- "type": "string",
156
- "mutable": true,
157
- "complexType": {
158
- "original": "string",
159
- "resolved": "string",
160
- "references": {}
161
- },
162
- "required": false,
163
- "optional": false,
164
- "docs": {
165
- "tags": [],
166
- "text": ""
167
- },
168
- "attribute": "dataunit",
169
- "reflect": false
170
- },
171
- "many": {
172
- "type": "boolean",
173
- "mutable": false,
174
- "complexType": {
175
- "original": "boolean",
176
- "resolved": "boolean",
177
- "references": {}
178
- },
179
- "required": false,
180
- "optional": false,
181
- "docs": {
182
- "tags": [],
183
- "text": ""
184
- },
185
- "attribute": "many",
186
- "reflect": false
187
- },
188
- "autoload": {
189
- "type": "boolean",
190
- "mutable": false,
191
- "complexType": {
192
- "original": "boolean",
193
- "resolved": "boolean",
194
- "references": {}
195
- },
196
- "required": false,
197
- "optional": false,
198
- "docs": {
199
- "tags": [],
200
- "text": ""
201
- },
202
- "attribute": "autoload",
203
- "reflect": false
204
- },
205
- "metadata": {
206
- "type": "unknown",
207
- "mutable": true,
208
- "complexType": {
209
- "original": "Form",
210
- "resolved": "Form",
211
- "references": {
212
- "Form": {
213
- "location": "import",
214
- "path": "./FormMetadata"
215
- }
216
- }
217
- },
218
- "required": false,
219
- "optional": false,
220
- "docs": {
221
- "tags": [],
222
- "text": ""
223
- }
224
- }
225
- }; }
226
- static get elementRef() { return "_host"; }
227
- }
@@ -1,14 +0,0 @@
1
- import { Component, Host, h } from "@stencil/core";
2
- export class PlaceHolder {
3
- render() {
4
- return h(Host, null);
5
- }
6
- static get is() { return "place-holder"; }
7
- static get encapsulation() { return "shadow"; }
8
- static get originalStyleUrls() { return {
9
- "$": ["css/place-holder.css"]
10
- }; }
11
- static get styleUrls() { return {
12
- "$": ["./css/place-holder.css"]
13
- }; }
14
- }
@@ -1,95 +0,0 @@
1
- import { DateUtils } from "@sankhyalabs/core";
2
- import { h } from "@stencil/core";
3
- import { DependencyType } from "../DataUnit";
4
- function scrollToView(forceScroll, elem) {
5
- if (forceScroll) {
6
- window.requestAnimationFrame(() => elem.scrollIntoView());
7
- }
8
- }
9
- export const Field = ({ dataUnit, field, forceScroll, enabled }) => {
10
- const { name, form } = field;
11
- const { label, userInterface, properties, required, dependencies, readOnly } = dataUnit.getFieldMetadata(name);
12
- const value = dataUnit.getValue(name) || null;
13
- const loadingData = dataUnit.isLoading();
14
- const formattedLabel = required ? `* ${label} (obrigatório)` : label;
15
- const errorMessage = dataUnit.getErrorMessage(name);
16
- const key = `${dataUnit.name}-${name}`;
17
- const isEnabled = enabled && !readOnly;
18
- const changeFieldHandler = (newValue) => {
19
- dataUnit.changeValue(name, newValue);
20
- };
21
- switch (userInterface) {
22
- case "LONGTEXT":
23
- return h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
24
- h("ez-text-area", { value: value || "", label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
25
- case "CHECKBOX":
26
- case "SWITCH":
27
- return h("div", { class: "col col--sd-12 col--tb-3 padding--small align--middle padding-bottom--large" }, loadingData ? h("place-holder", null) :
28
- h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target["value"]), ref: elem => scrollToView(forceScroll, elem), key: key }));
29
- case "OPTIONSELECTOR":
30
- const optsObj = properties ? JSON.parse(getProp(properties, "options")) : {};
31
- const normalized = Object.keys(optsObj).map(key => { return { value: key, label: optsObj[key] }; });
32
- return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
33
- h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
34
- case "SEARCH":
35
- const context = {
36
- __MAIN_FORM: form,
37
- __DATA_UNIT: dataUnit.name,
38
- __FIELD_NAME: name
39
- };
40
- properties.forEach(({ name, value }) => {
41
- context[name] = value;
42
- });
43
- let criteriaList = [];
44
- dependencies === null || dependencies === void 0 ? void 0 : dependencies.forEach(dependency => {
45
- var _a;
46
- if (dependency.type === DependencyType.SEARCHING) {
47
- if (((_a = dependency.masterFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
48
- let criteria = {
49
- expression: dependency.expression,
50
- paramNames: [...dependency.masterFields],
51
- paramResolver: name => dataUnit.getValue(name)
52
- };
53
- criteriaList.push(criteria);
54
- }
55
- }
56
- });
57
- if (criteriaList.length > 0) {
58
- context["CRITERIA"] = criteriaList;
59
- }
60
- return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
61
- h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, optionLoader: (argument) => {
62
- if (form) {
63
- return form.loadSearch(argument, context);
64
- }
65
- }, ref: elem => scrollToView(forceScroll, elem), key: key }));
66
- case "FILE":
67
- const target = getProp(properties, "URL");
68
- const strHeaders = getProp(properties, "HEADERS");
69
- const headers = strHeaders ? JSON.parse(strHeaders) : {};
70
- const maxfiles = Number(getProp(properties, "maxfiles") || 0);
71
- return (h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
72
- h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlUpload: target, requestHeaders: headers, maxFiles: maxfiles })));
73
- case "DATE":
74
- return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
75
- h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
76
- case "DECIMALNUMBER":
77
- case "INTEGERNUMBER":
78
- let precision = 0;
79
- let prettyPrecision = 0;
80
- if (userInterface === "DECIMALNUMBER") {
81
- precision = Number(getProp(properties, "precision") || 2);
82
- prettyPrecision = Number(getProp(properties, "prettyprecision") || precision);
83
- }
84
- return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
85
- h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
86
- //IMAGE, DATETIME, ELAPSEDTIME, PASSWORD, MASKEDTEXT, HTML
87
- default:
88
- return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
89
- h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
90
- }
91
- };
92
- function getProp(properties, name) {
93
- var _a;
94
- return properties ? (_a = properties.find(prop => prop.name === name)) === null || _a === void 0 ? void 0 : _a.value : null;
95
- }
@@ -1,27 +0,0 @@
1
- import { h } from "@stencil/core";
2
- import { collapseExpandGroup } from "../../store/Form.actions";
3
- import { selectIsCollapsedFieldSet } from "../../store/Form.selectors";
4
- import { Field } from "./Field";
5
- export const FieldSet = ({ store, formName, source, dataUnit, enabled }) => {
6
- const { label, fields } = source;
7
- const fieldSetName = formName + label;
8
- let isCollapsed = selectIsCollapsedFieldSet(store.getState(), formName + label);
9
- let fieldToScroll;
10
- source.fields.forEach((field) => {
11
- if (fieldToScroll === undefined) {
12
- const fieldError = dataUnit.getErrorMessage(field.name);
13
- if (fieldError !== undefined && fieldError !== null && fieldError !== "") {
14
- fieldToScroll = field.name;
15
- }
16
- }
17
- });
18
- if (fieldToScroll) {
19
- isCollapsed = false;
20
- }
21
- return h("div", { class: "col col--sd-12 padding--small" },
22
- h("div", { class: "row margin-top--large" },
23
- h("div", { class: "col col--sd-12 align--middle padding-horizontal--medium" },
24
- h("ez-collapsible-box", { value: isCollapsed, label: label, onEzChange: () => store.dispatch(collapseExpandGroup(fieldSetName, !isCollapsed)) }),
25
- isCollapsed ? null :
26
- h("div", { class: "col col--sd-12" }, fields.map(field => h(Field, { enabled: enabled, field: field, dataUnit: dataUnit, forceScroll: fieldToScroll === field.name }))))));
27
- };
@@ -1,41 +0,0 @@
1
- import { h } from "@stencil/core";
2
- import { NavigationBar } from "./NavigationBar";
3
- import { selectCurrentTab, selectVisibleButtons } from "../../store/Form.selectors";
4
- import { changeTab } from "../../store/Form.actions";
5
- import { FieldSet } from "./FieldSet";
6
- import { Field } from "./Field";
7
- function buildFormItem(source, formName, store, dataUnit, enabled) {
8
- if ("fields" in source) {
9
- return h(FieldSet, { enabled: enabled, source: source, store: store, formName: formName, dataUnit: dataUnit });
10
- }
11
- const fieldName = source.name;
12
- const errorMsg = dataUnit.getErrorMessage(fieldName);
13
- const forceScroll = errorMsg === undefined || errorMsg === null || errorMsg === "" ? false : true;
14
- return h(Field, { enabled: enabled, field: source, dataUnit: dataUnit, forceScroll: forceScroll });
15
- }
16
- export const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitBuilder, enabled }) => {
17
- const selectedTab = selectCurrentTab(store.getState(), parentName);
18
- const tabs = source.length > 1 ? source.map(form => h("ez-tab", { label: form.label, tabKey: form.name })) : null;
19
- const { subForms, items, name } = source[selectedTab];
20
- const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit, parentDataUnit);
21
- source[selectedTab].dataUnit = dataUnit;
22
- const hasSubForms = subForms && subForms.length > 0;
23
- const changeTabHandler = (index) => {
24
- store.dispatch(changeTab(parentName, index));
25
- };
26
- //todos os campos e subformulários precisam estar ligados a um DU
27
- const currentDU = dataUnit || parentDataUnit;
28
- let buttons = selectVisibleButtons(store.getState());
29
- if (currentDU.cardinality === "1") {
30
- buttons.addVisible = false;
31
- buttons.removeVisible = false;
32
- buttons.nextVisible = false;
33
- buttons.previousVisible = false;
34
- }
35
- return h("div", { class: "form-sheet" },
36
- tabs ? h("ez-tabselector", { selectedIndex: selectedTab, selectedTab: name, onChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
37
- dataUnit ? h(NavigationBar, { enabled: enabled, dataUnit: dataUnit, buttonProps: buttons }) : null,
38
- h("div", { class: "tab__container" },
39
- items ? items.map(item => buildFormItem(item, name, store, currentDU, enabled)) : null,
40
- hasSubForms ? h(FormSheet, { enabled: enabled, store: store, source: subForms, parentName: name, parentDataUnit: currentDU, dataUnitBuilder: dataUnitBuilder }) : null));
41
- };
@@ -1,37 +0,0 @@
1
- import { h } from "@stencil/core";
2
- import Application from "../../../../utils/Application";
3
- function removeHandler(dataUnit) {
4
- Application.confirm("Exclusão de registro", "Tem certeza que deseja Remover?", null, true).then(ok => {
5
- if (ok) {
6
- dataUnit.remove();
7
- }
8
- });
9
- }
10
- function saveHandler(dataUnit) {
11
- setTimeout(() => {
12
- //Esse debouncing é necessário quando o usuário clica no botão de salvar
13
- //sem ter tirado o foco o último campo alterado.
14
- dataUnit.save();
15
- }, 50);
16
- }
17
- export const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
18
- if (buttonProps.previousVisible
19
- || buttonProps.nextVisible
20
- || buttonProps.addVisible
21
- || buttonProps.removeVisible
22
- || buttonProps.saveVisible
23
- || buttonProps.cancelVisible
24
- || buttonProps.reloadVisible) {
25
- return h("div", { class: "col col--sd-12 align--right" },
26
- buttonProps.previousVisible ? h("ez-button", { key: du.name + "_previous", title: "Registro anterior", mode: "icon", enabled: enabled && du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
27
- buttonProps.nextVisible ? h("ez-button", { key: du.name + "_next", title: "Pr\u00F3ximo registro", mode: "icon", enabled: enabled && du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
28
- buttonProps.removeVisible ? h("ez-button", { key: du.name + "_remove", label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
29
- buttonProps.addVisible ? h("ez-button", { key: du.name + "_add", label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
30
- buttonProps.reloadVisible ? h("ez-button", { key: du.name + "_reload", title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
31
- buttonProps.cancelVisible ? h("ez-button", { key: du.name + "_cancel", label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
32
- buttonProps.saveVisible ? h("ez-button", { key: du.name + "_save", label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
33
- }
34
- else {
35
- return null;
36
- }
37
- };
@@ -1,13 +0,0 @@
1
- :host {
2
- display: block;
3
- width: 100%;
4
- /*@doc Define a cor de fundo do input.*/
5
- --ez-text-input__input--background-color: var(--background--medium, #e0e0e0);
6
- /*@doc Define a cor da borda do input.*/
7
- --ez-text-input__input--border-color: var(--ez-text-input__input--background-color);
8
- }
9
-
10
- .text-input {
11
- --ez-text-input__input--background-color: inherit;
12
- --ez-text-input__input--border-color: inherit;
13
- }
@@ -1,185 +0,0 @@
1
- import { NumberUtils } from '@sankhyalabs/core';
2
- import { Component, h, Event, Prop, Watch } from '@stencil/core';
3
- export class EzNumericInput {
4
- constructor() {
5
- /**
6
- * Deixa o campo disponível ou não para uso.
7
- */
8
- this.enabled = true;
9
- }
10
- setLabel() {
11
- this._textInput.label = this.label;
12
- }
13
- setErrorMessage() {
14
- this._textInput.errorMessage = this.errorMessage;
15
- }
16
- applyValueToInput() {
17
- if (this._textInput) {
18
- this._textInput.value = this.getTextValue(this.value);
19
- }
20
- }
21
- changeValue(newValue) {
22
- this._textInput.errorMessage = "";
23
- if (newValue !== this.value) {
24
- this.value = newValue;
25
- this.ezChange.emit();
26
- }
27
- }
28
- parseNumber() {
29
- const parsedNumber = this._textInput.value ? NumberUtils.stringToNumber(this._textInput.value) : null;
30
- if (parsedNumber != null && isNaN(parsedNumber)) {
31
- this._textInput.errorMessage = "O valor digitado não é um número válido";
32
- }
33
- else {
34
- this.changeValue(parsedNumber);
35
- }
36
- }
37
- getTextValue(value) {
38
- if (value) {
39
- return this.precision > 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyprecision)) : value.toString();
40
- }
41
- return null;
42
- }
43
- render() {
44
- return (h("ez-text-input", { class: "text-input", ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage }));
45
- }
46
- static get is() { return "ez-numeric-input"; }
47
- static get encapsulation() { return "shadow"; }
48
- static get originalStyleUrls() { return {
49
- "$": ["ez-numeric-input.css"]
50
- }; }
51
- static get styleUrls() { return {
52
- "$": ["ez-numeric-input.css"]
53
- }; }
54
- static get properties() { return {
55
- "label": {
56
- "type": "string",
57
- "mutable": false,
58
- "complexType": {
59
- "original": "string",
60
- "resolved": "string",
61
- "references": {}
62
- },
63
- "required": false,
64
- "optional": false,
65
- "docs": {
66
- "tags": [],
67
- "text": "T\u00EDtulo do campo"
68
- },
69
- "attribute": "label",
70
- "reflect": true
71
- },
72
- "value": {
73
- "type": "number",
74
- "mutable": true,
75
- "complexType": {
76
- "original": "number",
77
- "resolved": "number",
78
- "references": {}
79
- },
80
- "required": false,
81
- "optional": false,
82
- "docs": {
83
- "tags": [],
84
- "text": "O valor informado pelo usu\u00E1rio"
85
- },
86
- "attribute": "value",
87
- "reflect": true
88
- },
89
- "enabled": {
90
- "type": "boolean",
91
- "mutable": false,
92
- "complexType": {
93
- "original": "boolean",
94
- "resolved": "boolean",
95
- "references": {}
96
- },
97
- "required": false,
98
- "optional": false,
99
- "docs": {
100
- "tags": [],
101
- "text": "Deixa o campo dispon\u00EDvel ou n\u00E3o para uso."
102
- },
103
- "attribute": "enabled",
104
- "reflect": true,
105
- "defaultValue": "true"
106
- },
107
- "errorMessage": {
108
- "type": "string",
109
- "mutable": true,
110
- "complexType": {
111
- "original": "string",
112
- "resolved": "string",
113
- "references": {}
114
- },
115
- "required": false,
116
- "optional": false,
117
- "docs": {
118
- "tags": [],
119
- "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
120
- },
121
- "attribute": "error-message",
122
- "reflect": true
123
- },
124
- "precision": {
125
- "type": "any",
126
- "mutable": false,
127
- "complexType": {
128
- "original": "string | number",
129
- "resolved": "number | string",
130
- "references": {}
131
- },
132
- "required": false,
133
- "optional": false,
134
- "docs": {
135
- "tags": [],
136
- "text": "Precis\u00E3o decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a\nquantidade de casas decimais do valor seja maior que precision, haver\u00E1 arredondamento"
137
- },
138
- "attribute": "precision",
139
- "reflect": false
140
- },
141
- "prettyprecision": {
142
- "type": "any",
143
- "mutable": false,
144
- "complexType": {
145
- "original": "string | number",
146
- "resolved": "number | string",
147
- "references": {}
148
- },
149
- "required": false,
150
- "optional": false,
151
- "docs": {
152
- "tags": [],
153
- "text": "Esse atributo determina qual \u00E9 o n\u00FAmero m\u00EDnimo de casas depois da v\u00EDrgula.\nExemplo: Digamos que a precision seja igual a 4, assim qualquer n\u00FAmero ser\u00E1 \nrepresentado com 4 casas decimais mesmo que iguais a zero: 1,0100.\nSe prettiprecision igual a 2, como n\u00E3o h\u00E1 necessidade de mais de duas casas decimais\no valor exibido ser\u00E1 1,01. Por outro lado, at\u00E9 a quarta casa n\u00E3o haver\u00E1 arredondamento\n(1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235)."
154
- },
155
- "attribute": "prettyprecision",
156
- "reflect": false
157
- }
158
- }; }
159
- static get events() { return [{
160
- "method": "ezChange",
161
- "name": "ezChange",
162
- "bubbles": true,
163
- "cancelable": true,
164
- "composed": true,
165
- "docs": {
166
- "tags": [],
167
- "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
168
- },
169
- "complexType": {
170
- "original": "string",
171
- "resolved": "string",
172
- "references": {}
173
- }
174
- }]; }
175
- static get watchers() { return [{
176
- "propName": "label",
177
- "methodName": "setLabel"
178
- }, {
179
- "propName": "errorMessage",
180
- "methodName": "setErrorMessage"
181
- }, {
182
- "propName": "value",
183
- "methodName": "applyValueToInput"
184
- }]; }
185
- }
@@ -1,16 +0,0 @@
1
- class CSSVarsUtils {
2
- static applyVarsTextInput(host, textInput) {
3
- if (textInput) {
4
- CSSVarsUtils.applyIfExists(host, textInput, '--text-input__input--background-color');
5
- CSSVarsUtils.applyIfExists(host, textInput, '--text-input__input--border-color');
6
- }
7
- }
8
- static applyIfExists(host, textInput, varName) {
9
- const prop = getComputedStyle(host).getPropertyValue(varName);
10
- if (prop) {
11
- textInput.style.setProperty(varName, prop);
12
- }
13
- }
14
- }
15
-
16
- export { CSSVarsUtils as C };