@sankhyalabs/ezui 1.1.121 → 1.1.124

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 (126) hide show
  1. package/dist/cjs/{ApplicationUtils-93721afc.js → ApplicationUtils-4a223c7a.js} +15 -9
  2. package/dist/cjs/{AssetsUtils-4909c6de.js → AssetsUtils-78164781.js} +1 -1
  3. package/dist/cjs/ez-action-chip.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-application.cjs.entry.js +1 -1
  5. package/dist/cjs/ez-button.cjs.entry.js +2 -2
  6. package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
  7. package/dist/cjs/ez-check.cjs.entry.js +1 -1
  8. package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
  9. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  10. package/dist/cjs/ez-date-input.cjs.entry.js +1 -1
  11. package/dist/cjs/ez-date-time-input.cjs.entry.js +1 -1
  12. package/dist/cjs/ez-dialog.cjs.entry.js +15 -11
  13. package/dist/cjs/ez-filter-input.cjs.entry.js +1 -1
  14. package/dist/cjs/ez-form.cjs.entry.js +23 -11
  15. package/dist/cjs/ez-grid.cjs.entry.js +37 -29
  16. package/dist/cjs/ez-icon.cjs.entry.js +1 -1
  17. package/dist/cjs/ez-label-chip.cjs.entry.js +1 -1
  18. package/dist/cjs/ez-list.cjs.entry.js +1 -1
  19. package/dist/cjs/ez-modal.cjs.entry.js +1 -1
  20. package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
  21. package/dist/cjs/ez-popover.cjs.entry.js +1 -1
  22. package/dist/cjs/ez-popup.cjs.entry.js +1 -1
  23. package/dist/cjs/ez-search.cjs.entry.js +1 -1
  24. package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
  25. package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
  26. package/dist/cjs/ez-text-input.cjs.entry.js +1 -1
  27. package/dist/cjs/ez-time-input.cjs.entry.js +2 -2
  28. package/dist/cjs/ez-toast.cjs.entry.js +1 -1
  29. package/dist/cjs/ez-upload.cjs.entry.js +2 -2
  30. package/dist/cjs/ezui.cjs.js +1 -1
  31. package/dist/cjs/grid-config.cjs.entry.js +2 -2
  32. package/dist/cjs/{index-88286449.js → index-0e284e03.js} +5 -1
  33. package/dist/cjs/loader.cjs.js +1 -1
  34. package/dist/cjs/select-box.cjs.entry.js +1 -1
  35. package/dist/cjs/test-du.cjs.entry.js +2 -2
  36. package/dist/collection/components/ez-button/ez-button.css +23 -1
  37. package/dist/collection/components/ez-dialog/ez-dialog.css +16 -2
  38. package/dist/collection/components/ez-dialog/ez-dialog.js +26 -13
  39. package/dist/collection/components/ez-form/DataBinder.js +8 -4
  40. package/dist/collection/components/ez-form/ez-form.js +31 -6
  41. package/dist/collection/components/ez-grid/controller/DataUnitBridge.js +31 -28
  42. package/dist/collection/components/ez-grid/ez-grid.js +5 -0
  43. package/dist/collection/utils/ApplicationUtils.js +15 -9
  44. package/dist/custom-elements/index.js +87 -57
  45. package/dist/esm/{ApplicationUtils-3ca0e68d.js → ApplicationUtils-35350d20.js} +15 -9
  46. package/dist/esm/{AssetsUtils-9b1329a3.js → AssetsUtils-aab9ca8f.js} +1 -1
  47. package/dist/esm/ez-action-chip.entry.js +1 -1
  48. package/dist/esm/ez-application.entry.js +1 -1
  49. package/dist/esm/ez-button.entry.js +2 -2
  50. package/dist/esm/ez-calendar.entry.js +1 -1
  51. package/dist/esm/ez-check.entry.js +1 -1
  52. package/dist/esm/ez-collapsible-box.entry.js +1 -1
  53. package/dist/esm/ez-combo-box.entry.js +1 -1
  54. package/dist/esm/ez-date-input.entry.js +1 -1
  55. package/dist/esm/ez-date-time-input.entry.js +1 -1
  56. package/dist/esm/ez-dialog.entry.js +15 -11
  57. package/dist/esm/ez-filter-input.entry.js +1 -1
  58. package/dist/esm/ez-form.entry.js +23 -11
  59. package/dist/esm/ez-grid.entry.js +37 -29
  60. package/dist/esm/ez-icon.entry.js +1 -1
  61. package/dist/esm/ez-label-chip.entry.js +1 -1
  62. package/dist/esm/ez-list.entry.js +1 -1
  63. package/dist/esm/ez-modal.entry.js +1 -1
  64. package/dist/esm/ez-number-input.entry.js +1 -1
  65. package/dist/esm/ez-popover.entry.js +1 -1
  66. package/dist/esm/ez-popup.entry.js +1 -1
  67. package/dist/esm/ez-search.entry.js +1 -1
  68. package/dist/esm/ez-tabselector.entry.js +1 -1
  69. package/dist/esm/ez-text-area.entry.js +1 -1
  70. package/dist/esm/ez-text-input.entry.js +1 -1
  71. package/dist/esm/ez-time-input.entry.js +2 -2
  72. package/dist/esm/ez-toast.entry.js +1 -1
  73. package/dist/esm/ez-upload.entry.js +2 -2
  74. package/dist/esm/ezui.js +1 -1
  75. package/dist/esm/grid-config.entry.js +2 -2
  76. package/dist/esm/{index-6b8bfbeb.js → index-bf1aef20.js} +5 -1
  77. package/dist/esm/loader.js +1 -1
  78. package/dist/esm/select-box.entry.js +1 -1
  79. package/dist/esm/test-du.entry.js +2 -2
  80. package/dist/ezui/ezui.esm.js +1 -1
  81. package/dist/ezui/p-05cca198.entry.js +1 -0
  82. package/dist/ezui/{p-8c447785.entry.js → p-0927092b.entry.js} +1 -1
  83. package/dist/ezui/{p-363fc3af.entry.js → p-0965bcae.entry.js} +1 -1
  84. package/dist/ezui/{p-f8d3c04d.entry.js → p-0cb4aec1.entry.js} +1 -1
  85. package/dist/ezui/p-0cd386db.js +1 -0
  86. package/dist/ezui/{p-97f77023.entry.js → p-1c28d99b.entry.js} +1 -1
  87. package/dist/ezui/{p-502d7e0d.entry.js → p-1ced597f.entry.js} +1 -1
  88. package/dist/ezui/{p-8f2d46f8.entry.js → p-1db59c89.entry.js} +1 -1
  89. package/dist/ezui/{p-6f39077b.entry.js → p-28ce145e.entry.js} +1 -1
  90. package/dist/ezui/{p-25e050f5.entry.js → p-2d55888f.entry.js} +1 -1
  91. package/dist/ezui/{p-83d5f1ca.entry.js → p-2d894fed.entry.js} +1 -1
  92. package/dist/ezui/{p-c86cd69e.entry.js → p-4262a462.entry.js} +2 -2
  93. package/dist/ezui/{p-2f14fe3d.entry.js → p-46d1340b.entry.js} +1 -1
  94. package/dist/ezui/p-4884b056.entry.js +1 -0
  95. package/dist/ezui/p-495cdb4c.entry.js +1 -0
  96. package/dist/ezui/{p-477bb703.js → p-51b878f7.js} +1 -1
  97. package/dist/ezui/{p-01169201.entry.js → p-5e989ecf.entry.js} +1 -1
  98. package/dist/ezui/{p-89a57641.js → p-60138b72.js} +1 -1
  99. package/dist/ezui/{p-a5f1f9c4.entry.js → p-6745931a.entry.js} +1 -1
  100. package/dist/ezui/{p-a6e28794.entry.js → p-6aa0c6f1.entry.js} +1 -1
  101. package/dist/ezui/{p-804c118a.entry.js → p-7df61f4a.entry.js} +1 -1
  102. package/dist/ezui/{p-43feac7d.entry.js → p-8543a1b3.entry.js} +1 -1
  103. package/dist/ezui/{p-b8678ee6.entry.js → p-8a0e5e59.entry.js} +1 -1
  104. package/dist/ezui/p-91e51dc9.entry.js +1 -0
  105. package/dist/ezui/{p-d3d3e2ac.entry.js → p-9a9b2936.entry.js} +1 -1
  106. package/dist/ezui/{p-31b0e21a.entry.js → p-a44dcc62.entry.js} +1 -1
  107. package/dist/ezui/{p-8793a124.entry.js → p-a4a21738.entry.js} +1 -1
  108. package/dist/ezui/{p-542d3d29.entry.js → p-bd29c55f.entry.js} +1 -1
  109. package/dist/ezui/{p-c6f2aa6c.entry.js → p-c621cab9.entry.js} +1 -1
  110. package/dist/ezui/{p-76b64956.entry.js → p-dc0aa563.entry.js} +1 -1
  111. package/dist/ezui/{p-055f1b6a.entry.js → p-e62f5c77.entry.js} +1 -1
  112. package/dist/ezui/{p-f78c7ec9.entry.js → p-ef8f1275.entry.js} +1 -1
  113. package/dist/ezui/{p-59a8448a.entry.js → p-fa9157c1.entry.js} +1 -1
  114. package/dist/types/components/ez-dialog/ez-dialog.d.ts +4 -1
  115. package/dist/types/components/ez-form/DataBinder.d.ts +2 -0
  116. package/dist/types/components/ez-form/ez-form.d.ts +7 -0
  117. package/dist/types/components/ez-grid/controller/DataUnitBridge.d.ts +1 -0
  118. package/dist/types/components/ez-grid/ez-grid.d.ts +1 -0
  119. package/dist/types/components.d.ts +5 -1
  120. package/dist/types/utils/ApplicationUtils.d.ts +6 -3
  121. package/package.json +3 -2
  122. package/dist/ezui/p-24ff7d92.entry.js +0 -1
  123. package/dist/ezui/p-3c71a597.js +0 -1
  124. package/dist/ezui/p-68c509a7.entry.js +0 -1
  125. package/dist/ezui/p-95fc543c.entry.js +0 -1
  126. package/dist/ezui/p-c13353f1.entry.js +0 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
 
