@sankhyalabs/ezui 1.1.73 → 1.1.76

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 (93) hide show
  1. package/dist/cjs/ez-action-chip.cjs.entry.js +2 -2
  2. package/dist/cjs/ez-button_16.cjs.entry.js +179 -165
  3. package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-label-chip.cjs.entry.js +12 -12
  5. package/dist/cjs/ez-list.cjs.entry.js +1 -1
  6. package/dist/cjs/ez-modal.cjs.entry.js +1 -1
  7. package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
  8. package/dist/cjs/ez-popover.cjs.entry.js +1 -1
  9. package/dist/cjs/ez-popup.cjs.entry.js +1 -1
  10. package/dist/cjs/ez-time-input.cjs.entry.js +21 -2
  11. package/dist/cjs/ez-toast.cjs.entry.js +5 -2
  12. package/dist/cjs/ezui.cjs.js +2 -2
  13. package/dist/cjs/{index-4d2896bb.js → index-9431aeeb.js} +2 -0
  14. package/dist/cjs/loader.cjs.js +2 -2
  15. package/dist/collection/components/ez-action-chip/ez-action-chip.css +21 -21
  16. package/dist/collection/components/ez-action-chip/ez-action-chip.js +1 -1
  17. package/dist/collection/components/ez-button/ez-button.css +62 -43
  18. package/dist/collection/components/ez-button/ez-button.js +9 -2
  19. package/dist/collection/components/ez-calendar/ez-calendar.css +64 -64
  20. package/dist/collection/components/ez-calendar/ez-calendar.js +12 -9
  21. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +34 -34
  22. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +12 -12
  23. package/dist/collection/components/ez-combo-box/ez-combo-box.css +2 -2
  24. package/dist/collection/components/ez-date-input/ez-date-input.css +17 -3
  25. package/dist/collection/components/ez-date-input/ez-date-input.js +2 -2
  26. package/dist/collection/components/ez-form/ez-form.js +37 -35
  27. package/dist/collection/components/ez-form/store/Form.actions.js +16 -16
  28. package/dist/collection/components/ez-form/store/Form.reducer.js +17 -17
  29. package/dist/collection/components/ez-form/subcomponents/DataUnit.js +8 -8
  30. package/dist/collection/components/ez-form/subcomponents/form-metadata.js +12 -12
  31. package/dist/collection/components/ez-form/subcomponents/place-holder.js +1 -1
  32. package/dist/collection/components/ez-form/subcomponents/structure/Field.js +22 -22
  33. package/dist/collection/components/ez-form/subcomponents/structure/NavigationBar.js +7 -7
  34. package/dist/collection/components/ez-label-chip/ez-label-chip.css +49 -49
  35. package/dist/collection/components/ez-label-chip/ez-label-chip.js +11 -11
  36. package/dist/collection/components/ez-numeric-input/ez-numeric-input.css +4 -4
  37. package/dist/collection/components/ez-search/ez-search.js +9 -9
  38. package/dist/collection/components/ez-text-area/ez-text-area.css +48 -48
  39. package/dist/collection/components/ez-text-input/ez-text-input.css +60 -60
  40. package/dist/collection/components/ez-text-input/ez-text-input.js +16 -16
  41. package/dist/collection/components/ez-time-input/ez-time-input.js +3 -2
  42. package/dist/collection/components/ez-toast/ez-toast.css +9 -9
  43. package/dist/collection/components/ez-toast/ez-toast.js +4 -1
  44. package/dist/collection/components/ez-upload/ez-upload.css +41 -41
  45. package/dist/collection/components/ez-upload/ez-upload.js +53 -50
  46. package/dist/collection/utils/AssetsUtils.js +19 -0
  47. package/dist/custom-elements/index.js +219 -183
  48. package/dist/esm/ez-action-chip.entry.js +2 -2
  49. package/dist/esm/ez-button_16.entry.js +179 -165
  50. package/dist/esm/ez-dialog.entry.js +1 -1
  51. package/dist/esm/ez-label-chip.entry.js +12 -12
  52. package/dist/esm/ez-list.entry.js +1 -1
  53. package/dist/esm/ez-modal.entry.js +1 -1
  54. package/dist/esm/ez-number-input.entry.js +1 -1
  55. package/dist/esm/ez-popover.entry.js +1 -1
  56. package/dist/esm/ez-popup.entry.js +1 -1
  57. package/dist/esm/ez-time-input.entry.js +21 -2
  58. package/dist/esm/ez-toast.entry.js +5 -2
  59. package/dist/esm/ezui.js +2 -2
  60. package/dist/esm/{index-33153059.js → index-fd3c8023.js} +2 -1
  61. package/dist/esm/loader.js +2 -2
  62. package/dist/ezui/ezui.esm.js +1 -1
  63. package/dist/ezui/{p-67410dfa.entry.js → p-11ae4ae7.entry.js} +1 -1
  64. package/dist/ezui/{p-50464bdf.entry.js → p-47fa3d6c.entry.js} +1 -1
  65. package/dist/ezui/p-66954a04.entry.js +1 -0
  66. package/dist/ezui/p-823ff0a0.entry.js +1 -0
  67. package/dist/ezui/{p-7f3bc6d9.entry.js → p-8ab6168f.entry.js} +1 -1
  68. package/dist/ezui/{p-15743b09.entry.js → p-9c1fb51c.entry.js} +1 -1
  69. package/dist/ezui/{p-061d21ba.entry.js → p-9d85125b.entry.js} +1 -1
  70. package/dist/ezui/p-a0b6eee2.entry.js +1 -0
  71. package/dist/ezui/p-a7b546b2.entry.js +1 -0
  72. package/dist/ezui/p-c833c94f.entry.js +1 -0
  73. package/dist/ezui/{p-8818da66.entry.js → p-d443f020.entry.js} +1 -1
  74. package/dist/ezui/{p-4df6f855.js → p-e0ab3746.js} +1 -1
  75. package/dist/types/components/ez-action-chip/ez-action-chip.d.ts +2 -2
  76. package/dist/types/components/ez-calendar/ez-calendar.d.ts +4 -1
  77. package/dist/types/components/ez-collapsible-box/ez-collapsible-box.d.ts +3 -3
  78. package/dist/types/components/ez-form/ez-form.d.ts +9 -9
  79. package/dist/types/components/ez-form/subcomponents/DataUnit.d.ts +1 -1
  80. package/dist/types/components/ez-form/subcomponents/form-metadata.d.ts +1 -1
  81. package/dist/types/components/ez-label-chip/ez-label-chip.d.ts +2 -2
  82. package/dist/types/components/ez-search/ez-search.d.ts +5 -5
  83. package/dist/types/components/ez-text-input/ez-text-input.d.ts +1 -1
  84. package/dist/types/components/ez-toast/ez-toast.d.ts +3 -0
  85. package/dist/types/components/ez-upload/ez-upload.d.ts +10 -7
  86. package/dist/types/components.d.ts +47 -38
  87. package/dist/types/utils/AssetsUtils.d.ts +1 -0
  88. package/package.json +1 -1
  89. package/dist/ezui/p-0db8d49b.entry.js +0 -1
  90. package/dist/ezui/p-129b53df.entry.js +0 -1
  91. package/dist/ezui/p-25953d44.entry.js +0 -1
  92. package/dist/ezui/p-74809665.entry.js +0 -1
  93. package/dist/ezui/p-a99f8d42.entry.js +0 -1
@@ -2,12 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-4d2896bb.js');
5
+ const index = require('./index-9431aeeb.js');
6
6
  const RequestMetadata = require('./RequestMetadata-2cd01e8a.js');
7
7
  const FloatingManager = require('./FloatingManager-6cfeb947.js');
8
8
  const CSSVarsUtils = require('./CSSVarsUtils-f8827674.js');
9
9
 
10
- const ezButtonCss = ":host{--button--min-width:100px;--button--height:42px;--button__icon--width:18px;--button__inline__icon--padding:12px;--button--padding-top:var(--space--medium, 12px);--button--padding-bottom:var(--space--medium, 12px);--button--padding-right:var(--space--large, 24px);--button--padding-left:var(--space--large, 24px);--button--color:var(--text--primary, #FFF);--button--font-size:var(--text--medium, 14px);--button--font-family:var(--font-pattern, Arial);--button--font-weight:var(--text-weight--large);--button--background-color:var(--background--medium, #c0c0c0);--button--border-radius:var(--border--radius-large, 12px);--button--border:none;--button--hover--background-color:var(--background--strong, var(--button--background-color));--button--disabled-color:var(--text--disable);--button--disabled--background-color:var(--color--disable-secondary);--button--focus--border:var(--button--border);--button--focus--box-shadow:none;--button--link-color:var(--title--primary, '#C0C0C0')}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(--button--min-width);height:var(--button--height);font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);padding:var(--button--padding-top) var(--button--padding-right) var(--button--padding-bottom) var(--button--padding-left);border-radius:var(--button--border-radius);background-color:var(--button--background-color);color:var(--button--color);fill:var(--button--color);border:var(--button--border)}button:hover{background-color:var(--button--hover--background-color)}button:focus{outline:none;border:var(--button--focus--border);box-shadow:var(--button--focus--box-shadow)}button:disabled{background-color:var(--button--disabled--background-color);color:var(--button--disabled-color);fill:var(--button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}a{font-family:var(--button--font-family);font-size:var(--button--font-size);font-weight:var(--button--font-weight);color:var(--button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
10
+ 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(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--title--primary, '#C0C0C0')}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;border: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{width:42px;min-width:42px;height:42px;padding:0px}.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-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
11
11
 
12
12
  let EzButton = class {
13
13
  constructor(hostRef) {
@@ -27,10 +27,10 @@ let EzButton = class {
27
27
  if (this.mode == "link") {
28
28
  content.style.display = "inline";
29
29
  if (slot.name == "leftIcon") {
30
- content.style.paddingRight = "var(--button__inline__icon--padding)";
30
+ content.style.paddingRight = "var(--ez-button__inline__icon--padding)";
31
31
  }
32
32
  else if (slot.name == "rightIcon") {
33
- content.style.paddingLeft = "var(--button__inline__icon--padding)";
33
+ content.style.paddingLeft = "var(--ez-button__inline__icon--padding)";
34
34
  }
35
35
  }
36
36
  else {
@@ -44,6 +44,12 @@ let EzButton = class {
44
44
  evt.stopPropagation();
45
45
  } })));
