@sankhyalabs/sankhyablocks 1.1.27 → 1.3.0

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 (237) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +75 -75
  3. package/dist/cjs/index-4720dab8.js +735 -0
  4. package/dist/cjs/loader.cjs.js +3 -3
  5. package/dist/cjs/sankhyablocks.cjs.js +3 -3
  6. package/dist/cjs/snk-application.cjs.entry.js +954 -656
  7. package/dist/collection/collection-manifest.json +6 -35
  8. package/dist/collection/components/snk-application/snk-application.css +5 -5
  9. package/dist/collection/components/snk-application/snk-application.js +492 -495
  10. package/dist/collection/index.js +1 -1
  11. package/dist/collection/lib/http/data-fetcher/DataFetcher.js +158 -158
  12. package/dist/collection/lib/http/data-fetcher/fetchers/application-config-fetcher.js +23 -23
  13. package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js +188 -188
  14. package/dist/collection/lib/http/data-fetcher/fetchers/form-config-fetcher.js +25 -25
  15. package/dist/collection/lib/http/data-fetcher/fetchers/grid-config-fetcher.js +2 -2
  16. package/dist/collection/lib/http/data-fetcher/fetchers/parameters-fecher.js +59 -59
  17. package/dist/collection/lib/http/data-fetcher/fetchers/resource-fetcher.js +30 -30
  18. package/dist/collection/lib/http/data-fetcher/state/LoadStateManager.js +66 -66
  19. package/dist/collection/lib/utils/pesquisa.js +16 -16
  20. package/dist/collection/lib/utils/urlutils.js +23 -23
  21. package/dist/collection/lib/workspace/workspace.js +7 -7
  22. package/dist/components/snk-application.js +945 -647
  23. package/dist/esm/index-72d4e2e0.js +709 -0
  24. package/dist/esm/loader.js +3 -3
  25. package/dist/esm/polyfills/core-js.js +0 -0
  26. package/dist/esm/polyfills/dom.js +0 -0
  27. package/dist/esm/polyfills/es5-html-element.js +0 -0
  28. package/dist/esm/polyfills/index.js +0 -0
  29. package/dist/esm/polyfills/system.js +0 -0
  30. package/dist/esm/sankhyablocks.js +3 -3
  31. package/dist/esm/snk-application.entry.js +916 -618
  32. package/dist/sankhyablocks/p-5d8ddbda.entry.js +57 -0
  33. package/dist/sankhyablocks/p-a33afc3b.js +2 -0
  34. package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
  35. package/dist/types/components/snk-application/snk-application.d.ts +44 -44
  36. package/dist/types/components.d.ts +6 -2
  37. package/dist/types/index.d.ts +1 -1
  38. package/dist/types/lib/http/data-fetcher/DataFetcher.d.ts +15 -15
  39. package/dist/types/lib/http/data-fetcher/fetchers/application-config-fetcher.d.ts +6 -6
  40. package/dist/types/lib/http/data-fetcher/fetchers/dataunit-fetcher.d.ts +12 -12
  41. package/dist/types/lib/http/data-fetcher/fetchers/form-config-fetcher.d.ts +5 -5
  42. package/dist/types/lib/http/data-fetcher/fetchers/grid-config-fetcher.d.ts +2 -2
  43. package/dist/types/lib/http/data-fetcher/fetchers/parameters-fecher.d.ts +13 -13
  44. package/dist/types/lib/http/data-fetcher/fetchers/resource-fetcher.d.ts +6 -6
  45. package/dist/types/lib/http/data-fetcher/state/LoadStateManager.d.ts +23 -23
  46. package/dist/types/lib/utils/pesquisa.d.ts +2 -2
  47. package/dist/types/lib/utils/urlutils.d.ts +4 -4
  48. package/dist/types/lib/workspace/workspace.d.ts +4 -4
  49. package/package.json +63 -52
  50. package/react/.keepfolder +1 -0
  51. package/react/components.d.ts +3 -32
  52. package/react/components.js +5 -34
  53. package/react/components.js.map +1 -1
  54. package/react/react-component-lib/createComponent.d.ts +10 -10
  55. package/react/react-component-lib/createComponent.js +58 -74
  56. package/react/react-component-lib/createComponent.js.map +1 -1
  57. package/react/react-component-lib/createOverlayComponent.d.ts +20 -21
  58. package/react/react-component-lib/createOverlayComponent.js +88 -108
  59. package/react/react-component-lib/createOverlayComponent.js.map +1 -1
  60. package/react/react-component-lib/index.d.ts +2 -2
  61. package/react/react-component-lib/index.js +2 -2
  62. package/react/react-component-lib/interfaces.d.ts +29 -29
  63. package/react/react-component-lib/utils/attachProps.d.ts +12 -12
  64. package/react/react-component-lib/utils/attachProps.js +95 -97
  65. package/react/react-component-lib/utils/attachProps.js.map +1 -1
  66. package/react/react-component-lib/utils/case.d.ts +2 -2
  67. package/react/react-component-lib/utils/case.js +6 -6
  68. package/react/react-component-lib/utils/dev.d.ts +2 -2
  69. package/react/react-component-lib/utils/dev.js +12 -12
  70. package/react/react-component-lib/utils/index.d.ts +7 -10
  71. package/react/react-component-lib/utils/index.js +20 -33
  72. package/react/react-component-lib/utils/index.js.map +1 -1
  73. package/dist/cjs/ApplicationUtils-05b74ee9.js +0 -39
  74. package/dist/cjs/AssetsUtils-bd004f63.js +0 -24
  75. package/dist/cjs/CSSVarsUtils-75ca9c64.js +0 -19
  76. package/dist/cjs/_commonjsHelpers-537d719a.js +0 -20
  77. package/dist/cjs/ez-action-chip.cjs.entry.js +0 -27
  78. package/dist/cjs/ez-application.cjs.entry.js +0 -26
  79. package/dist/cjs/ez-button_4.cjs.entry.js +0 -660
  80. package/dist/cjs/ez-calendar.cjs.entry.js +0 -223
  81. package/dist/cjs/ez-collapsible-box.cjs.entry.js +0 -47
  82. package/dist/cjs/ez-combo-box.cjs.entry.js +0 -278
  83. package/dist/cjs/ez-date-input.cjs.entry.js +0 -102
  84. package/dist/cjs/ez-date-time-input.cjs.entry.js +0 -145
  85. package/dist/cjs/ez-dialog.cjs.entry.js +0 -89
  86. package/dist/cjs/ez-form.cjs.entry.js +0 -785
  87. package/dist/cjs/ez-grid.cjs.entry.js +0 -110485
  88. package/dist/cjs/ez-icon.cjs.entry.js +0 -41
  89. package/dist/cjs/ez-label-chip.cjs.entry.js +0 -104
  90. package/dist/cjs/ez-modal_2.cjs.entry.js +0 -316
  91. package/dist/cjs/ez-number-input.cjs.entry.js +0 -86
  92. package/dist/cjs/ez-popover.cjs.entry.js +0 -120
  93. package/dist/cjs/ez-popup.cjs.entry.js +0 -48
  94. package/dist/cjs/ez-search.cjs.entry.js +0 -64
  95. package/dist/cjs/ez-tabselector.cjs.entry.js +0 -198
  96. package/dist/cjs/ez-text-area.cjs.entry.js +0 -114
  97. package/dist/cjs/ez-text-input.cjs.entry.js +0 -201
  98. package/dist/cjs/ez-time-input.cjs.entry.js +0 -118
  99. package/dist/cjs/ez-toast.cjs.entry.js +0 -44
  100. package/dist/cjs/ez-upload.cjs.entry.js +0 -356
  101. package/dist/cjs/index-6ac5268e.js +0 -1769
  102. package/dist/cjs/test-du.cjs.entry.js +0 -76
  103. package/dist/components/ApplicationUtils.js +0 -37
  104. package/dist/components/AssetsUtils.js +0 -22
  105. package/dist/components/CSSVarsUtils.js +0 -17
  106. package/dist/components/_commonjsHelpers.js +0 -17
  107. package/dist/components/ez-action-chip.js +0 -44
  108. package/dist/components/ez-application.js +0 -39
  109. package/dist/components/ez-button.js +0 -6
  110. package/dist/components/ez-button2.js +0 -105
  111. package/dist/components/ez-calendar.js +0 -6
  112. package/dist/components/ez-calendar2.js +0 -242
  113. package/dist/components/ez-check.js +0 -6
  114. package/dist/components/ez-check2.js +0 -94
  115. package/dist/components/ez-collapsible-box.js +0 -67
  116. package/dist/components/ez-combo-box.js +0 -6
  117. package/dist/components/ez-combo-box2.js +0 -311
  118. package/dist/components/ez-date-input.js +0 -135
  119. package/dist/components/ez-date-time-input.js +0 -179
  120. package/dist/components/ez-dialog.js +0 -124
  121. package/dist/components/ez-form.js +0 -6
  122. package/dist/components/ez-form2.js +0 -807
  123. package/dist/components/ez-grid.js +0 -110576
  124. package/dist/components/ez-icon.js +0 -6
  125. package/dist/components/ez-icon2.js +0 -56
  126. package/dist/components/ez-label-chip.js +0 -125
  127. package/dist/components/ez-list.js +0 -6
  128. package/dist/components/ez-list2.js +0 -523
  129. package/dist/components/ez-modal.js +0 -6
  130. package/dist/components/ez-modal2.js +0 -82
  131. package/dist/components/ez-number-input.js +0 -115
  132. package/dist/components/ez-popover.js +0 -145
  133. package/dist/components/ez-popup.js +0 -67
  134. package/dist/components/ez-search.js +0 -100
  135. package/dist/components/ez-tabselector.js +0 -6
  136. package/dist/components/ez-tabselector2.js +0 -213
  137. package/dist/components/ez-text-area.js +0 -137
  138. package/dist/components/ez-text-input.js +0 -6
  139. package/dist/components/ez-text-input2.js +0 -223
  140. package/dist/components/ez-time-input.js +0 -153
  141. package/dist/components/ez-toast.js +0 -64
  142. package/dist/components/ez-upload.js +0 -382
  143. package/dist/components/grid-config.js +0 -6
  144. package/dist/components/grid-config2.js +0 -318
  145. package/dist/components/select-box.js +0 -6
  146. package/dist/components/select-box2.js +0 -47
  147. package/dist/components/test-du.js +0 -101
  148. package/dist/esm/ApplicationUtils-e0b6d857.js +0 -37
  149. package/dist/esm/AssetsUtils-98074c9c.js +0 -22
  150. package/dist/esm/CSSVarsUtils-0787c3f3.js +0 -17
  151. package/dist/esm/_commonjsHelpers-9943807e.js +0 -17
  152. package/dist/esm/ez-action-chip.entry.js +0 -23
  153. package/dist/esm/ez-application.entry.js +0 -22
  154. package/dist/esm/ez-button_4.entry.js +0 -653
  155. package/dist/esm/ez-calendar.entry.js +0 -219
  156. package/dist/esm/ez-collapsible-box.entry.js +0 -43
  157. package/dist/esm/ez-combo-box.entry.js +0 -274
  158. package/dist/esm/ez-date-input.entry.js +0 -98
  159. package/dist/esm/ez-date-time-input.entry.js +0 -141
  160. package/dist/esm/ez-dialog.entry.js +0 -85
  161. package/dist/esm/ez-form.entry.js +0 -781
  162. package/dist/esm/ez-grid.entry.js +0 -110481
  163. package/dist/esm/ez-icon.entry.js +0 -37
  164. package/dist/esm/ez-label-chip.entry.js +0 -100
  165. package/dist/esm/ez-modal_2.entry.js +0 -311
  166. package/dist/esm/ez-number-input.entry.js +0 -82
  167. package/dist/esm/ez-popover.entry.js +0 -116
  168. package/dist/esm/ez-popup.entry.js +0 -44
  169. package/dist/esm/ez-search.entry.js +0 -60
  170. package/dist/esm/ez-tabselector.entry.js +0 -194
  171. package/dist/esm/ez-text-area.entry.js +0 -110
  172. package/dist/esm/ez-text-input.entry.js +0 -197
  173. package/dist/esm/ez-time-input.entry.js +0 -114
  174. package/dist/esm/ez-toast.entry.js +0 -40
  175. package/dist/esm/ez-upload.entry.js +0 -352
  176. package/dist/esm/index-df166135.js +0 -1738
  177. package/dist/esm/test-du.entry.js +0 -72
  178. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-action-chip/ez-action-chip.css +0 -67
  179. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-application/ez-application.css +0 -3
  180. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-button/ez-button.css +0 -180
  181. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-calendar/ez-calendar.css +0 -319
  182. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-check/ez-check.css +0 -327
  183. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +0 -162
  184. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-combo-box/ez-combo-box.css +0 -217
  185. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-date-input/ez-date-input.css +0 -49
  186. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-date-time-input/ez-date-time-input.css +0 -44
  187. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-dialog/ez-dialog.css +0 -527
  188. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-form/ez-form.css +0 -5
  189. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-grid/ez-grid.css +0 -31
  190. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.css +0 -129
  191. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-grid/subcomponents/select-box/select-box.css +0 -10
  192. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-icon/ez-icon.css +0 -176
  193. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-label-chip/ez-label-chip.css +0 -139
  194. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-list/ez-list.css +0 -335
  195. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-modal/ez-modal.css +0 -358
  196. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-number-input/ez-number-input.css +0 -4
  197. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-popover/ez-popover.css +0 -44
  198. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-popup/ez-popup.css +0 -405
  199. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-search/ez-search.css +0 -3
  200. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-tabselector/ez-tabselector.css +0 -138
  201. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-text-area/ez-text-area.css +0 -165
  202. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-text-input/ez-text-input.css +0 -196
  203. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-time-input/ez-time-input.css +0 -10
  204. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-toast/ez-toast.css +0 -127
  205. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-upload/ez-upload.css +0 -568
  206. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/test-du/test-du.css +0 -3
  207. package/dist/sankhyablocks/p-08e1cded.entry.js +0 -1
  208. package/dist/sankhyablocks/p-0a77ac95.entry.js +0 -57
  209. package/dist/sankhyablocks/p-112455b1.js +0 -1
  210. package/dist/sankhyablocks/p-126c4aaa.entry.js +0 -1
  211. package/dist/sankhyablocks/p-1421b89a.entry.js +0 -1
  212. package/dist/sankhyablocks/p-1beadcaf.entry.js +0 -1
  213. package/dist/sankhyablocks/p-1c423f5d.entry.js +0 -1
  214. package/dist/sankhyablocks/p-28a0dbf0.entry.js +0 -1
  215. package/dist/sankhyablocks/p-4763d5c2.js +0 -1
  216. package/dist/sankhyablocks/p-4c66200a.entry.js +0 -1
  217. package/dist/sankhyablocks/p-5dc772be.entry.js +0 -1
  218. package/dist/sankhyablocks/p-5ff3e300.entry.js +0 -1
  219. package/dist/sankhyablocks/p-7122cec4.entry.js +0 -1
  220. package/dist/sankhyablocks/p-811b4b9d.js +0 -1
  221. package/dist/sankhyablocks/p-813fe4f7.js +0 -1
  222. package/dist/sankhyablocks/p-9b33a005.entry.js +0 -1
  223. package/dist/sankhyablocks/p-9e22ec87.entry.js +0 -1
  224. package/dist/sankhyablocks/p-9f7239df.entry.js +0 -1
  225. package/dist/sankhyablocks/p-9f7e6e48.js +0 -1
  226. package/dist/sankhyablocks/p-a47e0537.entry.js +0 -1
  227. package/dist/sankhyablocks/p-a9aba60a.entry.js +0 -1
  228. package/dist/sankhyablocks/p-afda7940.entry.js +0 -1
  229. package/dist/sankhyablocks/p-b3a83eaf.entry.js +0 -1
  230. package/dist/sankhyablocks/p-b96a8d40.entry.js +0 -1
  231. package/dist/sankhyablocks/p-c61c0e40.entry.js +0 -1
  232. package/dist/sankhyablocks/p-ca29d028.entry.js +0 -1
  233. package/dist/sankhyablocks/p-cd17abb1.entry.js +0 -1
  234. package/dist/sankhyablocks/p-d3a5366d.entry.js +0 -369
  235. package/dist/sankhyablocks/p-d5703a41.entry.js +0 -1
  236. package/dist/sankhyablocks/p-e5f77a59.entry.js +0 -1
  237. package/dist/sankhyablocks/p-e9e94d51.entry.js +0 -1