7
7
  const ezPopupCss = ":host{display:flex;--ez-popup-z-index:var(--most-visible, 3);--ez-popup__container--color:var(--title--primary, #2b3a54);--ez-popup__container--padding:var(--space--large, 24px);--ez-popup__header--padding-bottom:var(--space--medium, 12px);--ez-popup__title--font-family:var(--font-pattern, \"'Sora', 'Algerian'\");--ez-popup__title--font-size:var(--title--extra-large, 24px);--ez-popup__title--color:var(--title--primary, #2b3a54);--ez-popup__title--font-weight:var(--text-weight--large, 600);--ez-popup__btn__close--icon-color:var(--title--primary, #2b3a54);--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>')}.overlay{position:fixed;display:flex;top:0px;z-index:var(--ez-popup-z-index);left:0px;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.popup{display:flex;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.popup__container{width:100%;max-height:90%;height:100%;display:flex;flex-wrap:wrap;overflow:hidden;background:#FFFF;color:var(--ez-popup__container--color);border-radius:12px;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);box-sizing:border-box;padding:var(--ez-popup__container--padding)}.popup__content{box-sizing:border-box;max-height:100%;width:100%;display:grid;grid-template-rows:auto 1fr}.popup__expandable-content{box-sizing:border-box;overflow-y:auto;height:100%;width:100%}.popup__header{padding-bottom:var(--ez-popup__header--padding-bottom);width:100%;display:flex}.popup__title{display:flex;margin:0;width:100%;font-family:var(--ez-popup__title--font-family);font-size:var(--ez-popup__title--font-size);font-weight:var(--ez-popup__title--font-weight);color:var(--ez-popup__title--color);line-height:1.3}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--ez-popup__btn__close--icon-color);width:14px;height:14px;-webkit-mask-image:var(--ez-popup__btn__close--icon);mask-image:var(--ez-popup__btn__close--icon)}.btn-close--solo{width:100%}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
  const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
