@sankhyalabs/sankhyablocks 1.1.28 → 1.3.1

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 (236) 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 +2 -2
  5. package/dist/cjs/sankhyablocks.cjs.js +2 -2
  6. package/dist/cjs/snk-application.cjs.entry.js +668 -653
  7. package/dist/collection/collection-manifest.json +5 -34
  8. package/dist/collection/components/snk-application/snk-application.css +5 -5
  9. package/dist/collection/components/snk-application/snk-application.js +492 -492
  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 +655 -640
  23. package/dist/esm/index-72d4e2e0.js +709 -0
  24. package/dist/esm/loader.js +2 -2
  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 +2 -2
  31. package/dist/esm/snk-application.entry.js +626 -611
  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/index.d.ts +1 -1
  37. package/dist/types/lib/http/data-fetcher/DataFetcher.d.ts +15 -15
  38. package/dist/types/lib/http/data-fetcher/fetchers/application-config-fetcher.d.ts +6 -6
  39. package/dist/types/lib/http/data-fetcher/fetchers/dataunit-fetcher.d.ts +12 -12
  40. package/dist/types/lib/http/data-fetcher/fetchers/form-config-fetcher.d.ts +5 -5
  41. package/dist/types/lib/http/data-fetcher/fetchers/grid-config-fetcher.d.ts +2 -2
  42. package/dist/types/lib/http/data-fetcher/fetchers/parameters-fecher.d.ts +13 -13
  43. package/dist/types/lib/http/data-fetcher/fetchers/resource-fetcher.d.ts +6 -6
  44. package/dist/types/lib/http/data-fetcher/state/LoadStateManager.d.ts +23 -23
  45. package/dist/types/lib/utils/pesquisa.d.ts +2 -2
  46. package/dist/types/lib/utils/urlutils.d.ts +4 -4
  47. package/dist/types/lib/workspace/workspace.d.ts +4 -4
  48. package/package.json +63 -52
  49. package/react/.keepfolder +1 -0
  50. package/react/components.d.ts +3 -32
  51. package/react/components.js +5 -34
  52. package/react/components.js.map +1 -1
  53. package/react/react-component-lib/createComponent.d.ts +10 -10
  54. package/react/react-component-lib/createComponent.js +58 -74
  55. package/react/react-component-lib/createComponent.js.map +1 -1
  56. package/react/react-component-lib/createOverlayComponent.d.ts +20 -21
  57. package/react/react-component-lib/createOverlayComponent.js +88 -108
  58. package/react/react-component-lib/createOverlayComponent.js.map +1 -1
  59. package/react/react-component-lib/index.d.ts +2 -2
  60. package/react/react-component-lib/index.js +2 -2
  61. package/react/react-component-lib/interfaces.d.ts +29 -29
  62. package/react/react-component-lib/utils/attachProps.d.ts +12 -12
  63. package/react/react-component-lib/utils/attachProps.js +95 -97
  64. package/react/react-component-lib/utils/attachProps.js.map +1 -1
  65. package/react/react-component-lib/utils/case.d.ts +2 -2
  66. package/react/react-component-lib/utils/case.js +6 -6
  67. package/react/react-component-lib/utils/dev.d.ts +2 -2
  68. package/react/react-component-lib/utils/dev.js +12 -12
  69. package/react/react-component-lib/utils/index.d.ts +7 -10
  70. package/react/react-component-lib/utils/index.js +20 -33
  71. package/react/react-component-lib/utils/index.js.map +1 -1
  72. package/dist/cjs/ApplicationUtils-05b74ee9.js +0 -39
  73. package/dist/cjs/AssetsUtils-7e3c38f9.js +0 -24
  74. package/dist/cjs/CSSVarsUtils-75ca9c64.js +0 -19
  75. package/dist/cjs/_commonjsHelpers-537d719a.js +0 -20
  76. package/dist/cjs/ez-action-chip.cjs.entry.js +0 -27
  77. package/dist/cjs/ez-application.cjs.entry.js +0 -26
  78. package/dist/cjs/ez-button_4.cjs.entry.js +0 -660
  79. package/dist/cjs/ez-calendar.cjs.entry.js +0 -223
  80. package/dist/cjs/ez-collapsible-box.cjs.entry.js +0 -47
  81. package/dist/cjs/ez-combo-box.cjs.entry.js +0 -278
  82. package/dist/cjs/ez-date-input.cjs.entry.js +0 -102
  83. package/dist/cjs/ez-date-time-input.cjs.entry.js +0 -145
  84. package/dist/cjs/ez-dialog.cjs.entry.js +0 -89
  85. package/dist/cjs/ez-form.cjs.entry.js +0 -785
  86. package/dist/cjs/ez-grid.cjs.entry.js +0 -110485
  87. package/dist/cjs/ez-icon.cjs.entry.js +0 -41
  88. package/dist/cjs/ez-label-chip.cjs.entry.js +0 -104
  89. package/dist/cjs/ez-modal_2.cjs.entry.js +0 -316
  90. package/dist/cjs/ez-number-input.cjs.entry.js +0 -86
  91. package/dist/cjs/ez-popover.cjs.entry.js +0 -120
  92. package/dist/cjs/ez-popup.cjs.entry.js +0 -48
  93. package/dist/cjs/ez-search.cjs.entry.js +0 -64
  94. package/dist/cjs/ez-tabselector.cjs.entry.js +0 -198
  95. package/dist/cjs/ez-text-area.cjs.entry.js +0 -114
  96. package/dist/cjs/ez-text-input.cjs.entry.js +0 -201
  97. package/dist/cjs/ez-time-input.cjs.entry.js +0 -118
  98. package/dist/cjs/ez-toast.cjs.entry.js +0 -44
  99. package/dist/cjs/ez-upload.cjs.entry.js +0 -356
  100. package/dist/cjs/index-682c98b2.js +0 -1771
  101. package/dist/cjs/test-du.cjs.entry.js +0 -76
  102. package/dist/components/ApplicationUtils.js +0 -37
  103. package/dist/components/AssetsUtils.js +0 -22
  104. package/dist/components/CSSVarsUtils.js +0 -17
  105. package/dist/components/_commonjsHelpers.js +0 -17
  106. package/dist/components/ez-action-chip.js +0 -44
  107. package/dist/components/ez-application.js +0 -39
  108. package/dist/components/ez-button.js +0 -6
  109. package/dist/components/ez-button2.js +0 -105
  110. package/dist/components/ez-calendar.js +0 -6
  111. package/dist/components/ez-calendar2.js +0 -242
  112. package/dist/components/ez-check.js +0 -6
  113. package/dist/components/ez-check2.js +0 -94
  114. package/dist/components/ez-collapsible-box.js +0 -67
  115. package/dist/components/ez-combo-box.js +0 -6
  116. package/dist/components/ez-combo-box2.js +0 -311
  117. package/dist/components/ez-date-input.js +0 -135
  118. package/dist/components/ez-date-time-input.js +0 -179
  119. package/dist/components/ez-dialog.js +0 -124
  120. package/dist/components/ez-form.js +0 -6
  121. package/dist/components/ez-form2.js +0 -807
  122. package/dist/components/ez-grid.js +0 -110576
  123. package/dist/components/ez-icon.js +0 -6
  124. package/dist/components/ez-icon2.js +0 -56
  125. package/dist/components/ez-label-chip.js +0 -125
  126. package/dist/components/ez-list.js +0 -6
  127. package/dist/components/ez-list2.js +0 -523
  128. package/dist/components/ez-modal.js +0 -6
  129. package/dist/components/ez-modal2.js +0 -82
  130. package/dist/components/ez-number-input.js +0 -115
  131. package/dist/components/ez-popover.js +0 -145
  132. package/dist/components/ez-popup.js +0 -67
  133. package/dist/components/ez-search.js +0 -100
  134. package/dist/components/ez-tabselector.js +0 -6
  135. package/dist/components/ez-tabselector2.js +0 -213
  136. package/dist/components/ez-text-area.js +0 -137
  137. package/dist/components/ez-text-input.js +0 -6
  138. package/dist/components/ez-text-input2.js +0 -223
  139. package/dist/components/ez-time-input.js +0 -153
  140. package/dist/components/ez-toast.js +0 -64
  141. package/dist/components/ez-upload.js +0 -382
  142. package/dist/components/grid-config.js +0 -6
  143. package/dist/components/grid-config2.js +0 -318
  144. package/dist/components/select-box.js +0 -6
  145. package/dist/components/select-box2.js +0 -47
  146. package/dist/components/test-du.js +0 -101
  147. package/dist/esm/ApplicationUtils-e0b6d857.js +0 -37
  148. package/dist/esm/AssetsUtils-6e6624dc.js +0 -22
  149. package/dist/esm/CSSVarsUtils-0787c3f3.js +0 -17
  150. package/dist/esm/_commonjsHelpers-9943807e.js +0 -17
  151. package/dist/esm/ez-action-chip.entry.js +0 -23
  152. package/dist/esm/ez-application.entry.js +0 -22
  153. package/dist/esm/ez-button_4.entry.js +0 -653
  154. package/dist/esm/ez-calendar.entry.js +0 -219
  155. package/dist/esm/ez-collapsible-box.entry.js +0 -43
  156. package/dist/esm/ez-combo-box.entry.js +0 -274
  157. package/dist/esm/ez-date-input.entry.js +0 -98
  158. package/dist/esm/ez-date-time-input.entry.js +0 -141
  159. package/dist/esm/ez-dialog.entry.js +0 -85
  160. package/dist/esm/ez-form.entry.js +0 -781
  161. package/dist/esm/ez-grid.entry.js +0 -110481
  162. package/dist/esm/ez-icon.entry.js +0 -37
  163. package/dist/esm/ez-label-chip.entry.js +0 -100
  164. package/dist/esm/ez-modal_2.entry.js +0 -311
  165. package/dist/esm/ez-number-input.entry.js +0 -82
  166. package/dist/esm/ez-popover.entry.js +0 -116
  167. package/dist/esm/ez-popup.entry.js +0 -44
  168. package/dist/esm/ez-search.entry.js +0 -60
  169. package/dist/esm/ez-tabselector.entry.js +0 -194
  170. package/dist/esm/ez-text-area.entry.js +0 -110
  171. package/dist/esm/ez-text-input.entry.js +0 -197
  172. package/dist/esm/ez-time-input.entry.js +0 -114
  173. package/dist/esm/ez-toast.entry.js +0 -40
  174. package/dist/esm/ez-upload.entry.js +0 -352
  175. package/dist/esm/index-35088a3f.js +0 -1740
  176. package/dist/esm/test-du.entry.js +0 -72
  177. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-action-chip/ez-action-chip.css +0 -67
  178. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-application/ez-application.css +0 -3
  179. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-button/ez-button.css +0 -180
  180. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-calendar/ez-calendar.css +0 -319
  181. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-check/ez-check.css +0 -327
  182. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +0 -162
  183. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-combo-box/ez-combo-box.css +0 -217
  184. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-date-input/ez-date-input.css +0 -49
  185. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-date-time-input/ez-date-time-input.css +0 -44
  186. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-dialog/ez-dialog.css +0 -527
  187. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-form/ez-form.css +0 -5
  188. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-grid/ez-grid.css +0 -31
  189. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-grid/subcomponents/gridconfig/grid-config.css +0 -129
  190. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-grid/subcomponents/select-box/select-box.css +0 -10
  191. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-icon/ez-icon.css +0 -176
  192. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-label-chip/ez-label-chip.css +0 -139
  193. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-list/ez-list.css +0 -335
  194. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-modal/ez-modal.css +0 -358
  195. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-number-input/ez-number-input.css +0 -4
  196. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-popover/ez-popover.css +0 -44
  197. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-popup/ez-popup.css +0 -405
  198. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-search/ez-search.css +0 -3
  199. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-tabselector/ez-tabselector.css +0 -138
  200. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-text-area/ez-text-area.css +0 -165
  201. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-text-input/ez-text-input.css +0 -196
  202. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-time-input/ez-time-input.css +0 -10
  203. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-toast/ez-toast.css +0 -127
  204. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-upload/ez-upload.css +0 -568
  205. package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/test-du/test-du.css +0 -3
  206. package/dist/sankhyablocks/p-0183d259.entry.js +0 -1
  207. package/dist/sankhyablocks/p-01f23a70.entry.js +0 -1
  208. package/dist/sankhyablocks/p-07c32f68.entry.js +0 -1
  209. package/dist/sankhyablocks/p-0f90499d.entry.js +0 -1
  210. package/dist/sankhyablocks/p-105724a3.entry.js +0 -1
  211. package/dist/sankhyablocks/p-112455b1.js +0 -1
  212. package/dist/sankhyablocks/p-2ac02d48.entry.js +0 -1
  213. package/dist/sankhyablocks/p-35364a97.entry.js +0 -1
  214. package/dist/sankhyablocks/p-3f6aa9a7.entry.js +0 -1
  215. package/dist/sankhyablocks/p-4811bc0a.entry.js +0 -369
  216. package/dist/sankhyablocks/p-5f9af495.entry.js +0 -1
  217. package/dist/sankhyablocks/p-60967cf0.js +0 -1
  218. package/dist/sankhyablocks/p-70ad6c16.entry.js +0 -1
  219. package/dist/sankhyablocks/p-710bfffe.entry.js +0 -1
  220. package/dist/sankhyablocks/p-73397a0f.entry.js +0 -57
  221. package/dist/sankhyablocks/p-811b4b9d.js +0 -1
  222. package/dist/sankhyablocks/p-813fe4f7.js +0 -1
  223. package/dist/sankhyablocks/p-85a9446b.js +0 -2
  224. package/dist/sankhyablocks/p-89a1100f.entry.js +0 -1
  225. package/dist/sankhyablocks/p-8b543003.entry.js +0 -1
  226. package/dist/sankhyablocks/p-9750632b.entry.js +0 -1
  227. package/dist/sankhyablocks/p-a96272f7.entry.js +0 -1
  228. package/dist/sankhyablocks/p-ac8842e5.entry.js +0 -1
  229. package/dist/sankhyablocks/p-ba64cc41.entry.js +0 -1
  230. package/dist/sankhyablocks/p-c1ede043.entry.js +0 -1
  231. package/dist/sankhyablocks/p-d90ebb85.entry.js +0 -1
  232. package/dist/sankhyablocks/p-e5355a29.entry.js +0 -1
  233. package/dist/sankhyablocks/p-ef04b633.entry.js +0 -1
  234. package/dist/sankhyablocks/p-f6db07fb.entry.js +0 -1
  235. package/dist/sankhyablocks/p-f80cabc7.entry.js +0 -1
  236. package/dist/sankhyablocks/p-fcd9bd92.entry.js +0 -1
@@ -1,72 +0,0 @@
1
- import { r as registerInstance, h } from './index-35088a3f.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
- }