@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,44 +0,0 @@
1
- :host {
2
-
3
- /* box */
4
- /*@doc Define o raio da borda do popover.*/
5
- --ez-popover__box--border-radius: var(--border--radius-medium, 12px);
6
- /*@doc Define a sombra do popover.*/
7
- --ez-popover__box--box-shadow: var(--shadow, 0px 0px 16px 0px #000);
8
- /*@doc Define a cor de fundo do popover.*/
9
- --ez-popover__box--background-color: var(--background--xlight, #fff);
10
- /*@doc Define a camada de visibilidade do popover.*/
11
- --ez-popover__box--z-index: var(--more-visible, 1);
12
-
13
- /***************
14
- host style
15
- ***************/
16
- /*private*/
17
- position: relative;
18
- display: flex;
19
- user-select: none;
20
- width: 100%;
21
- }
22
-
23
-
24
- .box {
25
- /*private*/
26
- z-index: var(--ez-popover__box--z-index);
27
- display: flex;
28
- flex-direction: column;
29
-
30
- height: fit-content;
31
-
32
- /*public*/
33
- background-color: var(--ez-popover__box--background-color);
34
- border-radius: var(--ez-popover__box--border-radius);
35
- box-shadow: var(--ez-popover__box--box-shadow);
36
- }
37
-
38
- .box--fit-content {
39
- width: fit-content;
40
- }
41
-
42
- .box--full-width {
43
- width: 100%;
44
- }
@@ -1,405 +0,0 @@
1
- :host {
2
- display: flex;
3
- /* General */
4
- /*@doc Define a camada em que o componente será exibido.*/
5
- --ez-popup-z-index: var(--most-visible, 3);
6
-
7
- /* Popup */
8
- /*@doc Define a cor do texto do container do popup.*/
9
- --ez-popup__container--color: var(--title--primary, #2b3a54);
10
- /*@doc Define o espaçamento do container do popup.*/
11
- --ez-popup__container--padding: var(--space--large, 24px);
12
-
13
- /* Popup Header */
14
- /*@doc Define o espaçamento inferior do cabeçalho do popup.*/
15
- --ez-popup__header--padding-bottom: var(--space--medium, 12px);
16
-
17
- /* Title */
18
- /*@doc Define a família da fonte do título do popup.*/
19
- --ez-popup__title--font-family: var(--font-pattern, "'Sora', 'Algerian'");
20
- /*@doc Define o tamanho da fonte do título do popup.*/
21
- --ez-popup__title--font-size: var(--title--extra-large, 24px);
22
- /*@doc Define a cor da fonte do título do popup.*/
23
- --ez-popup__title--color: var(--title--primary, #2b3a54);
24
- /*@doc Define o peso da fonte do título do popup.*/
25
- --ez-popup__title--font-weight: var(--text-weight--large, 600);
26
-
27
- /* Buttons */
28
- /* @doc Define a cor do ícone do botão de fechamento. */
29
- --ez-popup__btn__close--icon-color: var(--title--primary, #2b3a54);
30
- /* @doc Contém o ícone do botão de fechamento. */
31
- --ez-popup__btn__close--icon: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z"/></svg>');
32
-
33
- }
34
-
35
- .overlay {
36
- position: fixed;
37
- display: flex;
38
- top: 0px;
39
- z-index: var(--ez-popup-z-index);
40
- left: 0px;
41
- width: 100%;
42
- align-items: center;
43
- justify-content: center;
44
- box-sizing: border-box;
45
- height: 100vh;
46
- backdrop-filter: blur(4px);
47
- background: rgba(0, 4, 12, 0.4);
48
- }
49
-
50
- .popup {
51
- display: flex;
52
- height: 100%;
53
- align-items: center;
54
- justify-content: center;
55
- box-sizing: border-box;
56
- }
57
-
58
- .popup__container {
59
- width: 100%;
60
- max-height: 90%;
61
- height: 100%;
62
- display: flex;
63
- flex-wrap: wrap;
64
- overflow: hidden;
65
- background: #FFFF;
66
- color: var(--ez-popup__container--color);
67
- border-radius: 12px;
68
- box-shadow: 0px 0px 16px rgba(0, 38, 111, 0.122);
69
- box-sizing: border-box;
70
- padding: var(--ez-popup__container--padding)
71
- }
72
-
73
- .popup__content {
74
- box-sizing: border-box;
75
- max-height: 100%;
76
- width: 100%;
77
- display: grid;
78
- grid-template-rows: auto 1fr;
79
- }
80
-
81
- .popup__expandable-content {
82
- box-sizing: border-box;
83
- overflow-y: auto;
84
- height: 100%;
85
- width: 100%;
86
- }
87
-
88
- .popup__header {
89
- padding-bottom: var(--ez-popup__header--padding-bottom);
90
- width: 100%;
91
- display: flex;
92
- }
93
-
94
- .popup__title {
95
- display: flex;
96
- margin: 0;
97
- width: 100%;
98
- font-family: var(--ez-popup__title--font-family);
99
- font-size: var(--ez-popup__title--font-size);
100
- font-weight: var(--ez-popup__title--font-weight);
101
- color: var(--ez-popup__title--color);
102
- line-height: 1.3;
103
- }
104
-
105
- .btn-close {
106
- justify-content: flex-end;
107
- align-self: flex-start;
108
- align-items: flex-start;
109
- display: flex;
110
- outline: none;
111
- border: none;
112
- background-color: unset;
113
- cursor: pointer;
114
- }
115
-
116
- .btn-close::after {
117
- content: '';
118
- display: flex;
119
- background-color: var(--ez-popup__btn__close--icon-color);
120
- width: 14px;
121
- height: 14px;
122
- -webkit-mask-image: var(--ez-popup__btn__close--icon);
123
- mask-image: var(--ez-popup__btn__close--icon);
124
- }
125
-
126
- .btn-close--solo {
127
- width: 100%;
128
- }
129
-
130
- /* //////// GRID SYSTEM //////// */
131
-
132
- .row {
133
- width: 100%;
134
- display: flex;
135
- flex-wrap: wrap;
136
- }
137
-
138
- .col {
139
- display: flex;
140
- flex-wrap: wrap;
141
- align-self: flex-start;
142
- box-sizing: border-box;
143
- }
144
-
145
- .col--stretch {
146
- align-self: stretch;
147
- }
148
-
149
- .col--undefined {
150
- width: unset;
151
- }
152
-
153
- .col--nowrap {
154
- flex-wrap: nowrap;
155
- }
156
-
157
- @media screen and (min-width: 320px) {
158
- .col--sd-1 {
159
- width: 8.33333%;
160
- }
161
-
162
- .col--sd-2 {
163
- width: 16.66667%;
164
- }
165
-
166
- .col--sd-3 {
167
- width: 25%;
168
- }
169
-
170
- .col--sd-4 {
171
- width: 33.33333%;
172
- }
173
-
174
- .col--sd-5 {
175
- width: 41.66667%;
176
- }
177
-
178
- .col--sd-6 {
179
- width: 50%;
180
- }
181
-
182
- .col--sd-7 {
183
- width: 58.33333%;
184
- }
185
-
186
- .col--sd-8 {
187
- width: 66.66667%;
188
- }
189
-
190
- .col--sd-9 {
191
- width: 75%;
192
- }
193
-
194
- .col--sd-10 {
195
- width: 83.33333%;
196
- }
197
-
198
- .col--sd-11 {
199
- width: 91.66667%;
200
- }
201
-
202
- .col--sd-12 {
203
- width: 100%;
204
- }
205
- }
206
-
207
- @media screen and (min-width: 480px) {
208
- .col--pn-1 {
209
- width: 8.33333%;
210
- }
211
-
212
- .col--pn-2 {
213
- width: 16.66667%;
214
- }
215
-
216
- .col--pn-3 {
217
- width: 25%;
218
- }
219
-
220
- .col--pn-4 {
221
- width: 33.33333%;
222
- }
223
-
224
- .col--pn-5 {
225
- width: 41.66667%;
226
- }
227
-
228
- .col--pn-6 {
229
- width: 50%;
230
- }
231
-
232
- .col--pn-7 {
233
- width: 58.33333%;
234
- }
235
-
236
- .col--pn-8 {
237
- width: 66.66667%;
238
- }
239
-
240
- .col--pn-9 {
241
- width: 75%;
242
- }
243
-
244
- .col--pn-10 {
245
- width: 83.33333%;
246
- }
247
-
248
- .col--pn-11 {
249
- width: 91.66667%;
250
- }
251
-
252
- .col--pn-12 {
253
- width: 100%;
254
- }
255
- }
256
-
257
- @media screen and (min-width: 768px) {
258
- .col--tb-1 {
259
- width: 8.33333%;
260
- }
261
-
262
- .col--tb-2 {
263
- width: 16.66667%;
264
- }
265
-
266
- .col--tb-3 {
267
- width: 25%;
268
- }
269
-
270
- .col--tb-4 {
271
- width: 33.33333%;
272
- }
273
-
274
- .col--tb-5 {
275
- width: 41.66667%;
276
- }
277
-
278
- .col--tb-6 {
279
- width: 50%;
280
- }
281
-
282
- .col--tb-7 {
283
- width: 58.33333%;
284
- }
285
-
286
- .col--tb-8 {
287
- width: 66.66667%;
288
- }
289
-
290
- .col--tb-9 {
291
- width: 75%;
292
- }
293
-
294
- .col--tb-10 {
295
- width: 83.33333%;
296
- }
297
-
298
- .col--tb-11 {
299
- width: 91.66667%;
300
- }
301
-
302
- .col--tb-12 {
303
- width: 100%;
304
- }
305
- }
306
-
307
- @media screen and (min-width: 992px) {
308
- .col--md-1 {
309
- width: 8.33333%;
310
- }
311
-
312
- .col--md-2 {
313
- width: 16.66667%;
314
- }
315
-
316
- .col--md-3 {
317
- width: 25%;
318
- }
319
-
320
- .col--md-4 {
321
- width: 33.33333%;
322
- }
323
-
324
- .col--md-5 {
325
- width: 41.66667%;
326
- }
327
-
328
- .col--md-6 {
329
- width: 50%;
330
- }
331
-
332
- .col--md-7 {
333
- width: 58.33333%;
334
- }
335
-
336
- .col--md-8 {
337
- width: 66.66667%;
338
- }
339
-
340
- .col--md-9 {
341
- width: 75%;
342
- }
343
-
344
- .col--md-10 {
345
- width: 83.33333%;
346
- }
347
-
348
- .col--md-11 {
349
- width: 91.66667%;
350
- }
351
-
352
- .col--md-12 {
353
- width: 100%;
354
- }
355
- }
356
-
357
- @media screen and (min-width: 1200px) {
358
- .col--ld-1 {
359
- width: 8.33333%;
360
- }
361
-
362
- .col--ld-2 {
363
- width: 16.66667%;
364
- }
365
-
366
- .col--ld-3 {
367
- width: 25%;
368
- }
369
-
370
- .col--ld-4 {
371
- width: 33.33333%;
372
- }
373
-
374
- .col--ld-5 {
375
- width: 41.66667%;
376
- }
377
-
378
- .col--ld-6 {
379
- width: 50%;
380
- }
381
-
382
- .col--ld-7 {
383
- width: 58.33333%;
384
- }
385
-
386
- .col--ld-8 {
387
- width: 66.66667%;
388
- }
389
-
390
- .col--ld-9 {
391
- width: 75%;
392
- }
393
-
394
- .col--ld-10 {
395
- width: 83.33333%;
396
- }
397
-
398
- .col--ld-11 {
399
- width: 91.66667%;
400
- }
401
-
402
- .col--ld-12 {
403
- width: 100%;
404
- }
405
- }
@@ -1,138 +0,0 @@
1
- @keyframes activate {
2
- 0% {
3
- clip-path: inset(calc(100% - 3px) 50% 0px 50%);
4
- }
5
-
6
- 100% {
7
- clip-path: inset(calc(100% - 3px) 0px 0px 0px);
8
- }
9
- }
10
-
11
- :host {
12
- display: flex;
13
- position: relative;
14
- width: 100%;
15
- overflow: hidden;
16
- /* @doc Define a sombra do box da aba. */
17
- /* --tabselector__box--box-shadow: var(--shadow, 0px 0px 8px 0px #000); */
18
- /*@doc Contém o ícone de voltar para a aba anterior.*/
19
- --tabselector--backward-icon: 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>');
20
- /*@doc Contém o ícone de avançar para a aba posterior.*/
21
- --tabselector--forward-icon: 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>');
22
- }
23
-
24
- .scroll {
25
- display: flex;
26
- width: 100%;
27
- scroll-behavior: smooth;
28
- overflow-x: auto;
29
- scrollbar-width: none;
30
- }
31
-
32
- .scroll.startHidden {
33
- -webkit-mask-image: linear-gradient(90deg, transparent 20px, #000 48px);
34
- }
35
-
36
- .scroll.midle {
37
- -webkit-mask-image: linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px));
38
- }
39
-
40
- .scroll.endHidden {
41
- -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px));
42
- }
43
-
44
- .tab {
45
- display: flex;
46
- border: none;
47
- min-width: 100px;
48
- background-color: unset;
49
- cursor: pointer;
50
- padding: 6px 12px;
51
- align-items: center;
52
- justify-content: center;
53
- color: var(--text--primary, #626e82);
54
- font-family: var(--font-pattern, "Sora, Algerian");
55
- font-size: var(--title--small, 14px);
56
- }
57
-
58
- .tab:focus, .forward-button, .backward-button {
59
- outline: none;
60
- }
61
-
62
- .is-active {
63
- position: relative;
64
- color: var(--color--primary, #008561);
65
- }
66
-
67
- .is-active::after {
68
- content: "";
69
- position: absolute;
70
- width: 100%;
71
- height: 100%;
72
- background-color: var(--color--primary, #008561);
73
- clip-path: inset(calc(100% - 3px) 0px 0px 0px);
74
- animation: activate 0.25s ease-in-out;
75
- }
76
-
77
- .is-focused {
78
- border: 1px dashed var(--color--primary, #000000c5);
79
- }
80
-
81
- .tab-label {
82
- overflow: hidden;
83
- white-space: nowrap;
84
- text-overflow: ellipsis;
85
- text-shadow: var(--text-shadow);
86
- margin-bottom: var(--space--extra-small, 3px);
87
- }
88
-
89
- .forward-button, .backward-button {
90
- position: absolute;
91
- z-index: 1;
92
- display: flex;
93
- box-sizing: border-box;
94
- padding: 0px;
95
- top: 0px;
96
- right: 0px;
97
- width: 16px;
98
- height: 100%;
99
- border: none;
100
- background-color: unset;
101
- cursor: pointer;
102
- justify-content: center;
103
- align-items: center;
104
- }
105
-
106
- .backward-button {
107
- left: 0px;
108
- }
109
-
110
- .forward-button::after, .backward-button::after {
111
- content: '';
112
- display: flex;
113
- background-color: var(--text--primary, #008561);
114
- width: 10px;
115
- height: 16px;
116
- }
117
-
118
- .forward-button::after {
119
- -webkit-mask-image: var(--tabselector--forward-icon);
120
- mask-image: var(--tabselector--forward-icon);
121
- }
122
-
123
- .backward-button::after {
124
- -webkit-mask-image: var(--tabselector--backward-icon);
125
- mask-image: var(--tabselector--backward-icon);
126
- }
127
-
128
- .forward-button:hover::after, .backward-button:hover::after {
129
- background-color: var(--color--primary, #4e4e4e);
130
- }
131
-
132
- .hidden {
133
- display: none;
134
- }
135
-
136
- .scroll::-webkit-scrollbar {
137
- display: none;
138
- }