7
7
 
8
8
  const ezSearchCss = ":host{width:100%}";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
 
7
7
  const ezTabselectorCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--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>');--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>')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.midle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;min-width:100px;background-color:unset;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, \"Sora, Algerian\");font-size:var(--title--small, 14px)}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active::after{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
 
7
7
  const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--medium, 400);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;margin-top:calc(var(--space--medium, 12px) + 4px);width:100%;font-weight:var(--text-weight--large, 600);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}.textarea--slim{margin-top:var(--space--small, 6px)}.textarea--slim::-webkit-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::-moz-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:-ms-input-placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim::placeholder{font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color)}.textarea--slim:disabled::-webkit-input-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled:-moz-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled::-moz-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled:-ms-input-placeholder{color:var(--text-area__input--disabled--color)}.textarea--slim:disabled::placeholder{color:var(--text-area__input--disabled--color)}";
8
8
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
  const core = require('@sankhyalabs/core');
7
7
 
8
8
  const ezTextInputCss = ":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--ez-text-input--height--slim:32px;--ez-text-input--border-radius:var(--border--radius-medium, 12px);--ez-text-input--font-size:var(--text--medium, 14px);--ez-text-input--font-family:var(--font-pattern, Arial);--ez-text-input--font-weight:var(--text-weight--medium, 400);--ez-text-input--color:var(--title--primary, #000);--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border:var(--border--medium, 2px solid);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color);--ez-text-input__input--focus--border-color:var(--color--primary, #008561);--ez-text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-text-input__input--disabled--color:var(--text--disable, #AFB6C0);--ez-text-input__input--error--border-color:#CC2936;--ez-text-input__message_box--font-size:var(--text--small, 12px);--ez-text-input__message_box--info--color:var(--color--success, #22085d);--ez-text-input__message_box--error--color:var(--color--error, #FF0000);--ez-text-input__label--floating--top:6px;--ez-text-input__label--padding-top:12px;--ez-text-input__label--padding-left:14px;--ez-text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--ez-text-input--height);border-radius:var(--ez-text-input--border-radius);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);border:var(--ez-text-input__input--border);border-color:var(--ez-text-input__input--border-color);background-color:var(--ez-text-input__input--background-color);color:var(--ez-text-input--color)}input:disabled{background-color:var(--ez-text-input__input--disabled--background-color);color:var(--ez-text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--ez-text-input__input--focus--border-color)}input.icon--left{padding-left:var(--ez-text-input__icon--width)}input.icon--right{padding-right:var(--ez-text-input__icon--width)}input.hasError{color:var(--ez-text-input--color);border-color:var(--ez-text-input__input--error--border-color)}input:disabled.hasError{color:var(--ez-text-input__input--disabled--color)}input.text--right{text-align:right}.message-box{min-height:16px;min-width:100%;margin-top:3px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input__message_box--font-size);color:var(--ez-text-input__message_box--info--color)}.hasError{color:var(--ez-text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--ez-text-input__label--padding-right));left:var(--ez-text-input--space--medium);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color);top:var(--ez-text-input__label--padding-top);left:var(--ez-text-input__label--padding-left);padding-right:var(--ez-text-input__label--padding-right)}.input__label--floated{font-family:var(--ez-text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-text-input__label--floating--top)}.input__label--disabled{color:var(--ez-text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--right{right:var(--ez-text-input__icon--width);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}.input--slim{padding-top:var(--space--small, 3px);padding-bottom:var(--space--small, 3px);height:var(--ez-text-input--height--slim)}.input--slim::-webkit-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::-moz-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:-ms-input-placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim::placeholder{font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color)}.input--slim:disabled::-webkit-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::-moz-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled:-ms-input-placeholder{color:var(--ez-text-input__input--disabled--color)}.input--slim:disabled::placeholder{color:var(--ez-text-input__input--disabled--color)}";
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
  const core = require('@sankhyalabs/core');
