@sankhyalabs/ezui 1.1.120 → 1.1.123

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, forceUpdate, Host, getAssetPath, setAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { FloatingManager, DateUtils, TimeFormatter, UserInterface, ApplicationContext, Action, DataUnitAction, DataUnit, DataType, StringUtils, NumberUtils, MaskFormatter } from '@sankhyalabs/core';
+import { FloatingManager, DateUtils, TimeFormatter, UserInterface, Action, ApplicationContext, DataUnitAction, DataUnit, DataType, StringUtils, NumberUtils, MaskFormatter } from '@sankhyalabs/core';
 import { UserInterface as UserInterface$1, SortMode } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
@@ -45,7 +45,7 @@ let EzApplication$1 = class extends HTMLElement$1 {
   static get style() { return ezApplicationCss; }
 };
 
-const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--border--xlarge, 4px solid) var(--color--primary-300);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;outline:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
+const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--title--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--hover-color:var(--color--primary-600);--ez-button--active--background-color:var(--background--strong, --color--primary-700);--ez-button--active-color:var(--color--primary-700);--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--border--xlarge, 4px solid) var(--color--primary-300);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--color--primary, '#008561');--ez-button--link--hover-color:var(--color--primary-700, '#1C1D22');--ez-button--link--small--font-size:var(--text--small, 12px);--ez-button--link--medium--font-size:var(--text--medium, 14px);--ez-button--link--large--font-size:var(--text--large, 16px)}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border);--ez-icon--color:var(--ez-button--color)}button:hover{outline:none;color:var(--ez-button--hover-color);fill:var(--ez-button--hover-color);background-color:var(--ez-button--hover--background-color);--ez-icon--color:var(--ez-button--hover-color)}button:focus{outline:none;outline:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:active{outline:none;box-shadow:none;background-color:var(--ez-button--active--background-color);color:var(--ez-button--active-color);fill:var(--ez-button--active-color);--ez-icon--color:var(--ez-button--active-color)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);--ez-icon--color:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{padding:0px}button.small{width:32px;min-width:32px;height:32px}button.medium{width:42px;min-width:42px;height:42px}button.large{width:52px;min-width:52px;height:52px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}a:hover{color:var(--ez-button--link--hover-color)}a.small{font-size:var(--ez-button--link--small--font-size);line-height:var(--ez-button--link--small--font-size)}a.medium{font-size:var(--ez-button--link--medium--font-size);line-height:var(--ez-button--link--medium--font-size)}a.large{font-size:var(--ez-button--link--large--font-size);line-height:var(--ez-button--link--large--font-size)}";
 
 let EzButton$1 = class extends HTMLElement$1 {
   constructor() {
@@ -986,15 +986,18 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
   static get style() { return ezDateTimeInputCss; }
 };
 
-const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__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>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:1.3}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dialog__btn__no--padding-right)}.button__ok--container{display:flex;justify-content:flex-end}.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%}}";
+const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__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>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:1.3}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__cancel{padding-right:var(--dialog__btn__no--padding-right)}.button__confirm{--ez-button--background-color:var(--color--primary);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color--primary-600);--ez-button--hover-color:var(--color--inverted)}.button__confirm--danger{--ez-button--background-color:var(--color--alert-error-800, #BD0025);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color-alert--error-900, #a10020);--ez-button--hover-color:var(--color--inverted)}.button__confirm--container{display:flex;justify-content:flex-end}.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%}}";
 
 class Message {
-  constructor(title, message, critical, confirm, icon, callBack) {
+  constructor(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, callBack) {
     this.title = title;
     this.message = message;
     this.critical = critical;
     this.confirm = confirm;
     this.icon = icon;
+    this.labelCancel = labelCancel;
+    this.labelConfirm = labelConfirm;
+    this.btnConfirmDanger = btnConfirmDanger;
     this.callBack = callBack;
   }
 }
@@ -1005,6 +1008,9 @@ let EzDialog$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezCancel = createEvent(this, "ezCancel", 7);
     this.ezAccept = createEvent(this, "ezAccept", 7);
+    this.labelConfirm = 'Sim';
+    this.labelCancel = 'Não';
+    this.btnConfirmDanger = false;
     /**
      * Define se o componente será utilizado no modo de confirmação.
      */
@@ -1036,10 +1042,10 @@ let EzDialog$1 = class extends HTMLElement$1 {
   /**
    * Faz com que o componente seja exibido.
    */
-  async show(title, message, critical, confirm, icon) {
+  async show(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger) {
     this.opened = true;
     return new Promise(resolve => {
-      this._messageQueue.push(new Message(title, message, critical, confirm, icon, resolve));
+      this._messageQueue.push(new Message(title, message, critical, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger, resolve));
     });
   }
   componentWillRender() {
@@ -1049,7 +1055,7 @@ let EzDialog$1 = class extends HTMLElement$1 {
       }
       else {
         if (this.opened) {
-          this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, null);
+          this._currentMessage = new Message(this.ezTitle, this.message, this.critical, this.confirm, this.personalizedIconPath, this.labelCancel, this.labelConfirm, this.btnConfirmDanger, null);
         }
       }
     }
@@ -1059,11 +1065,9 @@ let EzDialog$1 = class extends HTMLElement$1 {
       return (h("div", { class: "overlay" }, h("div", { class: "dialog" }, h("div", { class: this._currentMessage.critical === true ? "dialog__critical--indicator" : "dialog__warning--indicator" }), h("div", { class: "dialog__container" }, h("div", { class: "title__container" }, h("div", { class: "title__box" }, this._currentMessage.icon ?
         h("ez-icon", { class: this._currentMessage.critical ? "changeable__icon critical" : "changeable__icon", size: "small", iconName: this._currentMessage.icon })
         :
-          h("div", { class: this._currentMessage.critical ? "title-icon title-icon--critical" : "title-icon" }), h("div", { class: "title title--label", innerHTML: this._currentMessage.title })), h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false) })), h("div", { class: "message", innerHTML: this._currentMessage.message }), this._currentMessage.confirm ?
-        h("div", { class: "button-yes-no__container" }, h("ez-button", { class: "button__no", mode: "link", label: "N\u00E3o", onClick: () => this.handleButtonClick(false) }), h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
-        : undefined, !this._currentMessage.confirm ?
-        h("div", { class: "button__ok--container" }, h("ez-button", { label: "Ok", onClick: () => this.handleButtonClick(true) }))
-        : undefined))));
+          h("div", { class: this._currentMessage.critical ? "title-icon title-icon--critical" : "title-icon" }), h("div", { class: "title title--label", innerHTML: this._currentMessage.title })), h("button", { class: "btn-close", onClick: () => this.handleButtonClick(false) })), h("div", { class: "message", innerHTML: this._currentMessage.message }), this._currentMessage.confirm &&
+        h("div", { class: "button-yes-no__container" }, h("ez-button", { class: "button__cancel", label: this._currentMessage.labelCancel, onClick: () => this.handleButtonClick(false) }), h("ez-button", { class: !this._currentMessage.btnConfirmDanger ? "button__confirm" : "button__confirm--danger", label: this._currentMessage.labelConfirm, onClick: () => this.handleButtonClick(true) })), !this._currentMessage.confirm &&
+        h("div", { class: "button__confirm--container" }, h("ez-button", { label: 'Ok', class: "button__confirm", onClick: () => this.handleButtonClick(true) }))))));
     }
     return null;
   }