46
46
  }
47
+ else if (this.mode == "label-icon") {
48
+ return (index.h("div", { class: "label-icon" }, index.h("button", { class: "icon", type: "button", disabled: !this.enabled }, index.h("ez-icon", { class: "icon", href: this.image, size: "large", onClick: evt => {
49
+ if (!this.enabled)
50
+ evt.stopPropagation();
51
+ } })), index.h("label", { title: this.label }, this.label)));
52
+ }
47
53
  else if (this.mode == "link") {
48
54
  return (index.h("a", null, index.h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, index.h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
49
55
  }
@@ -97,16 +103,16 @@ class DateUtils {
97
103
  }
98
104
  }
99
105
 
100
- const ezCalendarCss = ":host{--cal--font-family:var(--font-pattern, Arial);--cal--color:var(--title--primary, #626e82);--cal--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--cal__body--background-color:var(--background--xlight, #FFF);--cal__body--padding:var(--space--medium, 12px);--cal__body--border-radius:var(--border--radius-medium, 12px);--cal__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--cal__header-line--stroke:2px;--cal__header-line--color:var(--color--strokes, #C0C0C0);--cal__nav-btn--fill:var(--text--primary, #008561);--cal__nav-btn--hover--fill:var(--color--primary, #350404);--cal__nav-btn--width:10px;--cal__nav-btn--height:16px;--cal__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--cal__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--cal__cell--margin:0px var(--space--small, 12px);--cal__cell--width:var(--space--large, 24px);--cal__cell--padding:var(--space--extra-small, 3px) 0px;--cal__cell--border-radius:var(--border--radius-small, 6px);--cal__cell--over--background-color:var(--color--strokes, #C0C0C0);--cal__cell--outset--color:var(--color--strokes, #C0C0C0);--cal__cell--selected--background-color:var(--color--primary, #008561);--cal__cell--selected--color:var(--color--inverted, #FFF);--cal__btn-today--color:var(--color--primary);--cal__btn-today--hover--background-color:var(--color--strokes, #C0C0C0);--cal__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--cal__body--background-color);padding:var(--cal__body--padding);border-radius:var(--cal__body--border-radius);box-shadow:var(--cal__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--medium, 12px);margin:var(--space--small, 6px) var(--space--, 12px);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow);border-bottom:solid var(--cal__header-line--stroke) var(--cal__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--cal__nav-btn--fill);width:var(--cal__nav-btn--width);height:var(--cal__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--cal__nav-btn--previous-image);mask-image:var(--cal__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--cal__nav-btn--next-image);mask-image:var(--cal__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--cal__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--large, 600);font-size:var(--title--medium, 16px);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--small, 12px);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow);padding:var(--cal__cell--padding);margin:var(--cal__cell--margin);min-width:var(--cal__cell--width);border-radius:var(--cal__cell--border-radius)}.calendar__cell:hover{background-color:var(--cal__cell--over--background-color)}.calendar__cell--secondary{color:var(--cal__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--cal__cell--selected--background-color);color:var(--cal__cell--selected--color)}.calendar__body{padding:var(--space--small, 6px) 0px}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--small);padding:var(--space--extra-small, 6px);font-family:var(--cal--font-family);text-shadow:var(--cal--text-shadow);color:var(--cal__btn-today--color);border-radius:var(--cal__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--cal__btn-today--hover--background-color)}";
106
+ const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__body--padding:var(--space--medium, 12px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-calendar__header-line--stroke:2px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px var(--space--small, 12px);--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:var(--space--extra-small, 3px) 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--outset--color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--medium, 12px);margin:var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--large, 600);font-size:var(--title--medium, 16px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--small, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__body{padding:var(--space--small, 6px) 0px}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--small);padding:var(--space--extra-small, 6px);font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}";
101
107
 
102
108
  let EzCalendar = class {
103
109
  constructor(hostRef) {
104
110
  index.registerInstance(this, hostRef);
105
111
  this.ezChange = index.createEvent(this, "ezChange", 7);
106
112
  this._firstRender = true;
107
- this._todayLabel = 'Hoje';
108
- this._weekDayLabels = ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
109
- this._monthLabels = ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
113
+ this._todayLabel = "Hoje";
114
+ this._weekDayLabels = ["D", "S", "T", "Q", "Q", "S", "S"];
115
+ this._monthLabels = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
110
116
  /**
111
117
  * A data selecionada no calendário
112
118
  */
@@ -127,18 +133,21 @@ let EzCalendar = class {
127
133
  if (this.floating) {
128
134
  this._floatingID = FloatingManager.FloatingManager.float(this._box, this._container, { autoClose: true, top, left, bottom, right });
129
135
  window.requestAnimationFrame(() => {
130
- this._box.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
136
+ this._box.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
131
137
  });
132
138
  }
133
139
  }
140
+ /**
141
+ * Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
142
+ */
134
143
  async fitVertical(topOffset, bottomOffset) {
135
144
  const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
136
145
  const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
137
146
  if (availableBottom) {
138
- this.show(topOffset + 'px', undefined, 'unset');
147
+ this.show(topOffset + "px", undefined, "unset");
139
148
  }
140
149
  else {
141
- this.show('unset', undefined, bottomOffset + 'px');
150
+ this.show("unset", undefined, bottomOffset + "px");
142
151
  }
143
152
  }
144
153
  /**
@@ -275,7 +284,7 @@ let EzCheck = class {
275
284
  };
276
285
  EzCheck.style = ezCheckCss;
277
286
 
278
- const ezCollapsibleBoxCss = ":host{--collapsible-box--height:42px;--collapsible-box--font-size:var(--title--medium, 14px);--collapsible-box--font-family:var(--font-pattern, Arial);--collapsible-box--font-weight:var(--text-weight--large, 600);--collapsible-box--color:var(--title--primary);--collapsible-box__btn--image--xsmall:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"12px\" width=\"7.5px\"><path d=\"M 0,10.56 4.5967752,6.0000006 0,1.3800006 1.4516132,0 7.5,6.0000006 1.4516132,12 Z\"/></svg>');--collapsible-box__btn--image--small:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"14px\" width=\"8.68px\"><path d=\"M 0,12.32 5.3200012,7.0000007 0,1.6100007 1.6800004,0 8.68,7.0000007 1.6800004,14 Z\"/></svg>');--collapsible-box__btn--image--medium: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>');--collapsible-box__btn--image--large:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"18px\" width=\"11.25px\"><path d=\"M 0,15.84 6.8951628,9.0000009 0,2.0700009 2.1774198,0 11.25,9.0000009 2.1774198,18 Z\"/></svg>');--collapsible-box__btn--image--xlarge:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"20px\" width=\"12.5px\"><path d=\"M 0,17.6 7.661292,10.000001 0,2.300001 2.4193553,0 12.5,10.000001 2.4193553,20 Z\"/></svg>');--collapsible-box__btn--fill:var(--collapsible-box--color);--collapsible-box__btn--width:10px;--collapsible-box__btn--height:16px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box__title{width:100%;align-self:center;display:flex;box-sizing:border-box}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;width:100%;font-family:var(--collapsible-box--font-family);font-size:var(--collapsible-box--font-size);font-weight:var(--collapsible-box--font-weight);color:var(--collapsible-box--color)}.collapsible-box__label--icon-right{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;font-family:var(--collapsible-box--font-family);font-size:var(--collapsible-box--font-size);font-weight:var(--collapsible-box--font-weight);color:var(--collapsible-box--color)}.collapsible-box__btn{outline:none;border:none;background-color:unset;cursor:pointer;padding:1px 6px}.collapsible-box__btn::after{content:'';display:flex;background-color:var(--collapsible-box__btn--fill);width:var(--collapsible-box__btn--width);height:var(--collapsible-box__btn--height);transition:transform var(--transition);transform:rotate(90deg)}.collapsible-box__btn--xsmall::after{width:7.5px;height:12px;-webkit-mask-image:var(--collapsible-box__btn--image--xsmall);mask-image:var(--collapsible-box__btn--image--xsmall)}.collapsible-box__btn--small::after{width:8.68px;height:14px;-webkit-mask-image:var(--collapsible-box__btn--image--small);mask-image:var(--collapsible-box__btn--image--small)}.collapsible-box__btn--medium::after{width:10px;height:16px;-webkit-mask-image:var(--collapsible-box__btn--image--medium);mask-image:var(--collapsible-box__btn--image--medium)}.collapsible-box__btn--large::after{width:11.25px;height:18px;-webkit-mask-image:var(--collapsible-box__btn--image--large);mask-image:var(--collapsible-box__btn--image--large)}.collapsible-box__btn--xlarge::after{width:12.5px;height:20px;-webkit-mask-image:var(--collapsible-box__btn--image--xlarge);mask-image:var(--collapsible-box__btn--image--xlarge)}.collapsible-box__btn--collapsed::after{transform:rotate(0deg)}.font--xsmall{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--xlarge{font-size:20px}";
287
+ const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--height:42px;--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box__btn--image--xsmall:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"12px\" width=\"7.5px\"><path d=\"M 0,10.56 4.5967752,6.0000006 0,1.3800006 1.4516132,0 7.5,6.0000006 1.4516132,12 Z\"/></svg>');--ez-collapsible-box__btn--image--small:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"14px\" width=\"8.68px\"><path d=\"M 0,12.32 5.3200012,7.0000007 0,1.6100007 1.6800004,0 8.68,7.0000007 1.6800004,14 Z\"/></svg>');--ez-collapsible-box__btn--image--medium: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>');--ez-collapsible-box__btn--image--large:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"18px\" width=\"11.25px\"><path d=\"M 0,15.84 6.8951628,9.0000009 0,2.0700009 2.1774198,0 11.25,9.0000009 2.1774198,18 Z\"/></svg>');--ez-collapsible-box__btn--image--xlarge:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"20px\" width=\"12.5px\"><path d=\"M 0,17.6 7.661292,10.000001 0,2.300001 2.4193553,0 12.5,10.000001 2.4193553,20 Z\"/></svg>');--ez-collapsible-box__btn--fill:var(--ez-collapsible-box--color);--ez-collapsible-box__btn--width:10px;--ez-collapsible-box__btn--height:16px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box__title{width:100%;align-self:center;display:flex;box-sizing:border-box}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;width:100%;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__label--icon-right{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__btn{outline:none;border:none;background-color:unset;cursor:pointer;padding:1px 6px}.collapsible-box__btn::after{content:'';display:flex;background-color:var(--ez-collapsible-box__btn--fill);width:var(--ez-collapsible-box__btn--width);height:var(--ez-collapsible-box__btn--height);transition:transform var(--transition);transform:rotate(90deg)}.collapsible-box__btn--xsmall::after{width:7.5px;height:12px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--xsmall);mask-image:var(--ez-collapsible-box__btn--image--xsmall)}.collapsible-box__btn--small::after{width:8.68px;height:14px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--small);mask-image:var(--ez-collapsible-box__btn--image--small)}.collapsible-box__btn--medium::after{width:10px;height:16px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--medium);mask-image:var(--ez-collapsible-box__btn--image--medium)}.collapsible-box__btn--large::after{width:11.25px;height:18px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--large);mask-image:var(--ez-collapsible-box__btn--image--large)}.collapsible-box__btn--xlarge::after{width:12.5px;height:20px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--xlarge);mask-image:var(--ez-collapsible-box__btn--image--xlarge)}.collapsible-box__btn--collapsed::after{transform:rotate(0deg)}.font--xsmall{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--xlarge{font-size:20px}";
279
288
 
280
289
  let EzCollapsibleBox = class {
281
290
  constructor(hostRef) {
@@ -288,11 +297,11 @@ let EzCollapsibleBox = class {
288
297
  /**
289
298
  * Define o tamanho do texto e do ícone do componente.
290
299
  */
291
- this.headersize = "small";
300
+ this.headerSize = "small";
292
301
  /**
293
302
  * Define o local onde o ícone será renderizado.
294
303
  */
295
- this.iconplacement = "left";
304
+ this.iconPlacement = "left";
296
305
  }
297
306
  observeValue() {
298
307
  this.ezChange.emit();
@@ -304,10 +313,10 @@ let EzCollapsibleBox = class {
304
313
  this.value = !this.value;
305
314
  }
306
315
  render() {
307
- return (index.h(index.Host, null, this.iconplacement == 'right' ?
308
- index.h("div", { class: "collapsible-box__title" }, index.h("label", { class: (this.iconplacement == 'right' ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headersize ? "font--" + this.headersize : ""), onClick: () => this.showHide(), title: this.label }, this.label), index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headersize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headersize, onClick: () => this.showHide() }))
316
+ return (index.h(index.Host, null, this.iconPlacement == "right" ?
317
+ index.h("div", { class: "collapsible-box__title" }, index.h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label), index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }))
309
318
  :
310
- index.h("div", { class: "collapsible-box__title" }, index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headersize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headersize, onClick: () => this.showHide() }), index.h("label", { class: (this.iconplacement == 'right' ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headersize ? "font--" + this.headersize : ""), onClick: () => this.showHide(), title: this.label }, this.label)), !this.value ? index.h("slot", null) : null));
319
+ index.h("div", { class: "collapsible-box__title" }, index.h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }), index.h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label)), !this.value ? index.h("slot", null) : null));
311
320
  }