7
7
  const CSSVarsUtils = require('./CSSVarsUtils-8fbdf2e0.js');
8
- const AssetsUtils = require('./AssetsUtils-4909c6de.js');
8
+ const AssetsUtils = require('./AssetsUtils-78164781.js');
9
9
 
10
10
  const ezTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}";
11
11
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
 
7
7
  const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}";
8
8
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
6
- const ApplicationUtils = require('./ApplicationUtils-93721afc.js');
5
+ const index = require('./index-0e284e03.js');
6
+ const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
7
7
 
8
8
  class RemoteFile {
9
9
  constructor(file) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-88286449.js');
3
+ const index = require('./index-0e284e03.js');
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
6
- const AssetsUtils = require('./AssetsUtils-4909c6de.js');
5
+ const index = require('./index-0e284e03.js');
6
+ const AssetsUtils = require('./AssetsUtils-78164781.js');
7
7
  const core = require('@sankhyalabs/core');
8
8
 
9
9
  const gridConfigCss = ".sc-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-family:var(--font-pattern, \"Sora\");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__main__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__main__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid__group--font-family:var(--font-pattern, \"Sora\");--ez-grid__group--font-size:var(--text--medium, 14px);--ez-grid__group--font-weight:var(--text-weight--large, 600);--ez-grid__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.padding-right--medium.sc-grid-config{padding-right:var(--space--medium)}ez-list.sc-grid-config{height:100%}.heigth-calc.sc-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-grid-config{padding-top:var(--ez-grid-config__footer--padding-top);display:flex;justify-content:flex-end;width:100%}.hidden.sc-grid-config{display:none}.grid-config__main.sc-grid-config{padding-right:var(--ez-grid-config__main--padding-right);overflow-y:auto}.tabselector-container.sc-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-grid-config{display:flex;justify-content:space-between;align-items:center;width:359px}.subtitle.sc-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-grid-config{display:flex;margin:0;font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight);line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary)}.grid-config__main.sc-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__main__scrollbar--background-color);border-radius:var(--ez-grid-config__main__scrollbar--border-radius)}.grid-config__main.sc-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-grid-config{font-family:var(--ez-grid__group--font-family);font-size:var(--ez-grid__group--font-size);font-weight:var(--ez-grid__group--font-weight);padding-bottom:var(--ez-grid__group--padding-bottom)}";
@@ -1542,7 +1542,11 @@ const setContentReference = (elm) => {
1542
1542
  };
1543
1543
  const disconnectedCallback = (elm) => {
1544
1544
  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1545
- getHostRef(elm);
1545
+ const hostRef = getHostRef(elm);
1546
+ const instance = hostRef.$lazyInstance$ ;
1547
+ {
1548
+ safeCall(instance, 'disconnectedCallback');
1549
+ }
1546
1550
  }
1547
1551
  };