@@ -1179,7 +1183,7 @@ const buildSearch = ({ name, label, readOnly, required }) => {
 
 const buildFile = ({ name, label, readOnly }) => {
   return (h("div", { class: "col col--sd-12 padding-horizontal--small" },
-    h("ez-upload", { enabled: !readOnly, label: label, urlUpload: "", requestHeaders: "", maxFiles: 10, "data-field-name": name, key: name })));
+    h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
 
 const buildDate = ({ name, label, readOnly }) => {
@@ -1731,32 +1735,62 @@ var FormActions;
 
 class DataBinder {
   constructor(dataUnit) {
+    this.onDataUnitEvent = (action) => {
+      var _a;
+      switch (action.type) {
+        case Action.DATA_LOADED:
+        case Action.DATA_SAVED:
+        case Action.RECORDS_REMOVED:
+        case Action.RECORDS_ADDED:
+        case Action.RECORDS_COPIED:
+        case Action.DATA_CHANGED:
+        case Action.EDITION_CANCELED:
+        case Action.CHANGE_UNDONE:
+        case Action.CHANGE_REDONE:
+        case Action.SELECTION_CHANGED:
+        case Action.NEXT_SELECTED:
+        case Action.PREVIOUS_SELECTED:
+          (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
+            this.updateValue(field.fieldName, field.field);
+          });
+          break;
+      }
+    };
     this._fields = new Map();
     this._dataUnit = dataUnit;
-    this._dataUnit.subscribe(_action => {
-      var _a;
-      (_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
-        this.updateValue(field.fieldName, field.field);
-      });
-    });
+    this._dataUnit.subscribe(this.onDataUnitEvent);
   }
   bind(fields) {
     fields.forEach(fieldElement => {
       const fieldName = fieldElement.dataset.fieldName;
       this.updateBind(fieldName, fieldElement);
-      this.updateValue(fieldName, fieldElement);
     });
   }
+  onDisconnectedCallback() {
+    this._dataUnit.unsubscribe(this.onDataUnitEvent);
+  }
   updateValue(fieldName, field) {
-    field["value"] = this._dataUnit.getFieldValue(fieldName);
+    const oldValue = field["value"];
+    const newValue = this._dataUnit.getFieldValue(fieldName);
+    if (oldValue != newValue) {
+      field["value"] = newValue;
+    }
   }
   updateBind(fieldName, field) {
     const oldBind = this._fields.get(fieldName);
     if (oldBind) {
       oldBind.destroy();
     }
-    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
+    field["value"] = this._dataUnit.getFieldValue(fieldName);
+    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
     this.bindSearchOptionsLoader(fieldName, field);
+    this.applyEzUploadContext(fieldName, field);
+  }
+  changeStarted(fieldName, waitingChange) {
+    if (this._dataUnit.records.length === 0) {
+      this._dataUnit.addRecord();
+    }
+    this._dataUnit.startChange(fieldName, waitingChange);
   }
   setFieldValue(fieldName, newValue) {
     if (this._dataUnit.records.length === 0) {
@@ -1774,42 +1808,63 @@ class DataBinder {
       }
     }
   }
+  applyEzUploadContext(fieldName, field) {
+    var _a, _b;
+    if (field.nodeName === "EZ-UPLOAD") {
+      field["urlUpload"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__ADD__URL__");
+      field["urlDelete"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__DEL__URL__");
+      const descriptor = this._dataUnit.getField(fieldName);
+      const destination = (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.DESTINATION;
+      if (destination) {
+        field["requestHeaders"] = { XTRAINF: `{"destination": "${destination}"}` };
+      }
+      field["maxFiles"] = ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.MAX_FILES) || 0;
+    }
+  }
 }
 class Bind {
+  constructor() {
+    this.startChangeEventName = "ezStartChange";
+    this.changeEventName = "ezChange";
+  }
   destroy() {
-    this.field.removeEventListener(this.eventName, this.eventListener);
+    this.field.removeEventListener(this.startChangeEventName, this.startChangeListener);
+    this.field.removeEventListener(this.changeEventName, this.changeListener);
   }
-  static create(fieldName, field, callback) {
+  static create(fieldName, field, startChangeCallback, changeCallback) {
     const b = new Bind();
-    b.fieldName = fieldName;
     b.field = field;
-    //FIXME: Verificar se o field é um EzField
-    b.eventListener = (evt) => { callback(fieldName, evt.detail); };
-    b.eventName = "ezChange";
-    b.field.addEventListener(b.eventName, b.eventListener);
+    b.fieldName = fieldName;
+    b.startChangeListener = (evt) => { startChangeCallback(fieldName, evt.detail); };
+    b.field.addEventListener(b.startChangeEventName, b.startChangeListener);
+    b.changeListener = (evt) => { changeCallback(fieldName, evt.detail); };
+    b.field.addEventListener(b.changeEventName, b.changeListener);
     return b;
   }
 }
 
 class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
+  static async showDialog(title, message, icon = null, confirm, critical = false, options) {
+    if (options) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
     return new Promise(resolve => {
       let dialog = document.querySelector("ez-dialog");
       if (!dialog) {
         dialog = document.createElement("ez-dialog");
         window.document.body.appendChild(dialog);
       }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
+      dialog.show(title, message, critical, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger).then(ok => resolve(ok));
     });
   }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
+  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, false, options);
   }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
+  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, true, options);
   }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