312
321
  static get watchers() { return {
313
322
  "value": ["observeValue"]
@@ -315,7 +324,7 @@ let EzCollapsibleBox = class {
315
324
  };
316
325
  EzCollapsibleBox.style = ezCollapsibleBoxCss;
317
326
 
318
- const ezComboBoxCss = ":host{--combo-box--height:42px;--combo-box--width:100%;--combo-box__icon--width:48px;--combo-box--border-radius:var(--border--radius-medium, 12px);--combo-box--border-radius-small:var(--border--radius-small, 6px);--combo-box--font-size:var(--text--medium, 14px);--combo-box--font-family:var(--font-pattern, Arial);--combo-box--font-weight--large:var(--text-weight--large, 500);--combo-box--font-weight--medium:var(--text-weight--medium, 400);--combo-box--background-color--xlight:var(--background--xlight, #fff);--combo-box__input--background-color:var(--background--medium, #e0e0e0);--combo-box__input--border:var(--border--medium, 2px solid);--combo-box__input--border-color:var(--combo-box__input--background-color);--combo-box__input--focus--border-color:var(--color--primary, #008561);--combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--combo-box__input--error--border-color:#CC2936;--combo-box__label--color:var(--title--primary, #919191);--combo-box__list-text--primary:var(--text--primary, #626e82);--combo-box__list-height:calc(var(--combo-box--font-size) + var(--combo-box--space--medium));--combo-box--drop-down__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"16px\"><path d=\"M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z\"/></svg>');--combo-box--search__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"22px\" width=\"22px\"><path d=\"m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z\"/></svg>');--combo-box--space--medium:var(--space--medium, 12px);--combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--combo-box--width)}ez-text-input{--it__input--background-color:var(--combo-box__input--background-color, #FFFFFF);--it__input--border-color:var(--combo-box__input--border-color, #DCE0E8)}.list-container{position:relative;width:100%}.options-list{box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--combo-box--background-color--xlight);padding:var(--combo-box--space--small);border-radius:var(--combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--combo-box__list-height) + 2*var(--combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--combo-box--border-radius-small);padding:0 var(--combo-box--space--small);list-style-type:none;min-height:var(--combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--value{text-align:right;flex-basis:15%;flex-grow:0;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--background--medium)}.preselected{background-color:var(--background--medium)}.btn-open-options{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-options:disabled{cursor:unset}.btn-open-options::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:16px;height:16px;-webkit-mask-image:var(--combo-box--drop-down__image);mask-image:var(--combo-box--drop-down__image)}.btn-open-options:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-options:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}.btn-open-search{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-search:disabled{cursor:unset}.btn-open-search::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:22px;height:22px;-webkit-mask-image:var(--combo-box--search__image);mask-image:var(--combo-box--search__image)}.btn-open-search:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-search:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}";
327
+ const ezComboBoxCss = ":host{--combo-box--height:42px;--combo-box--width:100%;--combo-box__icon--width:48px;--combo-box--border-radius:var(--border--radius-medium, 12px);--combo-box--border-radius-small:var(--border--radius-small, 6px);--combo-box--font-size:var(--text--medium, 14px);--combo-box--font-family:var(--font-pattern, Arial);--combo-box--font-weight--large:var(--text-weight--large, 500);--combo-box--font-weight--medium:var(--text-weight--medium, 400);--combo-box--background-color--xlight:var(--background--xlight, #fff);--combo-box__input--background-color:var(--background--medium, #e0e0e0);--combo-box__input--border:var(--border--medium, 2px solid);--combo-box__input--border-color:var(--combo-box__input--background-color);--combo-box__input--focus--border-color:var(--color--primary, #008561);--combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--combo-box__input--error--border-color:#CC2936;--combo-box__label--color:var(--title--primary, #919191);--combo-box__list-text--primary:var(--text--primary, #626e82);--combo-box__list-height:calc(var(--combo-box--font-size) + var(--combo-box--space--medium));--combo-box--drop-down__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"16px\"><path d=\"M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z\"/></svg>');--combo-box--search__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"22px\" width=\"22px\"><path d=\"m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z\"/></svg>');--combo-box--space--medium:var(--space--medium, 12px);--combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--combo-box--width)}ez-text-input{--ez-text-input__input--background-color:var(--combo-box__input--background-color, #FFFFFF);--ez-text-input__input--border-color:var(--combo-box__input--border-color, #DCE0E8)}.list-container{position:relative;width:100%}.options-list{box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--combo-box--background-color--xlight);padding:var(--combo-box--space--small);border-radius:var(--combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--combo-box__list-height) + 2*var(--combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--combo-box--border-radius-small);padding:0 var(--combo-box--space--small);list-style-type:none;min-height:var(--combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--value{text-align:right;flex-basis:15%;flex-grow:0;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--background--medium)}.preselected{background-color:var(--background--medium)}.btn-open-options{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-options:disabled{cursor:unset}.btn-open-options::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:16px;height:16px;-webkit-mask-image:var(--combo-box--drop-down__image);mask-image:var(--combo-box--drop-down__image)}.btn-open-options:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-options:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}.btn-open-search{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-search:disabled{cursor:unset}.btn-open-search::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:22px;height:22px;-webkit-mask-image:var(--combo-box--search__image);mask-image:var(--combo-box--search__image)}.btn-open-search:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-search:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}";
319
328
 
320
329
  let EzComboBox = class {
321
330
  constructor(hostRef) {
@@ -555,7 +564,7 @@ let EzComboBox = class {
555
564
  };
556
565
  EzComboBox.style = ezComboBoxCss;
557
566
 
558
- const ezDateInputCss = ":host{display:block;width:100%;--di__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:unset}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--di__calendar-image);mask-image:var(--di__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}";
567
+ const ezDateInputCss = ":host{display:block;width:100%;--ez-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-date-input__input--border-color:var(--ez-date-input__input--background-color);--ez-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.text-input{--ez-text-input__input--background-color:inherit;--ez-text-input__input--border-color:inherit}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:unset}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-date-input__calendar-image);mask-image:var(--ez-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-text-input{--text-input__input--background-color:var(--ez-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-date-input__input--border-color, #DCE0E8)}";
559
568
 
560
569
  let EzDateInput = class {
561
570
  constructor(hostRef) {
@@ -614,14 +623,14 @@ let EzDateInput = class {
614
623
  }
615
624
  }
616
625
  getTextValue(d) {
617
- return d ? new Intl.DateTimeFormat('pt-BR').format(d) : null;
626
+ return d ? new Intl.DateTimeFormat("pt-BR").format(d) : null;
618
627
  }
619
628
  componentDidLoad() {
620
629
  CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
621
630
  }
622
631
  render() {
623
632
  return (index.h(index.Host, null, index.h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => {
624
- if (event.key === 'H' || event.key === 'h')
633
+ if (event.key === "H" || event.key === "h")
625
634
  this.changeValue(new Date());
626
635
  }, label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage }, index.h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), index.h("ez-calendar", { onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem })));
627
636
  }
@@ -1212,19 +1221,19 @@ thunk.withExtraArgument = createThunkMiddleware;
1212
1221
 
1213
1222
  function changeFieldValue$1(dataUnit, recordId, fieldName, value) {
1214
1223
  return {
1215
- type: 'FORM/CHANGEFIELD',
1224
+ type: "FORM/CHANGEFIELD",
1216
1225
  payload: { dataUnit, recordId, fieldName, value }
1217
1226
  };
1218
1227
  }
1219
1228
  function changeTab$1(formId, index) {
1220
1229
  return {
1221
- type: 'FORM/CHANGETAB',
1230
+ type: "FORM/CHANGETAB",
1222
1231
  payload: { formId, index }
1223
1232
  };
1224
1233
  }
1225
1234
  function clearEdition$1(dataUnit, recordsLimit) {
1226
1235
  return {
1227
- type: 'FORM/CLEAREDITION',
1236
+ type: "FORM/CLEAREDITION",
1228
1237
  payload: {
1229
1238
  dataUnit,
1230
1239
  recordsLimit
@@ -1233,13 +1242,13 @@ function clearEdition$1(dataUnit, recordsLimit) {
1233
1242
  }
1234
1243
  function collapseExpandGroup(collapseId, collapsed) {
1235
1244
  return {
1236
- type: 'FORM/COLLAPSEGROUP',
1245
+ type: "FORM/COLLAPSEGROUP",
1237
1246
  payload: { collapseId, collapsed }
1238
1247
  };
1239
1248
  }
1240
1249
  function previousRecord(dataUnit) {
1241
1250
  return {
1242
- type: 'FORM/NAVIGATE',
1251
+ type: "FORM/NAVIGATE",
1243
1252
  payload: {
1244
1253
  dataUnit,
1245
1254
  limit: 0,
@@ -1249,7 +1258,7 @@ function previousRecord(dataUnit) {
1249
1258
  }
1250
1259
  function nextRecord(dataUnit, limit) {
1251
1260
  return {
1252
- type: 'FORM/NAVIGATE',
1261
+ type: "FORM/NAVIGATE",
1253
1262
  payload: {
1254
1263
  dataUnit,
1255
1264
  limit,
@@ -1259,7 +1268,7 @@ function nextRecord(dataUnit, limit) {
1259
1268
  }
1260
1269
  function insertRecord$1(dataUnit, insertionIndex) {
1261
1270
  return {
1262
- type: 'FORM/INSERT',
1271
+ type: "FORM/INSERT",
1263
1272
  payload: {
1264
1273
  dataUnit,
1265
1274
  insertionIndex
@@ -1268,12 +1277,12 @@ function insertRecord$1(dataUnit, insertionIndex) {
1268
1277
  }
1269
1278
  function formLoad() {
1270
1279
  return {
1271
- type: 'FORM/LOAD'
1280
+ type: "FORM/LOAD"
1272
1281
  };
1273
1282
  }
1274
1283
  function dataLoading$1(dataUnit) {
1275
1284
  return {
1276
- type: 'FORM/DATALOADING',
1285
+ type: "FORM/DATALOADING",
1277
1286
  payload: {
1278
1287
  dataUnit
1279
1288
  }
@@ -1281,7 +1290,7 @@ function dataLoading$1(dataUnit) {
1281
1290
  }
1282
1291
  function savingChanges$1(dataUnit) {
1283
1292
  return {
1284
- type: 'FORM/SAVINGCHANGES',
1293
+ type: "FORM/SAVINGCHANGES",
1285
1294
  payload: {
1286
1295
  dataUnit
1287
1296
  }
@@ -1289,7 +1298,7 @@ function savingChanges$1(dataUnit) {
1289
1298
  }
1290
1299
  function dataLoaded$1(dataUnit) {
1291
1300
  return {
1292
- type: 'FORM/DATALOADED',
1301
+ type: "FORM/DATALOADED",
1293
1302
  payload: {
1294
1303
  dataUnit
1295
1304
  }
@@ -1297,7 +1306,7 @@ function dataLoaded$1(dataUnit) {
1297
1306
  }
1298
1307
  function changesSaved$1(dataUnit) {
1299
1308
  return {
1300
- type: 'FORM/CHANGESSAVED',
1309
+ type: "FORM/CHANGESSAVED",
1301
1310
  payload: {
1302
1311
  dataUnit
1303
1312
  }
@@ -1305,7 +1314,7 @@ function changesSaved$1(dataUnit) {
1305
1314
  }
1306
1315
  function removingRecord$1(dataUnit) {
1307
1316
  return {
1308
- type: 'FORM/REMOVINGRECORD',
1317
+ type: "FORM/REMOVINGRECORD",
1309
1318
  payload: {
1310
1319
  dataUnit
1311
1320
  }
@@ -1313,7 +1322,7 @@ function removingRecord$1(dataUnit) {
1313
1322
  }
1314
1323
  function recordRemoved$1(dataUnit) {
1315
1324
  return {
1316
- type: 'FORM/RECORDREMOVED',
1325
+ type: "FORM/RECORDREMOVED",
1317
1326
  payload: {
1318
1327
  dataUnit
1319
1328
  }
@@ -1321,7 +1330,7 @@ function recordRemoved$1(dataUnit) {
1321
1330
  }
1322
1331
  function invalidField$1(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
1323
1332
  return {
1324
- type: 'FORM/INVALIDFIELD',
1333
+ type: "FORM/INVALIDFIELD",
1325
1334
  payload: {
1326
1335
  tabController,
1327
1336
  tabIndex,
@@ -1335,7 +1344,7 @@ function invalidField$1(tabController, tabIndex, dataUnit, recordIndex, recordId
1335
1344
  }
1336
1345
  function showHideNavigationButtons(buttonName, status) {
1337
1346
  return {
1338
- type: 'FORM/SHOWHIDENAVBTN',
1347
+ type: "FORM/SHOWHIDENAVBTN",
1339
1348
  payload: {
1340
1349
  buttonName,
1341
1350
  status
@@ -1996,19 +2005,19 @@ const inicialNonHistState = {
1996
2005
  };
1997
2006
  function formReducer(state = inicialHistState, action) {
1998
2007
  switch (action.type) {
1999
- case 'FORM/COLLAPSEGROUP':
2008
+ case "FORM/COLLAPSEGROUP":
2000
2009
  return collapseGroup(state, action.payload);
2001
- case 'FORM/CHANGETAB':
2010
+ case "FORM/CHANGETAB":
2002
2011
  return changeTab(state, action.payload.formId, action.payload.index);
2003
- case 'FORM/NAVIGATE':
2012
+ case "FORM/NAVIGATE":
2004
2013
  return navigate(state, action.payload);
2005
- case 'FORM/INSERT':
2014
+ case "FORM/INSERT":
2006
2015
  return insertRecord(state, action.payload);
2007
- case 'FORM/CHANGEFIELD':
2016
+ case "FORM/CHANGEFIELD":
2008
2017
  return changeFieldValue(state, action.payload);
2009
- case 'FORM/CLEAREDITION':
2018
+ case "FORM/CLEAREDITION":
2010
2019
  return clearEdition(state, action.payload);
2011
- case 'FORM/INVALIDFIELD':
2020
+ case "FORM/INVALIDFIELD":
2012
2021
  return navigateToInvalid(state, action.payload);
2013
2022
  default:
2014
2023
  return state;
@@ -2016,25 +2025,25 @@ function formReducer(state = inicialHistState, action) {
2016
2025
  }
2017
2026
  function formNonHistoricReducer(state = inicialNonHistState, action) {
2018
2027
  switch (action.type) {
2019
- case 'FORM/DATALOADING':
2028
+ case "FORM/DATALOADING":
2020
2029
  return dataLoading(state, action.payload);
2021
- case 'FORM/DATALOADED':
2030
+ case "FORM/DATALOADED":
2022
2031
  return dataLoaded(state, action.payload);
2023
- case 'FORM/SAVINGCHANGES':
2032
+ case "FORM/SAVINGCHANGES":
2024
2033
  return savingChanges(state, action.payload);
2025
- case 'FORM/CHANGESSAVED':
2034
+ case "FORM/CHANGESSAVED":
2026
2035
  return changesSaved(state, action.payload);
2027
- case 'FORM/REMOVINGRECORD':
2036
+ case "FORM/REMOVINGRECORD":
2028
2037
  return removingRecord(state, action.payload);
2029
- case 'FORM/RECORDREMOVED':
2038
+ case "FORM/RECORDREMOVED":
2030
2039
  return recordRemoved(state, action.payload);
2031
- case 'FORM/INVALIDFIELD':
2040
+ case "FORM/INVALIDFIELD":
2032
2041
  return invalidField(state, action.payload);
2033
- case 'FORM/CLEAREDITION':
2042
+ case "FORM/CLEAREDITION":
2034
2043
  return clearAllInvalidFields(state, action.payload);
2035
- case 'FORM/CHANGEFIELD':
2044
+ case "FORM/CHANGEFIELD":
2036
2045
  return clearInvalidField(state, action.payload);
2037
- case 'FORM/SHOWHIDENAVBTN':
2046
+ case "FORM/SHOWHIDENAVBTN":
2038
2047
  return showHideNavBtn(state, action.payload);
2039
2048
  default:
2040
2049
  return state;
@@ -2224,13 +2233,13 @@ const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
2224
2233
  || buttonProps.cancelVisible
2225
2234
  || buttonProps.reloadVisible) {
2226
2235
  return index.h("div", { class: "col col--sd-12 align--right" },
2227
- buttonProps.previousVisible ? index.h("ez-button", { key: du.name + '_previous', title: "Registro anterior", mode: "icon", enabled: enabled && du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
2228
- buttonProps.nextVisible ? index.h("ez-button", { key: du.name + '_next', title: "Pr\u00F3ximo registro", mode: "icon", enabled: enabled && du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
2229
- buttonProps.removeVisible ? index.h("ez-button", { key: du.name + '_remove', label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
2230
- buttonProps.addVisible ? index.h("ez-button", { key: du.name + '_add', label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
2231
- buttonProps.reloadVisible ? index.h("ez-button", { key: du.name + '_reload', title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
2232
- buttonProps.cancelVisible ? index.h("ez-button", { key: du.name + '_cancel', label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
2233
- buttonProps.saveVisible ? index.h("ez-button", { key: du.name + '_save', label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
2236
+ buttonProps.previousVisible ? index.h("ez-button", { key: du.name + "_previous", title: "Registro anterior", mode: "icon", enabled: enabled && du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
2237
+ buttonProps.nextVisible ? index.h("ez-button", { key: du.name + "_next", title: "Pr\u00F3ximo registro", mode: "icon", enabled: enabled && du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
2238
+ buttonProps.removeVisible ? index.h("ez-button", { key: du.name + "_remove", label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
2239
+ buttonProps.addVisible ? index.h("ez-button", { key: du.name + "_add", label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
2240
+ buttonProps.reloadVisible ? index.h("ez-button", { key: du.name + "_reload", title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
2241
+ buttonProps.cancelVisible ? index.h("ez-button", { key: du.name + "_cancel", label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
2242
+ buttonProps.saveVisible ? index.h("ez-button", { key: du.name + "_save", label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
2234
2243
  }
2235
2244
  else {
2236
2245
  return null;
@@ -2276,7 +2285,7 @@ const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
2276
2285
  const selectVisibleButtons = state => state.nonhist.visibleButtons;
2277
2286
 
2278
2287
  class DataUnit {
2279
- constructor(name, unitLabel, cardinality = '1', parentDU = null) {
2288
+ constructor(name, unitLabel, cardinality = "1", parentDU = null) {
2280
2289
  this.name = name;
2281
2290
  this.unitLabel = unitLabel;
2282
2291
  this.cardinality = cardinality;
@@ -2359,13 +2368,13 @@ class DataUnit {
2359
2368
  }, 100);
2360
2369
  }
2361
2370
  cancel() {
2362
- this.records = this.records.filter(r => !r.record__id.startsWith('NEW_'));
2371
+ this.records = this.records.filter(r => !r.record__id.startsWith("NEW_"));
2363
2372
  this._store.dispatch(clearEdition$1(this.name, this.records.length - 1));
2364
2373
  }
2365
2374
  insert() {
2366
2375
  const insertionIndex = this.records.length;
2367
2376
  const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
2368
- const newRecord = { record__id: 'NEW_' + (newRecordIndex + 1) };
2377
+ const newRecord = { record__id: "NEW_" + (newRecordIndex + 1) };
2369
2378
  this.bindToParent(newRecord);
2370
2379
  this.records.push(newRecord);
2371
2380
  this._store.dispatch(insertRecord$1(this.name, insertionIndex));
@@ -2478,7 +2487,7 @@ class DataUnit {
2478
2487
  }
2479
2488
  else {
2480
2489
  if (result.__data__unit === this.name) {
2481
- if (this.cardinality === '1') {
2490
+ if (this.cardinality === "1") {
2482
2491
  this.records = [this.buildRecordFromSaveResult(this.records[0], result)];
2483
2492
  }
2484
2493
  }
@@ -2489,7 +2498,7 @@ class DataUnit {
2489
2498
  this._store.dispatch(changesSaved$1(this.name));
2490
2499
  }
2491
2500
  buildRecordFromSaveResult(baseRecord, saveResult) {
2492
- const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: '' };
2501
+ const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: "" };
2493
2502
  Object.keys(saveResult).forEach(attrib => {
2494
2503
  if (!attrib.startsWith("__")) {
2495
2504
  newRecord[attrib] = saveResult[attrib];
@@ -2583,19 +2592,19 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
2583
2592
  dataUnit.changeValue(name, newValue);
2584
2593
  };
2585
2594
  switch (userInterface) {
2586
- case 'LONGTEXT':
2595
+ case "LONGTEXT":
2587
2596
  return index.h("div", { class: "col col--sd-12 padding--small" }, loadingData ? index.h("place-holder", null) :
2588
- index.h("ez-text-area", { value: value || '', label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
2589
- case 'CHECKBOX':
2590
- case 'SWITCH':
2597
+ index.h("ez-text-area", { value: value || "", label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
2598
+ case "CHECKBOX":
2599
+ case "SWITCH":
2591
2600
  return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small align--middle padding-bottom--large" }, loadingData ? index.h("place-holder", null) :
2592
- index.h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target['value']), ref: elem => scrollToView(forceScroll, elem), key: key }));
2593
- case 'OPTIONSELECTOR':
2594
- const optsObj = properties ? JSON.parse(getProp(properties, 'options')) : {};
2601
+ index.h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target["value"]), ref: elem => scrollToView(forceScroll, elem), key: key }));
2602
+ case "OPTIONSELECTOR":
2603
+ const optsObj = properties ? JSON.parse(getProp(properties, "options")) : {};
2595
2604
  const normalized = Object.keys(optsObj).map(key => { return { value: key, label: optsObj[key] }; });
2596
2605
  return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
2597
- index.h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
2598
- case 'SEARCH':
2606
+ index.h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
2607
+ case "SEARCH":
2599
2608
  const context = {
2600
2609
  __MAIN_FORM: form,
2601
2610
  __DATA_UNIT: dataUnit.name,
@@ -2619,38 +2628,38 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
2619
2628
  }
2620
2629
  });
2621
2630
  if (criteriaList.length > 0) {
2622
- context['CRITERIA'] = criteriaList;
2631
+ context["CRITERIA"] = criteriaList;
2623
2632
  }
2624
2633
  return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
2625
- index.h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, optionloader: (argument) => {
2634
+ index.h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, optionLoader: (argument) => {
2626
2635
  if (form) {
2627
2636
  return form.loadSearch(argument, context);
2628
2637
  }
2629
2638
  }, ref: elem => scrollToView(forceScroll, elem), key: key }));
2630
- case 'FILE':
2631
- const target = getProp(properties, 'URL');
2632
- const strHeaders = getProp(properties, 'HEADERS');
2639
+ case "FILE":
2640
+ const target = getProp(properties, "URL");
2641
+ const strHeaders = getProp(properties, "HEADERS");
2633
2642
  const headers = strHeaders ? JSON.parse(strHeaders) : {};
2634
2643
  const maxfiles = Number(getProp(properties, "maxfiles") || 0);
2635
2644
  return (index.h("div", { class: "col col--sd-12 padding--small" }, loadingData ? index.h("place-holder", null) :
2636
- index.h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlupload: target, requestheaders: headers, maxfiles: maxfiles })));
2637
- case 'DATE':
2645
+ index.h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlUpload: target, requestHeaders: headers, maxFiles: maxfiles })));
2646
+ case "DATE":
2638
2647
  return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
2639
- index.h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
2640
- case 'DECIMALNUMBER':
2641
- case 'INTEGERNUMBER':
2648
+ index.h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
2649
+ case "DECIMALNUMBER":
2650
+ case "INTEGERNUMBER":
2642
2651
  let precision = 0;
2643
2652
  let prettyPrecision = 0;
2644
- if (userInterface === 'DECIMALNUMBER') {
2653
+ if (userInterface === "DECIMALNUMBER") {
2645
2654
  precision = Number(getProp(properties, "precision") || 2);
2646
2655
  prettyPrecision = Number(getProp(properties, "prettyprecision") || precision);
2647
2656
  }
2648
2657
  return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
2649
- index.h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
2658
+ index.h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
2650
2659
  //IMAGE, DATETIME, ELAPSEDTIME, PASSWORD, MASKEDTEXT, HTML
2651
2660
  default:
2652
2661
  return index.h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? index.h("place-holder", null) :
2653
- index.h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
2662
+ index.h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
2654
2663
  }
2655
2664
  };
2656
2665
  function getProp(properties, name) {
@@ -2734,8 +2743,9 @@ let EzForm = class {
2734
2743
  this._preparedMetadata = undefined;
2735
2744
  }
2736
2745
  async validate() {
2746
+ const duSourcesNames = Array.from(this._duSources.keys());
2737
2747
  for (let i = 0; i < this._duSources.size; i++) {
2738
- const duName = Array.from(this._duSources.keys())[i];
2748
+ const duName = duSourcesNames[i];
2739
2749
  let du = this._dataUnits.get(duName);
2740
2750
  if (du === undefined) {
2741
2751
  const source = this._duSources.get(duName);
@@ -2749,8 +2759,9 @@ let EzForm = class {
2749
2759
  }
2750
2760
  async getChanges() {
2751
2761
  let allChanges = [];
2762
+ const dataUnits = Array.from(this._dataUnits.values());
2752
2763
  for (let i = 0; i < this._dataUnits.size; i++) {
2753
- const du = Array.from(this._dataUnits.values())[i];
2764
+ const du = dataUnits[i];
2754
2765
  //Só devemos buscar as alterações de DU raiz, pois os sub DUs serão enviados junto.
2755
2766
  if (!du.parentDU) {
2756
2767
  const duChanges = du.getChangesToSave();
@@ -2768,15 +2779,15 @@ let EzForm = class {
2768
2779
  }
2769
2780
  }
2770
2781
  validateRecords(dataUnit, records, triggedBy) {
2771
- const result = { isValid: true, message: '' };
2772
- if (this.ignoresavevalidation && triggedBy === "SAVE") {
2782
+ const result = { isValid: true, message: "" };
2783
+ if (this.ignoreSaveValidation && triggedBy === "SAVE") {
2773
2784
  return result;
2774
2785
  }
2775
2786
  const validateField = (field) => {
2776
2787
  if (field.readOnly) {
2777
2788
  return false;
2778
2789
  }
2779
- if (field.userInterface === 'SWITCH' || field.userInterface === 'CHECKBOX') {
2790
+ if (field.userInterface === "SWITCH" || field.userInterface === "CHECKBOX") {
2780
2791
  return false;
2781
2792
  }
2782
2793
  return true;
@@ -2787,7 +2798,7 @@ let EzForm = class {
2787
2798
  const recordIndex = record["record__index"];
2788
2799
  const fieldName = field.name;
2789
2800
  const fieldValue = record[fieldName];
2790
- if (fieldValue === null || fieldValue === undefined || fieldValue === '') {
2801
+ if (fieldValue === null || fieldValue === undefined || fieldValue === "") {
2791
2802
  const tabPosition = this._tabPositionByField.get(dataUnit.name + field.name);
2792
2803
  this._store.dispatch(invalidField$1(tabPosition.tabName, tabPosition.index, dataUnit.name, recordIndex, record.record__id, field.name, "Essa informação é obrigatória"));
2793
2804
  result.isValid = false;
@@ -2814,7 +2825,7 @@ let EzForm = class {
2814
2825
  return result;
2815
2826
  }
2816
2827
  loadMDFromExecutor(callBack) {
2817
- const loadMetadataFunction = this.parseExecutor(this.metadataexecutor);
2828
+ const loadMetadataFunction = this.parseExecutor(this.metadataExecutor);
2818
2829
  if (loadMetadataFunction) {
2819
2830
  const result = loadMetadataFunction();
2820
2831
  if (result) {
@@ -2894,7 +2905,7 @@ let EzForm = class {
2894
2905
  });
2895
2906
  this._store = createStore(rootReducer, applyMiddleware(thunk));
2896
2907
  this._store.subscribe(() => { index.forceUpdate(this); });
2897
- if (this.slavemode) {
2908
+ if (this.slaveMode) {
2898
2909
  this._store.dispatch(showHideNavigationButtons("saveVisible", false));
2899
2910
  this._store.dispatch(showHideNavigationButtons("cancelVisible", false));
2900
2911
  this._store.dispatch(showHideNavigationButtons("reloadVisible", false));
@@ -2917,12 +2928,12 @@ let EzForm = class {
2917
2928
  this._duToLoad = [];
2918
2929
  }
2919
2930
  loadSearch(argument, context) {
2920
- const fieldSearchExecutor = this.parseExecutor(this.fieldsearchexecutor);
2931
+ const fieldSearchExecutor = this.parseExecutor(this.fieldSearchExecutor);
2921
2932
  if (fieldSearchExecutor) {
2922
2933
  return fieldSearchExecutor(argument, context);
2923
2934
  }
2924
2935
  else {
2925
- return [{ value: 0, label: 'Sem resultados' }];
2936
+ return [{ value: 0, label: "Sem resultados" }];
2926
2937
  }
2927
2938
  }
2928
2939
  buildDataUnit(dataUnit, parentDataUnit) {
@@ -2949,9 +2960,9 @@ let EzForm = class {
2949
2960
  }
2950
2961
  decorateDU(dataUnit) {
2951
2962
  dataUnit.store = this._store;
2952
- dataUnit.loadExecutor = this.parseExecutor(this.loadexecutor);
2953
- dataUnit.saveExecutor = this.parseExecutor(this.saveexecutor);
2954
- dataUnit.removeExecutor = this.parseExecutor(this.removeexecutor);
2963
+ dataUnit.loadExecutor = this.parseExecutor(this.loadExecutor);
2964
+ dataUnit.saveExecutor = this.parseExecutor(this.saveExecutor);
2965
+ dataUnit.removeExecutor = this.parseExecutor(this.removeExecutor);
2955
2966
  dataUnit.recordsValidator = this;
2956
2967
  }
2957
2968
  render() {
@@ -2993,7 +3004,7 @@ let EzIcon = class {
2993
3004
  };
2994
3005
  EzIcon.style = ezIconCss;
2995
3006
 
2996
- const ezNumericInputCss = ":host{display:block;width:100%;--it__input--background-color:var(--background--medium, #e0e0e0);--it__input--border-color:var(--it__input--background-color)}.text-input{--it__input--background-color:inherit;--it__input--border-color:inherit}";
3007
+ const ezNumericInputCss = ":host{display:block;width:100%;--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color)}.text-input{--ez-text-input__input--background-color:inherit;--ez-text-input__input--border-color:inherit}";
2997
3008
 
2998
3009
  let EzNumericInput = class {
2999
3010
  constructor(hostRef) {
@@ -3062,11 +3073,11 @@ let EzSearch = class {
3062
3073
  /**
3063
3074
  * Ajusta a opção de mostrar o "value" ao selecionar uma opção.
3064
3075
  */
3065
- this.showselectedvalue = true;
3076
+ this.showSelectedValue = true;
3066
3077
  /**
3067
3078
  * Ajusta a opção de mostrar o "value" para cada opção.
3068
3079
  */
3069
- this.showoptionvalue = true;
3080
+ this.showOptionValue = true;
3070
3081
  }
3071
3082
  updateValue() {
3072
3083
  if (this._comboElement) {
@@ -3079,7 +3090,7 @@ let EzSearch = class {
3079
3090
  this.ezChange.emit(evt.detail);
3080
3091
  }
3081
3092
  render() {
3082
- return (index.h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionloader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showselectedvalue, showOptionValue: this.showoptionvalue }));
3093
+ return (index.h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
3083
3094
  }
3084
3095
  ;
3085
3096
  static get watchers() { return {
@@ -3289,7 +3300,7 @@ class Tab {
3289
3300
  }
3290
3301
  EzTabselector.style = ezTabselectorCss;
3291
3302
 
3292
- const ezTextAreaCss = ":host{--ta--width:100%;--ta--border-radius:var(--border--radius-medium, 12px);--ta--font-size:var(--text--medium, 14px);--ta--font-family:var(--font-pattern, Arial);--ta--font-weight:var(--text-weight--large, 500);--ta--color:var(--title--primary, #000);--ta__input--background-color:var(--background--medium, #e0e0e0);--ta__input--border:var(--border--medium, 2px solid);--ta__input--border-color:var(--ta__input--background-color);--ta__input--focus--border-color:var(--color--primary, #008561);--ta__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ta__input--disabled--color:var(--text--disable, #AFB6C0);--ta__input--error--border-color:#CC2936;--ta__message_box--font-size:var(--text--small, 12px);--ta__message_box--info--color:var(--color--success, #22085d);--ta__message_box--error--color:var(--color--error, #FF0000);--ta__label--floating--top:6px;--ta__label--padding-top:12px;--ta__label--padding-left:14px;--ta__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ta--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(--ta--font-family);font-size:var(--ta--font-size);color:var(--ta--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--ta__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--ta--border-radius);border:var(--ta__input--border);border-color:var(--ta__input--border-color);background-color:var(--ta__input--background-color)}.textarea--focus{border-color:var(--ta__input--focus--border-color)}.textarea.hasError{color:var(--ta--color);border-color:var(--ta__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ta--font-family);font-size:var(--ta__message_box--font-size);color:var(--ta__message_box--info--color)}.hasError{color:var(--ta__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(--ta__label--padding-right));left:var(--ta--space--medium);font-family:var(--ta--font-family);font-size:var(--ta--font-size);font-weight:var(--ta--font-weight);color:var(--ta--color);top:var(--ta__label--padding-top);left:var(--ta__label--padding-left);padding-right:var(--ta__label--padding-right)}.textarea__label--floated{font-family:var(--ta--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ta__label--floating--top)}.textarea__label--disabled{color:var(--ta__input--disabled--color)}";
3303
+ 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--large, 500);--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:2px;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)}";
3293
3304
 
3294
3305
  let EzTextArea = class {
3295
3306
  constructor(hostRef) {
@@ -3395,7 +3406,7 @@ let EzTextArea = class {
3395
3406
  };
3396
3407
  EzTextArea.style = ezTextAreaCss;
3397
3408
 
3398
- const ezTextInputCss = ":host{--text-input--height:42px;--text-input--width:100%;--text-input__icon--width:48px;--text-input--border-radius:var(--border--radius-medium, 12px);--text-input--font-size:var(--text--medium, 14px);--text-input--font-family:var(--font-pattern, Arial);--text-input--font-weight:var(--text-weight--large, 500);--text-input--color:var(--title--primary, #000);--text-input__input--background-color:var(--background--medium, #e0e0e0);--text-input__input--border:var(--border--medium, 2px solid);--text-input__input--border-color:var(--text-input__input--background-color);--text-input__input--focus--border-color:var(--color--alert-cold-800, #042EFF);--text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-input__input--disabled--color:var(--text--disable, #AFB6C0);--text-input__input--error--border-color:#CC2936;--text-input__message_box--font-size:var(--text--small, 12px);--text-input__message_box--info--color:var(--color--success, #22085d);--text-input__message_box--error--color:var(--color--error, #FF0000);--text-input__label--floating--top:6px;--text-input__label--padding-top:12px;--text-input__label--padding-left:14px;--text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--text-input--height);border-radius:var(--text-input--border-radius);font-family:var(--text-input--font-family);font-size:var(--text-input--font-size);border:var(--text-input__input--border);border-color:var(--text-input__input--border-color);background-color:var(--text-input__input--background-color);color:var(--text-input--color)}input:disabled{background-color:var(--text-input__input--disabled--background-color);color:var(--text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--text-input__input--focus--border-color)}input.icon--left{padding-left:var(--text-input__icon--width)}input.icon--right{padding-right:var(--text-input__icon--width)}input.hasError{color:var(--text-input--color);border-color:var(--text-input__input--error--border-color)}input.text--right{text-align:right}.message-box{display:flex;min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-input--font-family);font-size:var(--text-input__message_box--font-size);color:var(--text-input__message_box--info--color)}.hasError{color:var(--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(--text-input__label--padding-right));left:var(--text-input--space--medium);font-family:var(--text-input--font-family);font-size:var(--text-input--font-size);font-weight:var(--text-input--font-weight);color:var(--text-input--color);top:var(--text-input__label--padding-top);left:var(--text-input__label--padding-left);padding-right:var(--text-input__label--padding-right)}.input__label--floated{font-family:var(--text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-input__label--floating--top)}.input__label--disabled{color:var(--text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--text-input__icon--width) + 2px);width:calc(100% - var(--text-input__icon--width))}.input__label--right{right:var(--text-input__icon--width);width:calc(100% - var(--text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--text-input__icon--width) + 2px);width:calc(100% - var(--text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}";
3409
+ const ezTextInputCss = ":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--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--large, 500);--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--alert-cold-800, #042EFF);--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.text--right{text-align:right}.message-box{display:flex;min-height:16px;min-width:100%;margin-top:2px;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}";
3399
3410
 
3400
3411
  let EzTextInput = class {
3401
3412
  constructor(hostRef) {
@@ -3407,14 +3418,14 @@ let EzTextInput = class {
3407
3418
  this.enabled = true;
3408
3419
  }
3409
3420
  showError() {
3410
- const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
3421
+ const hasError = typeof this.errorMessage === "string" && this.errorMessage !== "";
3411
3422
  if (hasError) {
3412
- this._inputElem.classList.add('hasError');
3413
- this._messageBoxElem.classList.add('hasError');
3423
+ this._inputElem.classList.add("hasError");
3424
+ this._messageBoxElem.classList.add("hasError");
3414
3425
  }
3415
3426
  else {
3416
- this._inputElem.classList.remove('hasError');
3417
- this._messageBoxElem.classList.remove('hasError');
3427
+ this._inputElem.classList.remove("hasError");
3428
+ this._messageBoxElem.classList.remove("hasError");
3418
3429
  }
3419
3430
  }
3420
3431
  prepareMask() {
@@ -3432,7 +3443,7 @@ let EzTextInput = class {
3432
3443
  this._inputElem.value = this.value;
3433
3444
  }
3434
3445
  this.handleChange();
3435
- this.ezChange.emit();
3446
+ this.ezChange.emit(this.value);
3436
3447
  this.adjustFloatingLabel();
3437
3448
  }
3438
3449
  adjustFloatingLabel() {
@@ -3517,22 +3528,22 @@ let EzTextInput = class {
3517
3528
  content.style.justifyContent = "center";
3518
3529
  content.style.overflow = "hidden";
3519
3530
  content.style.top = "0px";
3520
- content.style.width = "var(--text-input__icon--width)";
3521
- content.style.height = "var(--text-input--height)";
3531
+ content.style.width = "var(--ez-text-input__icon--width)";
3532
+ content.style.height = "var(--ez-text-input--height)";
3522
3533
  if (slot.name == "leftIcon") {
3523
3534
  content.style.left = "0px";
3524
- content.style.borderRadius = "var(--text-input--border-radius) 0 0 var(--text-input--border-radius)";
3525
- this._inputElem.classList.add('icon--left');
3535
+ content.style.borderRadius = "var(--ez-text-input--border-radius) 0 0 var(--ez-text-input--border-radius)";
3536
+ this._inputElem.classList.add("icon--left");
3526
3537
  if (this._labelElem) {
3527
- this._labelElem.classList.add('input__label--left');
3538
+ this._labelElem.classList.add("input__label--left");
3528
3539
  }
3529
3540
  }
3530
3541
  else if (slot.name == "rightIcon") {
3531
3542
  content.style.right = "0px";
3532
- content.style.borderRadius = "0 var(--text-input--border-radius) var(--text-input--border-radius) 0";
3533
- this._inputElem.classList.add('icon--right');
3543
+ content.style.borderRadius = "0 var(--ez-text-input--border-radius) var(--ez-text-input--border-radius) 0";
3544
+ this._inputElem.classList.add("icon--right");
3534
3545
  if (this._labelElem) {
3535
- this._labelElem.classList.add('input__label--right');
3546
+ this._labelElem.classList.add("input__label--right");
3536
3547
  }
3537
3548
  }
3538
3549
  }
@@ -3672,7 +3683,7 @@ class RemoteFile {
3672
3683
  }
3673
3684
  }
3674
3685
 
3675
- const ezUploadCss = ":host{--iu--height:42px;--iu--width:100%;--iu__icon--width:48px;--iu__container--background-color:var(--background--medium, #d2dce9);--iu__color--primary:var(--color--primary, #008561);--iu--padding--extra-small:var(--space--extra-small, 3px);--iu--padding--small:var(--space--small, 6px);--iu--padding--medium:var(--space--medium, 12px);--iu--padding--large:var(--space--large, 24px);--iu__border--color:var(--color-strokes, #DCE0E8);--iu--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--iu--text--primary:var(--text-primary, #626e82);--iu--font-size:var(--text--medium, 14px);--iu--font-family:var(--font-pattern, Arial);--iu--font-weight:var(--text-weight--large, 500);--iu__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--iu__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--iu--font-family);font-size:var(--iu--font-size);width:var(--iu--width);font-weight:var(--iu--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--iu__container--background-color);padding:var(--iu--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--iu__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--iu--padding--medium) var(--iu--padding--medium) var(--iu--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--iu--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--iu__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--iu__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--iu__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--iu__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--iu--text--primary);text-shadow:var(--iu--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--iu__btn__cancel-image);mask-image:var(--iu__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--iu--font-family);font-size:var(--text--extra-small);font-weight:var(--iu--font-weight);color:var(--iu--text--primary);text-shadow:var(--iu--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--iu__file-icon-image);mask-image:var(--iu__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--iu--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.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%}}";
3686
+ const ezUploadCss = ":host{--ez-upload--height:42px;--ez-upload--width:100%;--ez-upload__icon--width:48px;--ez-upload__container--background-color:var(--background--medium, #d2dce9);--ez-upload__color--primary:var(--color--primary, #008561);--ez-upload--padding--extra-small:var(--space--extra-small, 3px);--ez-upload--padding--small:var(--space--small, 6px);--ez-upload--padding--medium:var(--space--medium, 12px);--ez-upload--padding--large:var(--space--large, 24px);--ez-upload__border--color:var(--color-strokes, #DCE0E8);--ez-upload--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-upload--text--primary:var(--text-primary, #626e82);--ez-upload--font-size:var(--text--medium, 14px);--ez-upload--font-family:var(--font-pattern, Arial);--ez-upload--font-weight:var(--text-weight--large, 500);--ez-upload__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--ez-upload__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--ez-upload--font-family);font-size:var(--ez-upload--font-size);width:var(--ez-upload--width);font-weight:var(--ez-upload--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:var(--ez-upload--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--ez-upload--padding--medium) var(--ez-upload--padding--medium) var(--ez-upload--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--ez-upload--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--ez-upload__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--ez-upload__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--ez-upload__btn__cancel-image);mask-image:var(--ez-upload__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-upload--font-family);font-size:var(--text--extra-small);font-weight:var(--ez-upload--font-weight);color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--ez-upload__file-icon-image);mask-image:var(--ez-upload__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--ez-upload--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.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%}}";
3676
3687
 
3677
3688
  let EzUpload = class {
3678
3689
  constructor(hostRef) {
@@ -3703,28 +3714,31 @@ let EzUpload = class {
3703
3714
  }
3704
3715
  normalizeRequestHeaders() {
3705
3716
  this._requestHeaders = new Map();
3706
- if (typeof this.requestheaders == 'string') {
3717
+ if (typeof this.requestHeaders == "string") {
3707
3718
  try {
3708
- this.requestheaders = JSON.parse(this.requestheaders);
3719
+ this.requestHeaders = JSON.parse(this.requestHeaders);
3709
3720
  }
3710
3721
  catch (e) {
3711
- this.requestheaders = undefined;
3722
+ this.requestHeaders = undefined;
3712
3723
  }
3713
3724
  }
3714
- for (var key in this.requestheaders) {
3715
- this._requestHeaders.set(key, this.requestheaders[key]);
3725
+ for (var key in this.requestHeaders) {
3726
+ this._requestHeaders.set(key, this.requestHeaders[key]);
3716
3727
  }
3717
3728
  }
3729
+ /**
3730
+ * Método responsável por adicionar um ou mais arquivos ao componente.
3731
+ */
3718
3732
  async addFiles(files) {
3719
- if (this.maxfiles > 0) {
3733
+ if (this.maxFiles > 0) {
3720
3734
  let countDistinctFiles = this._filePointers.size;
3721
3735
  files.forEach(file => {
3722
3736
  if (!this._filePointers.has(file.name)) {
3723
3737
  countDistinctFiles++;
3724
3738
  }
3725
3739
  });
3726
- if (countDistinctFiles > this.maxfiles) {
3727
- this.showError(`A quantidade máxima de arquivos é ${this.maxfiles}.`);
3740
+ if (countDistinctFiles > this.maxFiles) {
3741
+ this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
3728
3742
  return;
3729
3743
  }
3730
3744
  }
@@ -3751,7 +3765,7 @@ let EzUpload = class {
3751
3765
  if (this.validateFile(file)) {
3752
3766
  const uploadingFile = new RemoteFile(file);
3753
3767
  this._filePointers.set(file.name, uploadingFile);
3754
- uploadingFile.upload(this.urlupload, this._requestHeaders, (file) => this.updateFeedback(file))
3768
+ uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
3755
3769
  .then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
3756
3770
  .catch(msg => this.showError(msg));
3757
3771
  index.forceUpdate(this);
@@ -3772,13 +3786,13 @@ let EzUpload = class {
3772
3786
  this.ezChange.emit(this.value);
3773
3787
  }
3774
3788
  buildProgressId(uploading) {
3775
- let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, '_');
3789
+ let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
3776
3790
  return `PROGRESS_${sanitizedName}_${uploading.file.lastModified}`;
3777
3791
  }
3778
3792
  updateFeedback(uf) {
3779
3793
  window.requestAnimationFrame(() => {
3780
3794
  if (this._host) {
3781
- const progress = this._host.shadowRoot.querySelector('#' + this.buildProgressId(uf));
3795
+ const progress = this._host.shadowRoot.querySelector("#" + this.buildProgressId(uf));
3782
3796
  if (progress) {
3783
3797
  progress.value = uf.progress;
3784
3798
  }
@@ -3786,20 +3800,20 @@ let EzUpload = class {
3786
3800
  });
3787
3801
  }
3788
3802
  validateFile(file) {
3789
- if (!this._filePointers.has(file.name) && this.maxfiles > 0 && this._filePointers.size >= this.maxfiles) {
3790
- this.showError(`A quantidade máxima de arquivos é ${this.maxfiles}.`);
3803
+ if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
3804
+ this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
3791
3805
  return false;
3792
3806
  }
3793
3807
  if (file.size === 0) {
3794
3808
  this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
3795
3809
  return false;
3796
3810
  }
3797
- if (!this.urlupload) {
3811
+ if (!this.urlUpload) {
3798
3812
  this.showError("Endereço de upload não informado");
3799
3813
  return false;
3800
3814
  }
3801
- if (this.maxfilesize >= 0 && file.size > this.maxfilesize) {
3802
- this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxfilesize));
3815
+ if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
3816
+ this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
3803
3817
  return false;
3804
3818
  }
3805
3819
  return true;
@@ -3809,17 +3823,17 @@ let EzUpload = class {
3809
3823
  }
3810
3824
  formatBytes(bytes, decimals = 1) {
3811
3825
  if (bytes === 0)
3812
- return '0 Bytes';
3826
+ return "0 Bytes";
3813
3827
  const k = 1024;
3814
3828
  const dm = decimals < 0 ? 0 : decimals;
3815
- const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
3829
+ const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
3816
3830
  const i = Math.floor(Math.log(bytes) / Math.log(k));
3817
- return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
3831
+ return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
3818
3832
  }
3819
3833
  onFileInputChange(event) {
3820
3834
  const input = event.target;
3821
3835
  this.addFiles(Array.from(input.files));
3822
- this._fileInput.value = '';
3836
+ this._fileInput.value = "";
3823
3837
  }
3824
3838
  isRemoteFile(item) {
3825
3839
  return "file" in item;
@@ -3835,10 +3849,10 @@ let EzUpload = class {
3835
3849
  this.removeFromList(name);
3836
3850
  }
3837
3851
  else {
3838
- if (this.urldelete) {
3852
+ if (this.urlDelete) {
3839
3853
  const uploadingFile = new RemoteFile(null);
3840
3854
  this._filePointers.set(item.name, uploadingFile);
3841
- uploadingFile.delete(item, this.urldelete, null)
3855
+ uploadingFile.delete(item, this.urlDelete, null)
3842
3856
  .then(_ok => this.removeFromList(name))
3843
3857
  .catch(msg => this.showError(msg));
3844
3858
  }
@@ -3854,20 +3868,20 @@ let EzUpload = class {
3854
3868
  }
3855
3869
  componentDidLoad() {
3856
3870
  if (this.enabled && this._dropZone && window.FileList && window.File) {
3857
- this._dropZone.addEventListener('dragover', event => {
3871
+ this._dropZone.addEventListener("dragover", event => {
3858
3872
  event.stopPropagation();
3859
3873
  event.preventDefault();
3860
- event.dataTransfer.dropEffect = 'copy';
3861
- this._dropZone.style.background = '#c2dbff';
3874
+ event.dataTransfer.dropEffect = "copy";
3875
+ this._dropZone.style.background = "#c2dbff";
3862
3876
  });
3863
- this._dropZone.addEventListener('drop', event => {
3877
+ this._dropZone.addEventListener("drop", event => {
3864
3878
  event.stopPropagation();
3865
3879
  event.preventDefault();
3866
3880
  this.addFiles(Array.from(event.dataTransfer.files));
3867
- this._dropZone.style.background = '';
3881
+ this._dropZone.style.background = "";
3868
3882
  });
3869
- this._dropZone.addEventListener('dragleave', _event => {
3870
- this._dropZone.style.background = '';
3883
+ this._dropZone.addEventListener("dragleave", _event => {
3884
+ this._dropZone.style.background = "";
3871
3885
  });
3872
3886
  }
3873
3887
  }
@@ -3879,7 +3893,7 @@ let EzUpload = class {
3879
3893
  }
3880
3894
  }
3881
3895
  render() {
3882
- return (index.h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass('iu', 'background--disabled') }, index.h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, index.h("div", { class: "iu_header" }, this.label ? index.h("label", { class: this.evalDisabledClass('iu__label', 'text--disabled'), title: this.label }, this.label) : null, index.h("div", { class: this.evalDisabledClass('iu__icon-label', 'mouse-pointer--disabled') }, index.h("button", { class: "iu__file-icon", disabled: !this.enabled }), index.h("div", { class: this.evalDisabledClass('text text--center text--medium text--primary', 'text--disabled') }, this.enabled ? 'Arraste e solte ou clique para adicionar arquivos' : 'Somente leitura'))), this.buildFooter()), index.h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, hidden: true })));
3896
+ return (index.h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, index.h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, index.h("div", { class: "iu_header" }, this.label ? index.h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, index.h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, index.h("button", { class: "iu__file-icon", disabled: !this.enabled }), index.h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), index.h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, hidden: true })));
3883
3897
  }
3884
3898
  buildFooter() {
3885
3899
  if (this._filePointers.size === 0) {
@@ -3891,8 +3905,8 @@ let EzUpload = class {
3891
3905
  }
3892
3906
  buildFileItem(item) {
3893
3907
  const fileName = item.name;
3894
- const progress = Number(item['progress']);
3895
- const downloadURL = item['downloadURL'];
3908
+ const progress = Number(item["progress"]);
3909
+ const downloadURL = item["downloadURL"];
3896
3910
  const label = `${fileName} (${this.formatBytes(item.size)})`;
3897
3911
  return (index.h("div", { class: "iu__item", key: fileName, onClick: evt => evt.stopPropagation() }, index.h("div", { class: "iu__item-label modificador" }, index.h("div", { title: label, class: "col--stretch align--middle file__name text text--primary text--small text--ellipsis align--middle" }, downloadURL ? index.h("a", { href: downloadURL, download: true }, label) : label)), isNaN(progress)
3898
3912
  ?
@@ -3910,7 +3924,7 @@ let EzUpload = class {
3910
3924
  get _host() { return index.getElement(this); }
3911
3925
  static get watchers() { return {
3912
3926
  "value": ["changeValue"],
3913
- "requestheaders": ["normalizeRequestHeaders"]
3927
+ "requestHeaders": ["normalizeRequestHeaders"]
3914
3928
  }; }
3915
3929
  };
3916
3930
  EzUpload.style = ezUploadCss;
@@ -3929,7 +3943,7 @@ let FormMetadata = class {
3929
3943
  label = "Selecione uma das opções:";
3930
3944
  }
3931
3945
  const objOpts = {};
3932
- Array.from(element.getElementsByTagName('OPTION')).forEach((optElem, index) => {
3946
+ Array.from(element.getElementsByTagName("OPTION")).forEach((optElem, index) => {
3933
3947
  const optValue = optElem.getAttribute("value") || index;
3934
3948
  const optLabel = optElem.textContent;
3935
3949
  objOpts[optValue] = optLabel;
@@ -3937,15 +3951,15 @@ let FormMetadata = class {
3937
3951
  properties.push({ name: "options", value: JSON.stringify(objOpts) });
3938
3952
  }
3939
3953
  else if (userInterface === "FILE") {
3940
- const urlElement = element.querySelector('URL');
3941
- const headersElement = element.querySelectorAll('HEADERS>HEADER');
3954
+ const urlElement = element.querySelector("URL");
3955
+ const headersElement = element.querySelectorAll("HEADERS>HEADER");
3942
3956
  if (urlElement) {
3943
3957
  properties.push({ name: "URL", value: urlElement.textContent });
3944
3958
  }
3945
3959
  if (headersElement && headersElement.length > 0) {
3946
3960
  const headers = {};
3947
3961
  headersElement.forEach(header => {
3948
- headers[header.getAttribute('name')] = header.textContent;
3962
+ headers[header.getAttribute("name")] = header.textContent;
3949
3963
  });
3950
3964
  properties.push({ name: "HEADERS", value: JSON.stringify(headers) });
3951
3965
  }
@@ -3971,7 +3985,7 @@ let FormMetadata = class {
3971
3985
  }
3972
3986
  buildFieldSet(dataUnit, element) {
3973
3987
  const label = element.getAttribute("label");
3974
- const fields = Array.from(element.getElementsByTagName('FIELD')).map(f => {
3988
+ const fields = Array.from(element.getElementsByTagName("FIELD")).map(f => {
3975
3989
  const field = this.buildField(f);
3976
3990
  dataUnit.addFieldMetadata(field);
3977
3991
  return { name: field.name };
@@ -3988,7 +4002,7 @@ let FormMetadata = class {
3988
4002
  Array.from(elements).forEach(child => {
3989
4003
  const tagName = child.tagName.toUpperCase();
3990
4004
  switch (tagName) {
3991
- case 'FIELD':
4005
+ case "FIELD":
3992
4006
  if (!form.items) {
3993
4007
  form.items = [];
3994
4008
  }
@@ -3996,13 +4010,13 @@ let FormMetadata = class {
3996
4010
  dataUnit.addFieldMetadata(f);
3997
4011
  form.items.push({ name: f.name });
3998
4012
  break;
3999
- case 'FIELD-SET':
4013
+ case "FIELD-SET":
4000
4014
  if (!form.items) {
4001
4015
  form.items = [];
4002
4016
  }
4003
4017
  form.items.push(this.buildFieldSet(dataUnit, child));
4004
4018
  break;
4005
- case 'SUB-FORM':
4019
+ case "SUB-FORM":
4006
4020
  if (!form.subForms) {
4007
4021
  form.subForms = [];
4008
4022
  }
@@ -4011,7 +4025,7 @@ let FormMetadata = class {
4011
4025
  const subDuName = child.getAttribute("dataunit");
4012
4026
  let subDu;
4013
4027
  if (subDuName) {
4014
- subDu = new DataUnit(subDuName, 'noname', child.hasAttribute("many") ? 'N' : '1');
4028
+ subDu = new DataUnit(subDuName, "noname", child.hasAttribute("many") ? "N" : "1");
4015
4029
  }
4016
4030
  else {
4017
4031
  subDu = dataUnit;
@@ -4026,7 +4040,7 @@ let FormMetadata = class {
4026
4040
  if (!this.dataunit) {
4027
4041
  this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
4028
4042
  }
4029
- const du = new DataUnit(this.dataunit, 'noname', this.many ? 'N' : '1');
4043
+ const du = new DataUnit(this.dataunit, "noname", this.many ? "N" : "1");
4030
4044
  this.metadata = this.fromElements(this._host.children, this.label, this.name, du, this.autoload);
4031
4045
  }
4032
4046
  render() {