1548
1552
  const bootstrapLazy = (lazyBundles, options = {}) => {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
 
7
7
  /*
8
8
  Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
 
7
7
  const selectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
8
8
 
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-88286449.js');
5
+ const index = require('./index-0e284e03.js');
6
6
  const core = require('@sankhyalabs/core');
7
- const ApplicationUtils = require('./ApplicationUtils-93721afc.js');
7
+ const ApplicationUtils = require('./ApplicationUtils-4a223c7a.js');
8
8
 
9
9
  const testDuCss = ":host{display:block}";
10
10
 
@@ -23,7 +23,7 @@
23
23
 
24
24
  /* general */
25
25
  /*@doc Define a cor do label.*/
26
- --ez-button--color: var(--text--primary, #FFF);
26
+ --ez-button--color: var(--title--primary, #FFF);
27
27
  /*@doc Define o tamanho do label.*/
28
28
  --ez-button--font-size: var(--text--medium, 14px);
29
29
  /*@doc Define a família da fonte do label.*/
@@ -39,6 +39,13 @@
39
39
 
40
40
  /*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
41
41
  --ez-button--hover--background-color: var(--background--strong, var(--ez-button--background-color));
42
+ /*@doc Define a cor do texto quando o cursor está sobre o botão.*/
43
+ --ez-button--hover-color: var(--color--primary-600);
44
+
45
+ /*@doc Define a cor de fundo quando o botão está ativado.*/
46
+ --ez-button--active--background-color: var(--background--strong, --color--primary-700);
47
+ /*@doc Define a cor do texto quando o botão está ativado.*/
48
+ --ez-button--active-color: var(--color--primary-700);
42
49
 
43
50
  /*@doc Define a cor do texto quando o botão está desabilitado.*/
44
51
  --ez-button--disabled-color: var(--text--disable);
@@ -85,10 +92,15 @@ button {
85
92
  color: var(--ez-button--color);
86
93
  fill: var(--ez-button--color);
87
94
  border: var(--ez-button--border);
95
+ --ez-icon--color: var(--ez-button--color);
88
96
  }
89
97
 
90
98
  button:hover {
99
+ outline: none;
100
+ color: var(--ez-button--hover-color);
101
+ fill: var(--ez-button--hover-color);
91
102
  background-color: var(--ez-button--hover--background-color);
103
+ --ez-icon--color: var(--ez-button--hover-color);
92
104
  }
93
105
 
94
106
  button:focus {
@@ -97,10 +109,20 @@ button:focus {
97
109
  box-shadow: var(--ez-button--focus--box-shadow);
98
110
  }
99
111
 
112
+ button:active {
113
+ outline: none;
114
+ box-shadow: none;
115
+ background-color: var(--ez-button--active--background-color);
116
+ color: var(--ez-button--active-color);
117
+ fill: var(--ez-button--active-color);
118
+ --ez-icon--color: var(--ez-button--active-color);
119
+ }
120
+
100
121
  button:disabled {
101
122
  background-color: var(--ez-button--disabled--background-color);
102
123
  color: var(--ez-button--disabled-color);
103
124
  fill: var(--ez-button--disabled-color);
125
+ --ez-icon--color: var(--ez-button--disabled-color);
104
126
  border: none;
105
127
  cursor: no-drop;
106
128
  }
@@ -237,11 +237,25 @@ h2 {
237
237
  justify-content: flex-end;
238
238
  }
239
239
 
240
- .button__no {
240
+ .button__cancel {
241
241
  padding-right: var(--dialog__btn__no--padding-right);
242
242
  }
243
243
 
244
- .button__ok--container {
244
+ .button__confirm{
245
+ --ez-button--background-color: var(--color--primary);
246
+ --ez-button--color: var(--color--inverted);
247
+ --ez-button--hover--background-color: var(--color--primary-600);
248
+ --ez-button--hover-color: var(--color--inverted);
249
+ }
250
+
251
+ .button__confirm--danger{
252
+ --ez-button--background-color: var(--color--alert-error-800, #BD0025);
253
+ --ez-button--color: var(--color--inverted);
254
+ --ez-button--hover--background-color: var(--color-alert--error-900, #a10020);
255
+ --ez-button--hover-color: var(--color--inverted);
256
+ }
257
+
258
+ .button__confirm--container {
245
259
  display: flex;
246
260
  justify-content: flex-end;
247
261
  }
@@ -1,16 +1,22 @@
1
1
  import { Component, h, Prop, Method, Event, forceUpdate } from "@stencil/core";
2
2
  class Message {
3
- constructor(title, message, critical, confirm, icon, callBack) {
3
+ constructor(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, callBack) {
4
4
  this.title = title;
5
5
  this.message = message;
6
6
  this.critical = critical;
7
7
  this.confirm = confirm;
8
8
  this.icon = icon;
9
+ this.labelCancel = labelCancel;
10
+ this.labelConfirm = labelConfirm;
11
+ this.btnConfirmDanger = btnConfirmDanger;
9
12
  this.callBack = callBack;
10
13
  }
11
14
  }
12
15
  export class EzDialog {
13
16
  constructor() {
17
+ this.labelConfirm = 'Sim';
18
+ this.labelCancel = 'Não';
19
+ this.btnConfirmDanger = false;
14
20
  /**
15
21
  * Define se o componente será utilizado no modo de confirmação.
16
22
  */
@@ -42,10 +48,10 @@ export class EzDialog {
42
48
  /**
43
49
  * Faz com que o componente seja exibido.
44
50
  */
45
- async show(title, message, critical, confirm, icon) {
51
+ async show(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger) {
46
52
  this.opened = true;
47
53
  return new Promise(resolve => {
48
- this._messageQueue.push(new Message(title, message, critical, confirm, icon, resolve));
54
+ this._messageQueue.push(new Message(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, resolve));
49
55
  });
50
56
  }
51
57
  componentWillRender() {
@@ -55,7 +61,7 @@ export class EzDialog {
55
61
  }
56
62
  else {
57
63
  if (this.opened) {
58
- this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, null);
64
+ this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, this.labelCancel, this.labelConfirm, this.btnConfirmDanger, null);
59
65
  }
60
66
  }
61
67
  }
@@ -75,15 +81,13 @@ export class EzDialog {
75
81
  h("div", { class: "title title--label", innerHTML: this._currentMessage.title })),
76
82
  h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false) })),
77
83
  h("div", { class: "message", innerHTML: this._currentMessage.message }),
78
- this._currentMessage.confirm ?
84
+ this._currentMessage.confirm &&
79
85
  h("div", { class: "button-yes-no__container" },
80
- h("ez-button", { class: "button__no", mode: "link", label: "N\u00E3o", onClick: () => this.handleButtonClick(false) }),
81
- h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
82
- : undefined,
83
- !this._currentMessage.confirm ?
84
- h("div", { class: "button__ok--container" },
85
- h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
86
- : undefined))));
86
+ h("ez-button", { class: "button__cancel", label: this._currentMessage.labelCancel, onClick: () => this.handleButtonClick(false) }),
87
+ h("ez-button", { class: !this._currentMessage.btnConfirmDanger ? "button__confirm" : "button__confirm--danger", label: this._currentMessage.labelConfirm, onClick: () => this.handleButtonClick(true) })),
88
+ !this._currentMessage.confirm &&
89
+ h("div", { class: "button__confirm--container" },
90
+ h("ez-button", { label: 'Ok', class: "button__confirm", onClick: () => this.handleButtonClick(true) }))))));
87
91
  }