+  static async confirm(title, message, icon = null, critical = false, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, true, critical, options);
   }
   static async info(message, options = ApplicationUtils.defaultMessageOptions) {
     let toast = document.querySelector("ez-toast");
@@ -1821,7 +1876,10 @@ class ApplicationUtils {
   }
 }
 ApplicationUtils.defaultMessageOptions = {
-  canClose: true
+  canClose: true,
+  labelCancel: 'Não',
+  labelConfirm: 'Sim',
+  btnConfirmDanger: false
 };
 
 const ezFormCss = "ez-form{display:flex;flex-direction:column;width:100%}";
@@ -1830,6 +1888,12 @@ let EzForm$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
+    this.ezReady = createEvent(this, "ezReady", 7);
+    this.onDataUnitAction = (action) => {
+      if (action.type === Action.METADATA_LOADED) {
+        this.processMetadata();
+      }
+    };
   }
   submit() {
     return Promise.resolve();
@@ -1923,11 +1987,7 @@ let EzForm$1 = class extends HTMLElement$1 {
       this.dataUnit = new DataUnit("ez-form");
     }
     this.dataUnit.addInterceptor(this);
-    this.dataUnit.subscribe(action => {
-      if (action.type === Action.METADATA_LOADED) {
-        this.processMetadata();
-      }
-    });
+    this.dataUnit.subscribe(this.onDataUnitAction);
     this._dataBinder = new DataBinder(this.dataUnit);
     this._store = createStore(formReducer);
     this._store.subscribe(() => forceUpdate(this));
@@ -1936,6 +1996,12 @@ let EzForm$1 = class extends HTMLElement$1 {
   }
   componentDidRender() {
     this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")));
+    this.ezReady.emit();
+  }
+  disconnectedCallback() {
+    this.dataUnit.unsubscribe(this.onDataUnitAction);
+    this.dataUnit.removeInterceptor(this);
+    this._dataBinder.onDisconnectedCallback();
   }
   render() {
     return (h(Host, null, this.isStatic() ? null : this.getDynamicContent()));
@@ -112359,36 +112425,36 @@ class AgGridController {
 
 class DataUnitBridge {
   constructor(gridController, dataUnit) {
+    this.processAction = (action) => {
+      switch (action.type) {
+        case Action.METADATA_LOADED:
+          this._gridController.setColumnsDef(this.buildColumnDefs(), true);
+          break;
+        case Action.RECORDS_REMOVED:
+          const { records } = action.payload;
+          this._gridController.removeRows(records);
+          break;
+        case Action.RECORDS_ADDED:
+        case Action.RECORDS_COPIED:
+          this._gridController.addRows(action.payload);
+          break;
+        case Action.EDITION_CANCELED:
+        case Action.DATA_SAVED:
+          this._gridController.refresh();
+          break;
+        case Action.SELECTION_CHANGED:
+          const { selection } = action.payload;
+          this._gridController.selectRows(selection);
+          break;
+        case Action.DATA_CHANGED:
+          const changes = Object.assign({}, action.payload);
+          delete changes.records;
+          this._gridController.changeValues(changes, action.payload.records);
+      }
+    };
     this._gridController = gridController;
     this._dataUnit = dataUnit;
-    this._dataUnit.subscribe(action => this.processAction(action));
-  }
-  processAction(action) {
-    switch (action.type) {
-      case Action.METADATA_LOADED:
-        this._gridController.setColumnsDef(this.buildColumnDefs(), true);
-        break;
-      case Action.RECORDS_REMOVED:
-        const { records } = action.payload;
-        this._gridController.removeRows(records);
-        break;
-      case Action.RECORDS_ADDED:
-      case Action.RECORDS_COPIED:
-        this._gridController.addRows(action.payload);
-        break;
-      case Action.EDITION_CANCELED:
-      case Action.DATA_SAVED:
-        this._gridController.refresh();
-        break;
-      case Action.SELECTION_CHANGED:
-        const { selection } = action.payload;
-        this._gridController.selectRows(selection);
-        break;
-      case Action.DATA_CHANGED:
-        const changes = Object.assign({}, action.payload);
-        delete changes.records;
-        this._gridController.changeValues(changes, action.payload.records);
-    }
+    this._dataUnit.subscribe(this.processAction);
   }
   buildColumnDefs() {
     const columnDefs = [];
@@ -112402,6 +112468,9 @@ class DataUnitBridge {
     }
     return columnDefs;
   }
+  onDisconnectedCallback() {
+    this._dataUnit.unsubscribe(this.processAction);
+  }
 }
 
 const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ezgrid__header--background-color:var(--background--xlight, #FFF)}.grid-header.sc-ez-grid{display:flex;justify-content:space-between;align-items:center;background-color:var(--ezgrid__header--background-color, #FFF);z-index:var(--visible)}.grid__container.sc-ez-grid{box-shadow:0 0 16px 0 rgb(0 38 111 / 12%);padding-top:15px;margin-top:-12px;background-color:var(--ezgrid__header--background-color)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}";
@@ -112505,6 +112574,11 @@ let EzGrid$1 = class extends HTMLElement$1 {
       this._gridController.setColumnsDef(this._dataUnitBridge.buildColumnDefs(), true);
     }
   }
+  disconnectedCallback() {
+    if (this._dataUnitBridge) {
+      this._dataUnitBridge.onDisconnectedCallback();
+    }
+  }
   getPaginationControl() {
     if (this.pageSize === -1) {
       return null;
@@ -114385,6 +114459,7 @@ let EzUpload$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
+    this.ezStartChange = createEvent(this, "ezStartChange", 7);
     this._filePointers = new Map();
     /**
     * Deixa o campo disponível ou não para digitação.
@@ -114392,6 +114467,9 @@ let EzUpload$1 = class extends HTMLElement$1 {
     this.enabled = true;
   }
   changeValue(newValue) {
+    //Observamos o mundo externo, se um novo valor foi atribuído,
+    //precisamos cancelar a alteração anterior, isso envolve, percorrer
+    //a lista de ponteiros e cancelar todos os uploads em andamento.
     if (newValue !== this._updatingValue) {
       this._filePointers.forEach(f => {
         if (this.isRemoteFile(f)) {
@@ -114400,8 +114478,8 @@ let EzUpload$1 = class extends HTMLElement$1 {
       });
       this._filePointers = new Map();
       this.updateFilePointers();
+      this._updatingValue = undefined;
     }
-    this._updatingValue = undefined;
   }
   updateFilePointers() {
     if (this.value) {
@@ -114471,6 +114549,7 @@ let EzUpload$1 = class extends HTMLElement$1 {
   }
   async doAddFile(file) {
     if (this.validateFile(file)) {
+      this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio." });
       const uploadingFile = new RemoteFile(file);
       this._filePointers.set(file.name, uploadingFile);
       uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
@@ -114490,8 +114569,10 @@ let EzUpload$1 = class extends HTMLElement$1 {
         this._updatingValue.push(f);
       }
     });
-    this.value = this._updatingValue;
-    this.ezChange.emit(this.value);
+    if (this._filePointers.size === this._updatingValue.length) {
+      this.value = this._updatingValue;
+      this.ezChange.emit(this.value);
+    }
   }
   buildProgressId(uploading) {
     let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
@@ -114910,49 +114991,23 @@ let TestDu$1 = class extends HTMLElement$1 {
     super();
     this.__registerHost();
   }
-  /*private _ezButton// : HTMLEzButton;
-  private _ezComboBox// : HTMLEzComboBox;
-  private _ezDateInput// : HTMLEzDateInput;
-  private _ezDateTimeInput// : HTMLEzDateTimeInput;
-  private _ezNumberInput// : HTMLEzNumberInput
-  private _ezSearch// : HTMLEzSearch
-  private _ezUpload// : HTMLEzUpload
-  private _ezFilterInput// : HTMLEzFilterInput*/
   componentWillLoad() {
+    ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", "http://localhost:8080/mge/ez.uploading");
     this.dataUnit = new DataUnit("testes_com_formulario");
+    this.dataUnit.subscribe(() => this.isDirty = this.dataUnit.isDirty());
     this.dataUnit.metadata = {
       name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
       label: "Parceiro",
       fields: [
         {
-          name: "CODPARC",
-          label: "Parceiro",
-          dataType: DataType.NUMBER,
-          userInterface: UserInterface.SEARCH,
-          required: true,
-          properties: {}
-        },
-        {
-          name: "RECDESP",
-          label: "Receita/Despesa",
-          dataType: DataType.TEXT,
-          userInterface: UserInterface.OPTIONSELECTOR,
-          required: true,
-          properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
-        },
-        {
-          name: "P",
-          label: "pera",
-          dataType: DataType.TEXT,
-          userInterface: UserInterface.OPTIONSELECTOR,
-          properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
-        },
-        {
-          name: "ME",
-          label: "ME",
-          dataType: DataType.NUMBER,
-          userInterface: UserInterface.DECIMALNUMBER,
-          properties: { precision: 4, prettyPrecision: 1 }
+          name: "ANEXO",
+          label: "Anexo",
+          dataType: DataType.OBJECT,
+          userInterface: UserInterface.FILE,
+          properties: {
+            DESTINATION: "MULTIFILE",
+            MAX_FILES: "2"
+          }
         }
       ]
     };
@@ -114970,9 +115025,23 @@ let TestDu$1 = class extends HTMLElement$1 {
       total: 100,
       hasMore: true
     }));
+    this.dataUnit.saveLoader = (_dataUnit, changes) => {
+      const savedRecords = [];
+      changes.forEach(change => {
+        savedRecords.push(Object.assign(Object.assign({}, change.record), change.updatingFields));
+      });
+      return Promise.resolve(savedRecords);
+    };
+  }
+  save() {
+    this.dataUnit.saveData().catch(e => {
+      if (e.kind === "WAITING_CHANGE_ERROR") {
+        ApplicationUtils.alert(`Alterando campo ${e.fieldName}`, e.message);
+      }
+    });
   }
   render() {
-    return (h("ez-form", { dataUnit: this.dataUnit }));
+    return (h("div", null, h("button", { onClick: () => this.dataUnit.loadData() }, "Carregar"), h("button", { onClick: () => this.save(), disabled: !this.isDirty }, "Salvar"), h("ez-form", { dataUnit: this.dataUnit })));
   }
   static get style() { return testDuCss; }
 };
@@ -115006,7 +115075,7 @@ const EzToast = /*@__PURE__*/proxyCustomElement(EzToast$1, [1,"ez-toast",{"messa
 const EzUpload = /*@__PURE__*/proxyCustomElement(EzUpload$1, [1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040]}]);
 const GridConfig = /*@__PURE__*/proxyCustomElement(GridConfig$1, [2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]);
 const SelectBox = /*@__PURE__*/proxyCustomElement(SelectBox$1, [1,"select-box",{"selectedOption":[1,"selected-option"]}]);
-const TestDu = /*@__PURE__*/proxyCustomElement(TestDu$1, [0,"test-du"]);
+const TestDu = /*@__PURE__*/proxyCustomElement(TestDu$1, [0,"test-du",{"isDirty":[32]}]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
     [

package/dist/esm/{ApplicationUtils-3ca0e68d.js → ApplicationUtils-35350d20.js}

@@ -1,22 +1,25 @@
 class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
+  static async showDialog(title, message, icon = null, confirm, critical = false, options) {
+    if (options) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
     return new Promise(resolve => {
       let dialog = document.querySelector("ez-dialog");
       if (!dialog) {
         dialog = document.createElement("ez-dialog");
         window.document.body.appendChild(dialog);
       }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
+      dialog.show(title, message, critical, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger).then(ok => resolve(ok));
     });
   }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
+  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, false, options);
   }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
+  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, true, options);
   }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
+  static async confirm(title, message, icon = null, critical = false, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, true, critical, options);
   }
   static async info(message, options = ApplicationUtils.defaultMessageOptions) {
     let toast = document.querySelector("ez-toast");
@@ -28,7 +31,10 @@ class ApplicationUtils {
   }
 }
 ApplicationUtils.defaultMessageOptions = {
-  canClose: true
+  canClose: true,
+  labelCancel: 'Não',
+  labelConfirm: 'Sim',
+  btnConfirmDanger: false
 };
 
 export { ApplicationUtils as A };

package/dist/esm/{AssetsUtils-9b1329a3.js → AssetsUtils-aab9ca8f.js}

@@ -1,4 +1,4 @@
-import { a as getAssetPath, s as setAssetPath } from './index-6b8bfbeb.js';
+import { a as getAssetPath, s as setAssetPath } from './index-bf1aef20.js';
 
 const getSpritePath = (sprite) => `${getContextAssetsPath("../assets/actions-sprite.svg")}#${sprite}`;
 let ctxLoaded = false;

package/dist/esm/ez-action-chip.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-6b8bfbeb.js';
+import { r as registerInstance, c as createEvent, h } from './index-bf1aef20.js';
 
 const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
 

package/dist/esm/ez-application.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-6b8bfbeb.js';
+import { r as registerInstance, c as createEvent, h } from './index-bf1aef20.js';
 
 const ezApplicationCss = "";