@@ -1,72 +0,0 @@
1
- import { r as registerInstance, h } from './index-df166135.js';
2
- import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
3
-
4
- const testDuCss = ":host{display:block}";
5
-
6
- const TestDu = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- }
10
- /*private _ezButton// : HTMLEzButton;
11
- private _ezComboBox// : HTMLEzComboBox;
12
- private _ezDateInput// : HTMLEzDateInput;
13
- private _ezDateTimeInput// : HTMLEzDateTimeInput;
14
- private _ezNumberInput// : HTMLEzNumberInput
15
- private _ezSearch// : HTMLEzSearch
16
- private _ezUpload// : HTMLEzUpload*/
17
- componentWillLoad() {
18
- this.dataUnit = new DataUnit("testes_com_formulario");
19
- this.dataUnit.metadata = {
20
- name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
21
- label: "Parceiro",
22
- fields: [
23
- {
24
- name: "CODPARC",
25
- label: "Parceiro",
26
- dataType: DataType.NUMBER,
27
- userInterface: UserInterface.SEARCH,
28
- required: true,
29
- properties: {}
30
- },
31
- {
32
- name: "RECDESP",
33
- label: "Receita/Despesa",
34
- dataType: DataType.TEXT,
35
- userInterface: UserInterface.OPTIONSELECTOR,
36
- required: true,
37
- properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
38
- },
39
- {
40
- name: "P",
41
- label: "pera",
42
- dataType: DataType.TEXT,
43
- userInterface: UserInterface.OPTIONSELECTOR,
44
- properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
45
- },
46
- {
47
- name: "ME",
48
- label: "ME",
49
- dataType: DataType.NUMBER,
50
- userInterface: UserInterface.DECIMALNUMBER,
51
- properties: { precision: 4, prettyPrecision: 1 }
52
- }
53
- ]
54
- };
55
- this.dataUnit.dataLoader = () => new Promise(accept => accept([
56
- {
57
- __record__id__: "1321321321321321",
58
- CODPARC: 10,
59
- NOMEPARC: "Parceiro 10",
60
- P: "M",
61
- L: "Bagaço",
62
- LI: "Azedo"
63
- }
64
- ]));
65
- }
66
- render() {
67
- return (h("ez-form", { dataUnit: this.dataUnit }));
68
- }
69
- };
70
- TestDu.style = testDuCss;
71
-
72
- export { TestDu as test_du };
@@ -1,67 +0,0 @@
1
- :host {
2
- /* dimensions */
3
-
4
- /*@doc Define a altura do componente.*/
5
- --ez-action-chip--height: 36px;
6
-
7
- /* general */
8
- /*@doc Define o raio da borda do componente.*/
9
- --ez-action-chip--border-radius: var(--border--radius-large, 24px);
10
- /*@doc Define o estilo de borda do componente.*/
11
- --ez-action-chip__border: 1px solid;
12
- /*@doc Define a cor da borda do componente.*/
13
- --ez-action-chip__border-color-strokes: var(--color--strokes, #DCE0E8);
14
-
15
- /* label */
16
- /*@doc Define o tamanho da fonte do label.*/
17
- --ez-action-chip--font-size: var(--text--medium, 14px);
18
- /*@doc Define a família da fonte do label.*/
19
- --ez-action-chip--font-family: var(--font-pattern, Arial);
20
- /*@doc Define o peso da fonte do label.*/
21
- --ez-action-chip--font-weight: var(--text-weight--large, 500);
22
- /*@doc Define a cor do label do componente.*/
23
- --ez-action-chip__label--title--primary: var(--title--primary, #919191);
24
- /*@doc Define a cor do label quando desabilitado.*/
25
- --ez-action-chip__label-color--disable-secondary: var(--color--disable-secondary, #F2F5F8);
26
- /*@doc Define a cor de fundo do componente quando o cursor estiver sobre ele.*/
27
- --ez-action-chip__label__default--background-color--hover: var(--color--primary-200, #f2faf8);
28
- /*@doc Define a cor da borda quando o cursor estiver sobre o componente.*/
29
- --ez-action-chip__label__default--border-color--hover: var(--color--primary-600, #007a5a);
30
- }
31
-
32
- .label__container {
33
- /*private*/
34
- width: fit-content;
35
- display: flex;
36
- flex-wrap: wrap;
37
- position: relative;
38
- background-color: #FFFFFF;
39
- align-items: center;
40
- align-self: center;
41
- cursor: pointer;
42
- /*public*/
43
- color: var(--ez-action-chip__label--title--primary);
44
- fill: var(--ez-action-chip__label--title--primary);
45
- border: var(--ez-action-chip__border);
46
- border-radius: var(--ez-action-chip--border-radius);
47
- border-color: var(--ez-action-chip__border-color-strokes);
48
- padding-right: var(--space--medium, 12px);
49
- padding-left: var(--space--medium, 12px);
50
- }
51
-
52
- .label__container:hover {
53
- border-color: var(--ez-action-chip__label__default--border-color--hover);
54
- background-color: var(--ez-action-chip__label__default--background-color--hover);
55
- }
56
-
57
- label {
58
- /*private*/
59
- display: flex;
60
- align-items: center;
61
- font-weight: var(--text-weight--large, 600);
62
- cursor: pointer;
63
- /*public*/
64
- height: var(--ez-action-chip--height);
65
- font-family: var(--ez-action-chip--font-family);
66
- font-size: var(--ez-action-chip--font-size);
67
- }
@@ -1,180 +0,0 @@
1
- :host {
2
-
3
- /* dimensions */
4
- /*@doc Define a largura do componente.*/
5
- --ez-button--min-width: 100px;
6
-
7
- /* dimensions */
8
- /*@doc Define a altura do componente.*/
9
- --ez-button--height: 42px;
10
- /*@doc Define a largura do slot que contém o ícone.*/
11
- --ez-button__icon--width: 18px;
12
- /*@doc Define o espaçamento entre o ícone e o label.*/
13
- --ez-button__inline__icon--padding: 12px;
14
-
15
- /*@doc Define o espaçamento superior ao label.*/
16
- --ez-button--padding-top: var(--space--medium, 12px);
17
- /*@doc Define o espaçamento inferior ao label.*/
18
- --ez-button--padding-bottom: var(--space--medium, 12px);
19
- /*@doc Define o espaçamento à direita do label.*/
20
- --ez-button--padding-right: var(--space--large, 24px);
21
- /*@doc Define o espaçamento à esquerda do label.*/
22
- --ez-button--padding-left: var(--space--large, 24px);
23
-
24
- /* general */
25
- /*@doc Define a cor do label.*/
26
- --ez-button--color: var(--text--primary, #FFF);
27
- /*@doc Define o tamanho do label.*/
28
- --ez-button--font-size: var(--text--medium, 14px);
29
- /*@doc Define a família da fonte do label.*/
30
- --ez-button--font-family: var(--font-pattern, Arial);
31
- /*@doc Define o peso da fonte do label.*/
32
- --ez-button--font-weight: var(--text-weight--large);
33
- /*@doc Define a cor de fundo do botão.*/
34
- --ez-button--background-color: var(--background--medium, #c0c0c0);
35
- /*@doc Define o raio da borda do botão.*/
36
- --ez-button--border-radius: var(--border--radius-large, 12px);
37
- /*@doc Define o estilo da borda do botão.*/
38
- --ez-button--border: none;
39
-
40
- /*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
41
- --ez-button--hover--background-color: var(--background--strong, var(--ez-button--background-color));
42
-
43
- /*@doc Define a cor do texto quando o botão está desabilitado.*/
44
- --ez-button--disabled-color: var(--text--disable);
45
- /*@doc Define a cor de fundo quando o botão está desabilitado.*/
46
- --ez-button--disabled--background-color: var(--color--disable-secondary);
47
-
48
- /*@doc Define o estido da borda quando o botão está selecionado.*/
49
- --ez-button--focus--border: var(--ez-button--border);
50
- /*@doc Define a sombra do botão quando selecionado.*/
51
- --ez-button--focus--box-shadow: none;
52
-
53
- /*@doc Define a cor do texto do botão no modo link.*/
54
- --ez-button--link-color: var(--color--primary, '#008561');
55
- --ez-button--link--hover-color: var(--color--primary-700, '#1C1D22');
56
-
57
- --ez-button--link--small--font-size: var(--text--small, 12px);
58
- --ez-button--link--medium--font-size: var(--text--medium, 14px);
59
- --ez-button--link--large--font-size: var(--text--large, 16px);
60
- }
61
-
62
- ez-icon {
63
- --ez-icon--color: inherit;
64
- }
65
-
66
- button {
67
- /*private*/
68
- display: flex;
69
- align-items: center;
70
- justify-content: center;
71
- margin: 0;
72
- cursor: pointer;
73
- transition: background-color 0.2s linear;
74
-
75
- /*public*/
76
- min-width: var(--ez-button--min-width);
77
- height: var(--ez-button--height);
78
- font-family: var(--ez-button--font-family);
79
- font-size: var(--ez-button--font-size);
80
- font-weight: var(--ez-button--font-weight);
81
- padding: var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);
82
- border-radius: var(--ez-button--border-radius);
83
-
84
- background-color: var(--ez-button--background-color);
85
- color: var(--ez-button--color);
86
- fill: var(--ez-button--color);
87
- border: var(--ez-button--border);
88
- }
89
-
90
- button:hover {
91
- background-color: var(--ez-button--hover--background-color);
92
- }
93
-
94
- button:focus {
95
- /*FIXME: Estranho o botão não dar nenhuma indicação de que recebeu foco*/
96
- outline: none;
97
- border: var(--ez-button--focus--border);
98
- box-shadow: var(--ez-button--focus--box-shadow);
99
- }
100
-
101
- button:disabled {
102
- background-color: var(--ez-button--disabled--background-color);
103
- color: var(--ez-button--disabled-color);
104
- fill: var(--ez-button--disabled-color);
105
- border: none;
106
- cursor: no-drop;
107
- }
108
-
109
- button.icon {
110
- padding: 0px;
111
- }
112
-
113
- button.small {
114
- width: 32px;
115
- min-width: 32px;
116
- height: 32px;
117
- }
118
-
119
- button.medium {
120
- width: 42px;
121
- min-width: 42px;
122
- height: 42px;
123
- }
124
-
125
- button.large {
126
- width: 52px;
127
- min-width: 52px;
128
- height: 52px;
129
- }
130
-
131
- .label-icon {
132
- display: flex;
133
- flex-direction: column;
134
- align-items: center;
135
- color: var(--ez-button--color);
136
- }
137
-
138
- .label-icon label {
139
- max-width: 150px;
140
- white-space: nowrap;
141
- overflow: hidden;
142
- text-overflow: ellipsis;
143
- cursor: pointer;
144
- font-family: var(--ez-button--font-family);
145
- font-size: var(--ez-button--font-size);
146
- font-weight: var(--ez-button--font-weight);
147
- }
148
-
149
-
150
- a {
151
- /*private*/
152
- font-family: var(--ez-button--font-family);
153
- font-weight: var(--ez-button--font-weight);
154
- color: var(--ez-button--link-color);
155
- cursor: pointer;
156
- display: flex;
157
- align-items: center;
158
- justify-content: center;
159
- /*public*/
160
- }
161
-
162
- a:hover {
163
- /*public*/
164
- color: var(--ez-button--link--hover-color);
165
- }
166
-
167
- a.small{
168
- font-size: var(--ez-button--link--small--font-size);
169
- line-height: var(--ez-button--link--small--font-size);
170
- }
171
-
172
- a.medium{
173
- font-size: var(--ez-button--link--medium--font-size);
174
- line-height: var(--ez-button--link--medium--font-size);
175
- }
176
-
177
- a.large{
178
- font-size: var(--ez-button--link--large--font-size);
179
- line-height: var(--ez-button--link--large--font-size);
180
- }
@@ -1,319 +0,0 @@
1
- :host {
2
- /*@doc Define a família da fonte do componente.*/
3
- --ez-calendar--font-family: var(--font-pattern, Arial);
4
- /*@doc Define a cor dos textos dentro do componente.*/
5
- --ez-calendar--color: var(--title--primary, #626e82);
6
- /*@doc Define a sombra dos textos dentro do componente.*/
7
- --ez-calendar--text-shadow: var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);
8
-
9
- /* cal__body */
10
- /*@doc Define a cor de fundo do corpo do calendário.*/
11
- --ez-calendar__body--background-color: var(--background--xlight, #FFF);
12
- /*@doc Define a cor de fundo do corpo da hora do calendário.*/
13
- --ez-calendar__time--background-color: var(--background--xlight, #FAFAFA);
14
- /*@doc Define o espaçamento do corpo do calendário.*/
15
- --ez-calendar__body--padding: var(--space--medium, 12px) var(--space--small, 6px) ;
16
- /*@doc Define o raio da borda do corpo do calendário.*/
17
- --ez-calendar__body--border-radius: var(--border--radius-medium, 12px);
18
- /*@doc Define a sombra do corpo do calendário.*/
19
- --ez-calendar__body--shadow: var(--shadow, 0px 0px 16px 0px #000);
20
-
21
- /* cal__container*/
22
- /*@doc Define a posição do container de calendario nas camadas da página .*/
23
- --ez-container--z-index: var(--more-visible, 2);
24
-
25
- /* cal__header */
26
- /*@doc Define a espessura da borda inferior do header.*/
27
- --ez-calendar__header-line--stroke: 1px;
28
- /*@doc Define a cor da borda inferior do header.*/
29
- --ez-calendar__header-line--color: var(--color--strokes, #C0C0C0);
30
-
31
- /* nav buttons */
32
- /*@doc Define a cor do ícone de navegação.*/
33
- --ez-calendar__nav-btn--fill: var(--text--primary, #008561);
34
- /*@doc Define a cor do ícone de navegação quando o cursor está sobre ele.*/
35
- --ez-calendar__nav-btn--hover--fill: var(--color--primary, #350404);
36
- /*@doc Define a largura do ícone de navegação.*/
37
- --ez-calendar__nav-btn--width: 10px;
38
- /*@doc Define a altura do ícone de navegação.*/
39
- --ez-calendar__nav-btn--height: 16px;
40
- /*@doc Contém a imagem do ícone de navegação à esquerda.*/
41
- --ez-calendar__nav-btn--previous-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>');
42
- /*@doc Contém a imagem do ícone de navegação à direita.*/
43
- --ez-calendar__nav-btn--next-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>');
44
-
45
- /* cell */
46
- /*@doc Define o espaçamento vertical entre as células.*/
47
- --ez-calendar__cell--margin: 0px 1.5px;
48
- /*@doc Define a largura das células.*/
49
- --ez-calendar__cell--width: var(--space--large, 24px);
50
- /*@doc Define o espaçamento horizontal entre as células.*/
51
- --ez-calendar__cell--padding: 1.5px 0px;
52
- /*@doc Define o raio da borda das células.*/
53
- --ez-calendar__cell--border-radius: var(--border--radius-small, 6px);
54
- /*@doc Define a cor de fundo das células.*/
55
- --ez-calendar__cell--over--background-color: var(--color--primary, #E2F4EF);
56
- /*@doc Define a cor de do texto das células.*/
57
- --ez-calendar__cell--over--color: var(--color--primary-300, #008561);
58
- /*@doc Define a cor do texto para células secundárias (fora do mês selecionado).*/
59
- --ez-calendar__cell--outset--color: var(--color--disable-primary, #E5EAF0);
60
- /*@doc Define a cor de fundo das células selecionadas.*/
61
- --ez-calendar__cell--selected--background-color: var(--color--primary, #008561);
62
- /*@doc Define a cor do texto da célula selecionada.*/
63
- --ez-calendar__cell--selected--color: var(--color--inverted, #FFF);
64
-
65
- /* btn today */
66
- /*@doc Define a cor do texto do botão "Hoje".*/
67
- --ez-calendar__btn-today--color: var(--color--primary);
68
- /*@doc Define a cor de fundo do botão "Hoje" quando o cursor está sobre ele.*/
69
- --ez-calendar__btn-today--hover--background-color: var(--color--primary-300, #E2F4EF);
70
- /*@doc Define o raio da borda do botão "Hoje".*/
71
- --ez-calendar__btn-today--border-radius: var(--border--radius-small, 6px);
72
-
73
- /***************
74
- host style
75
- ***************/
76
- /*private*/
77
- position: relative;
78
- display: flex;
79
- user-select: none;
80
- }
81
-
82
- .calendar__container{
83
- display: flex;
84
- z-index: var(--more-visible, 2);;
85
- }
86
-
87
- .calendar {
88
- /*private*/
89
- z-index: var(--more-visible, 2);
90
- display: flex;
91
- flex-direction: column;
92
-
93
- /*public*/
94
- background-color: var(--ez-calendar__body--background-color);
95
- padding: var(--ez-calendar__body--padding);
96
- border-radius: var(--ez-calendar__body--border-radius);
97
- box-shadow: var(--ez-calendar__body--shadow);
98
- }
99
-
100
- .calendar__header {
101
- /*private*/
102
- display: flex;
103
- justify-content: space-between;
104
- padding-bottom: var(--space--small, 6px);
105
- margin: 0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);
106
-
107
- /*public*/
108
- font-family: var(--ez-calendar--font-family);
109
- color: var(--ez-calendar--color);
110
- text-shadow: var(--ez-calendar--text-shadow);
111
- border-bottom: solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);
112
- }
113
-
114
- .calendar__btn-next, .calendar__btn-previous {
115
- /*private*/
116
- outline: none;
117
- border: none;
118
- background-color: unset;
119
- cursor: pointer;
120
- padding: 0px;
121
- }
122
-
123
- .calendar__btn-next::after, .calendar__btn-previous::after {
124
- /*private*/
125
- content: '';
126
- display: flex;
127
-
128
- /*public*/
129
- background-color: var(--ez-calendar__nav-btn--fill);
130
- /*parece estranho, mas o bg funciona como fill pq aplicaremos a mascara.*/
131
- width: var(--ez-calendar__nav-btn--width);
132
- height: var(--ez-calendar__nav-btn--height);
133
- }
134
-
135
- .calendar__btn-previous::after {
136
- /*public*/
137
- -webkit-mask-image: var(--ez-calendar__nav-btn--previous-image);
138
- mask-image: var(--ez-calendar__nav-btn--previous-image);
139
- }
140
-
141
- .calendar__btn-next::after {
142
- /*public*/
143
- -webkit-mask-image: var(--ez-calendar__nav-btn--next-image);
144
- mask-image: var(--ez-calendar__nav-btn--next-image);
145
- }
146
-
147
- .calendar__btn-next:hover::after, .calendar__btn-previous:hover::after {
148
- /*public*/
149
- background-color: var(--ez-calendar__nav-btn--hover--fill);
150
- }
151
-
152
- .calendar__lbl-month {
153
- /*private*/
154
- font-weight: var(--text-weight--extra-large, 700);
155
- font-size: var(--title--small, 14px);
156
-
157
- /*public*/
158
- font-family: var(--ez-calendar--font-family);
159
- color: var(--ez-calendar--color);
160
- text-shadow: var(--ez-calendar--text-shadow);
161
- }
162
-
163
- .calendar__line {
164
- /*private*/
165
- display: flex;
166
- padding: 0px;
167
- margin: 0px;
168
- }
169
-
170
- .calendar__cell {
171
- /*private*/
172
- display: flex;
173
- justify-content: center;
174
- align-content: center;
175
- cursor: pointer;
176
- font-size: var(--text--extra-small, 10px);
177
-
178
- /*public*/
179
- font-family: var(--ez-calendar--font-family);
180
- color: var(--ez-calendar--color);
181
- text-shadow: var(--ez-calendar--text-shadow);
182
- padding: var(--ez-calendar__cell--padding);
183
- margin: var(--ez-calendar__cell--margin);
184
- min-width: var(--ez-calendar__cell--width);
185
- border-radius: var(--ez-calendar__cell--border-radius);
186
- }
187
-
188
-
189
- .calendar__cell:hover {
190
- /*public*/
191
- background-color: var(--ez-calendar__cell--over--background-color);
192
- color: var(--ez-calendar__cell--over--color);
193
- }
194
-
195
- .calendar__cell--secondary {
196
- /*public*/
197
- color: var(--ez-calendar__cell--outset--color);
198
- }
199
-
200
- .calendar__cell--unselectable:hover {
201
- /*private*/
202
- background-color: unset;
203
- border-radius: unset;
204
- cursor: unset;
205
- }
206
-
207
- .calendar__cell--unselectable {
208
- /*private*/
209
- font-weight: var(--text-weight--large, 600);
210
-
211
- /*public*/
212
- font-family: var(--ez-calendar--font-family);
213
- color: var(--ez-calendar--color);
214
- text-shadow: var(--ez-calendar--text-shadow);
215
- }
216
-
217
- .calendar__cell--selected, .calendar__cell--selected:hover {
218
- /*public*/
219
- background-color: var(--ez-calendar__cell--selected--background-color);
220
- color: var(--ez-calendar__cell--selected--color);
221
- }
222
-
223
- .calendar__footer {
224
- /*private*/
225
- display: flex;
226
- flex-direction: column;
227
- }
228
-
229
- .calendar__btn-today {
230
- /*private*/
231
- border: none;
232
- background-color: unset;
233
- cursor: pointer;
234
- font-weight: var(--text-weight--large, 600);
235
- font-size: var(--title--extra-small, 12px);
236
- padding: 0px;
237
-
238
- /*public*/
239
- font-family: var(--ez-calendar--font-family);
240
- text-shadow: var(--ez-calendar--text-shadow);
241
- color: var(--ez-calendar__btn-today--color);
242
- border-radius: var(--ez-calendar__btn-today--border-radius);
243
- }
244
-
245
- .calendar__btn-today:hover {
246
- /*public*/
247
- background-color: var(--ez-calendar__btn-today--hover--background-color);
248
- }
249
-
250
- section{
251
- display: flex;
252
- }
253
-
254
- .calendar-time {
255
- /*private*/
256
- margin-left: -10px;
257
- display: flex;
258
- flex-direction: column;
259
- padding: 12px 0px 0px 10px;
260
-
261
- /*public*/
262
- /*TODO Criar variavel para color o calendar_time var(--ez-calendar__body-time--background-color)*/
263
- background-color: var(--ez-calendar__time--background-color);
264
- border-top-right-radius: var(--ez-calendar__body--border-radius);
265
- border-bottom-right-radius: var(--ez-calendar__body--border-radius);
266
- box-shadow: var(--ez-calendar__body--shadow);
267
- }
268
- .calendar__column {
269
- height: 136px;
270
- padding: 0px;
271
- margin: 0px;
272
- overflow: auto;
273
- }
274
-
275
- /* Scrollbar definido como 0 para não exibir o scroll mas permitir a rolagem */
276
- .calendar__column::-webkit-scrollbar {
277
- width: 0px;
278
- max-width: 0px;
279
- min-width: 0px;
280
- }
281
-
282
- .calendar-time__header{
283
- /*private*/
284
- padding-left: var(--space--small, 6px);
285
- padding-right: var(--space--small, 6px);
286
- display: flex;
287
- justify-content: space-between;
288
- padding-bottom: var(--space--small, 6px);
289
- margin: 0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);
290
- font-weight: var(--text-weight--extra-large, 700);
291
- font-size: var(--title--small, 14px);
292
-
293
-
294
- /*public*/
295
- font-family: var(--ez-calendar--font-family);
296
- color: var(--ez-calendar--color);
297
- text-shadow: var(--ez-calendar--text-shadow);
298
- border-bottom: solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);
299
- font-family: var(--ez-calendar--font-family);
300
- color: var(--ez-calendar--color);
301
- text-shadow: var(--ez-calendar--text-shadow);
302
- }
303
-
304
- .separatorTime{
305
- color: #A2ABB9;
306
- padding: 0px 1px;
307
- line-height: 16px;
308
- font-size: 17px;
309
- font-weight: normal;
310
- }
311
-
312
- .endHidden {
313
- -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%);
314
- }
315
-
316
- .calendar__column .calendar__cell{
317
- margin: 0px;
318
- padding: 1.5px 1.5px;
319
- }