88
92
  return null;
89
93
  }
@@ -255,7 +259,7 @@ export class EzDialog {
255
259
  },
256
260
  "show": {
257
261
  "complexType": {
258
- "signature": "(title: string, message: string, critical: boolean, confirm: boolean, icon: string) => Promise<boolean>",
262
+ "signature": "(title: string, message: string, critical: boolean, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean) => Promise<boolean>",
259
263
  "parameters": [{
260
264
  "tags": [],
261
265
  "text": ""
@@ -271,6 +275,15 @@ export class EzDialog {
271
275
  }, {
272
276
  "tags": [],
273
277
  "text": ""
278
+ }, {
279
+ "tags": [],
280
+ "text": ""
281
+ }, {
282
+ "tags": [],
283
+ "text": ""
284
+ }, {
285
+ "tags": [],
286
+ "text": ""
274
287
  }],
275
288
  "references": {
276
289
  "Promise": {
@@ -1,9 +1,7 @@
1
1
  import { ApplicationContext, Action } from "@sankhyalabs/core";
2
2
  export default class DataBinder {
3
3
  constructor(dataUnit) {
4
- this._fields = new Map();
5
- this._dataUnit = dataUnit;
6
- this._dataUnit.subscribe(action => {
4
+ this.onDataUnitEvent = (action) => {
7
5
  var _a;
8
6
  switch (action.type) {
9
7
  case Action.DATA_LOADED:
@@ -23,7 +21,10 @@ export default class DataBinder {
23
21
  });
24
22
  break;
25
23
  }
26
- });
24
+ };
25
+ this._fields = new Map();
26
+ this._dataUnit = dataUnit;
27
+ this._dataUnit.subscribe(this.onDataUnitEvent);
27
28
  }
28
29
  bind(fields) {
29
30
  fields.forEach(fieldElement => {
@@ -31,6 +32,9 @@ export default class DataBinder {
31
32
  this.updateBind(fieldName, fieldElement);
32
33
  });
33
34
  }
35
+ onDisconnectedCallback() {
36
+ this._dataUnit.unsubscribe(this.onDataUnitEvent);
37
+ }
34
38
  updateValue(fieldName, field) {
35
39
  const oldValue = field["value"];
36
40
  const newValue = this._dataUnit.getFieldValue(fieldName);
@@ -1,4 +1,4 @@
1
- import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch } from "@stencil/core";
1
+ import { Component, h, Host, Prop, Element, forceUpdate, Method, Watch, Event } from "@stencil/core";
2
2
  import { DataUnit, Action, DataUnitAction } from "@sankhyalabs/core";
3
3
  import { FormSheet } from "./structure/FormSheet";
4
4
  import { buildFromConfig, buildFromDataUnit } from "./structure/FormSheetMetadata";
@@ -7,6 +7,13 @@ import { formReducer, selectCurrentSheet, selectFormMetadata, loadMetadata, chan
7
7
  import DataBinder from "./DataBinder";
8
8
  import ApplicationUtils from "../../utils/ApplicationUtils";
9
9
  export class EzForm {
10
+ constructor() {
11
+ this.onDataUnitAction = (action) => {
12
+ if (action.type === Action.METADATA_LOADED) {
13
+ this.processMetadata();
14
+ }
15
+ };
16
+ }
10
17
  submit() {
11
18
  return Promise.resolve();
12
19
  }
@@ -99,11 +106,7 @@ export class EzForm {
99
106
  this.dataUnit = new DataUnit("ez-form");
100
107
  }
101
108
  this.dataUnit.addInterceptor(this);
102
- this.dataUnit.subscribe(action => {
103
- if (action.type === Action.METADATA_LOADED) {
104
- this.processMetadata();
105
- }
106
- });
109
+ this.dataUnit.subscribe(this.onDataUnitAction);
107
110
  this._dataBinder = new DataBinder(this.dataUnit);
108
111
  this._store = createStore(formReducer);
109
112
  this._store.subscribe(() => forceUpdate(this));
@@ -112,6 +115,12 @@ export class EzForm {
112
115
  }
113
116
  componentDidRender() {
114
117
  this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")));
118
+ this.ezReady.emit();
119
+ }
120
+ disconnectedCallback() {
121
+ this.dataUnit.unsubscribe(this.onDataUnitAction);
122
+ this.dataUnit.removeInterceptor(this);
123
+ this._dataBinder.onDisconnectedCallback();
115
124
  }
116
125
  render() {
117
126
  return (h(Host, null, this.isStatic() ? null : this.getDynamicContent()));
@@ -167,6 +176,22 @@ export class EzForm {
167
176
  }
168
177
  }
169
178
  }; }
179
+ static get events() { return [{
180
+ "method": "ezReady",
181
+ "name": "ezReady",
182
+ "bubbles": true,
183
+ "cancelable": true,
184
+ "composed": true,
185
+ "docs": {
186
+ "tags": [],
187
+ "text": "Evento disparado quando o formul\u00E1rio est\u00E1 dispon\u00EDvel na DOM."
188
+ },
189
+ "complexType": {
190
+ "original": "void",
191
+ "resolved": "void",
192
+ "references": {}
193
+ }
194
+ }]; }
170
195
  static get methods() { return {
171
196
  "submit": {
172
197
  "complexType": {
@@ -1,36 +1,36 @@
1
1
  import { Action } from "@sankhyalabs/core";
2
2
  export default class DataUnitBridge {
3
3
  constructor(gridController, dataUnit) {
4
+ this.processAction = (action) => {
5
+ switch (action.type) {
6
+ case Action.METADATA_LOADED:
7
+ this._gridController.setColumnsDef(this.buildColumnDefs(), true);
8
+ break;
9
+ case Action.RECORDS_REMOVED:
10
+ const { records } = action.payload;
11
+ this._gridController.removeRows(records);
12
+ break;
13
+ case Action.RECORDS_ADDED:
14
+ case Action.RECORDS_COPIED:
15
+ this._gridController.addRows(action.payload);
16
+ break;
17
+ case Action.EDITION_CANCELED:
18
+ case Action.DATA_SAVED:
19
+ this._gridController.refresh();
20
+ break;
21
+ case Action.SELECTION_CHANGED:
22
+ const { selection } = action.payload;
23
+ this._gridController.selectRows(selection);
24
+ break;
25
+ case Action.DATA_CHANGED:
26
+ const changes = Object.assign({}, action.payload);
27
+ delete changes.records;
28
+ this._gridController.changeValues(changes, action.payload.records);
29
+ }
30
+ };
4
31
  this._gridController = gridController;
5
32
  this._dataUnit = dataUnit;
6
- this._dataUnit.subscribe(action => this.processAction(action));
7
- }
8
- processAction(action) {
9
- switch (action.type) {
10
- case Action.METADATA_LOADED:
11
- this._gridController.setColumnsDef(this.buildColumnDefs(), true);
12
- break;
13
- case Action.RECORDS_REMOVED:
14
- const { records } = action.payload;
15
- this._gridController.removeRows(records);
16
- break;
17
- case Action.RECORDS_ADDED:
18
- case Action.RECORDS_COPIED:
19
- this._gridController.addRows(action.payload);
20
- break;
21
- case Action.EDITION_CANCELED:
22
- case Action.DATA_SAVED:
23
- this._gridController.refresh();
24
- break;
25
- case Action.SELECTION_CHANGED:
26
- const { selection } = action.payload;
27
- this._gridController.selectRows(selection);
28
- break;
29
- case Action.DATA_CHANGED:
30
- const changes = Object.assign({}, action.payload);
31
- delete changes.records;
32
- this._gridController.changeValues(changes, action.payload.records);
33
- }
33
+ this._dataUnit.subscribe(this.processAction);
34
34
  }
35
35
  buildColumnDefs() {
36
36
  const columnDefs = [];
@@ -44,4 +44,7 @@ export default class DataUnitBridge {
44
44
  }
45
45
  return columnDefs;
46
46
  }
47
+ onDisconnectedCallback() {
48
+ this._dataUnit.unsubscribe(this.processAction);
49
+ }
47
50
  }
@@ -95,6 +95,11 @@ export class EzGrid {
95
95
  this._gridController.setColumnsDef(this._dataUnitBridge.buildColumnDefs(), true);
96
96
  }
97
97
  }
98
+ disconnectedCallback() {
99
+ if (this._dataUnitBridge) {
100
+ this._dataUnitBridge.onDisconnectedCallback();
101
+ }
102
+ }
98
103
  getPaginationControl() {
99
104
  if (this.pageSize === -1) {
100
105
  return null;
@@ -1,22 +1,25 @@
1
1
  export default class ApplicationUtils {
2
- static async showDialog(title, message, icon = null, confirm, critical = false) {
2
+ static async showDialog(title, message, icon = null, confirm, critical = false, options) {
3
+ if (options) {
4
+ options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
5
+ }
3
6
  return new Promise(resolve => {
4
7
  let dialog = document.querySelector("ez-dialog");
5
8
  if (!dialog) {
6
9
  dialog = document.createElement("ez-dialog");
7
10
  window.document.body.appendChild(dialog);
8
11
  }
9
- dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
12
+ dialog.show(title, message, critical, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger).then(ok => resolve(ok));
10
13
  });
11
14
  }
12
- static async alert(title, message, icon = null) {
13
- return ApplicationUtils.showDialog(title, message, icon, false, false);
15
+ static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
16
+ return ApplicationUtils.showDialog(title, message, icon, false, false, options);
14
17
  }
15
- static async error(title, message, icon = null) {
16
- return ApplicationUtils.showDialog(title, message, icon, false, true);
18
+ static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
19
+ return ApplicationUtils.showDialog(title, message, icon, false, true, options);
17
20
  }
18
- static async confirm(title, message, icon = null, critical = false) {
19
- return ApplicationUtils.showDialog(title, message, icon, true, critical);
21
+ static async confirm(title, message, icon = null, critical = false, options = ApplicationUtils.defaultMessageOptions) {
22
+ return ApplicationUtils.showDialog(title, message, icon, true, critical, options);
20
23
  }
21
24
  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
22
25
  let toast = document.querySelector("ez-toast");
@@ -28,6 +31,9 @@ export default class ApplicationUtils {
28
31
  }
29
32
  }
30
33
  ApplicationUtils.defaultMessageOptions = {
31
- canClose: true
34
+ canClose: true,
35
+ labelCancel: 'Não',
36
+ labelConfirm: 'Sim',
37
+ btnConfirmDanger: false
32
38
  };
33
39
  ;