@sankhyalabs/ezui 3.6.0 → 4.0.0

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b54f47a1.js');
+const index = require('./index-892780f1.js');
 
 /*
  Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-breadcrumb.cjs",[[1,"ez-breadcrumb",{"items":[1040],"fillMode":[1025,"fill-mode"],"maxItems":[1026,"max-items"],"positionEllipsis":[1026,"position-ellipsis"],"visibleItems":[32],"hiddenItems":[32],"showDropdown":[32],"collapseConfigPosition":[32]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-alert.cjs",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-file-item.cjs",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-form-view.cjs",[[2,"ez-form-view",{"fields":[16]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-guide-navigator.cjs",[[1,"ez-guide-navigator",{"open":[1540],"items":[16],"tooltipResolver":[16],"filterText":[32],"disableItem":[64],"enableItem":[64]}]]],["ez-dropdown.cjs",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-filter-input_4.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"setFocus":[64],"setBlur":[64],"isInvalid":[64],"setValue":[64],"endSearch":[64]}],[1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]],[1,"ez-sidebar-button"],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_tree":[32],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64],"applyFilter":[64]},[[2,"keydown","onKeyDownListener"]]]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-form.cjs",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"multiLevel":[4,"multi-level"],"levelResolver":[16],"contentBuilder":[16],"validate":[64]}]]]], options);
+  return index.bootstrapLazy([["ez-actions-button.cjs",[[1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32],"hideActions":[64],"isOpened":[64]}]]],["ez-breadcrumb.cjs",[[1,"ez-breadcrumb",{"items":[1040],"fillMode":[1025,"fill-mode"],"maxItems":[1026,"max-items"],"positionEllipsis":[1026,"position-ellipsis"],"visibleItems":[32],"hiddenItems":[32],"showDropdown":[32],"collapseConfigPosition":[32]}]]],["ez-dialog.cjs",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid.cjs",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container.cjs",[[6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]]],["ez-alert.cjs",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-chip.cjs",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-file-item.cjs",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application.cjs",[[0,"ez-application"]]],["ez-card-item.cjs",[[1,"ez-card-item",{"item":[16]}]]],["ez-list.cjs",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar.cjs",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal.cjs",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover.cjs",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup.cjs",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button.cjs",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-toast.cjs",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack.cjs",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-form-view.cjs",[[2,"ez-form-view",{"fields":[16],"showUp":[64]}]]],["ez-tabselector.cjs",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input.cjs",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-guide-navigator.cjs",[[1,"ez-guide-navigator",{"open":[1540],"selectedId":[1537,"selected-id"],"items":[16],"tooltipResolver":[16],"filterText":[32],"disableItem":[64],"enableItem":[64],"updateItem":[64],"getItem":[64],"getCurrentPath":[64],"selectGuide":[64],"getParent":[64]}]]],["ez-dropdown.cjs",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-collapsible-box.cjs",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search.cjs",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input.cjs",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input.cjs",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input.cjs",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input.cjs",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check.cjs",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area.cjs",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload.cjs",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit.cjs",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box.cjs",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-filter-input_4.cjs",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"setFocus":[64],"setBlur":[64],"isInvalid":[64],"setValue":[64],"endSearch":[64]}],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_tree":[32],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64],"applyFilter":[64],"updateItem":[64],"getItem":[64],"getCurrentPath":[64],"getParent":[64]},[[2,"keydown","onKeyDownListener"]]],[1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]],[1,"ez-sidebar-button"]]],["ez-calendar.cjs",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon.cjs",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button.cjs",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form.cjs",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"validate":[64]}]]]], options);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -4,10 +4,9 @@
     "./components/ez-breadcrumb/ez-breadcrumb.js",
     "./components/ez-card-item/ez-card-item.js",
     "./components/ez-combo-box/ez-combo-box.js",
-    "./components/ez-tabselector/ez-tabselector.js",
-    "./components/ez-form/ez-form.js",
     "./components/ez-list/ez-list.js",
     "./components/ez-radio-button/ez-radio-button.js",
+    "./components/ez-tabselector/ez-tabselector.js",
     "./components/ez-text-edit/ez-text-edit.js",
     "./components/ez-upload/ez-upload.js",
     "./components/ez-alert/ez-alert.js",
@@ -23,6 +22,7 @@
     "./components/ez-dropdown/ez-dropdown.js",
     "./components/ez-file-item/ez-file-item.js",
     "./components/ez-filter-input/ez-filter-input.js",
+    "./components/ez-form/ez-form.js",
     "./components/ez-form-view/ez-form-view.js",
     "./components/ez-grid/ez-grid.js",
     "./components/ez-guide-navigator/ez-guide-navigator.js",

package/dist/collection/components/ez-breadcrumb/ez-breadcrumb.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core';
-import { ElementIDUtils, JSUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, JSUtils, ObjectUtils } from '@sankhyalabs/core';
 import { BreadcrumbItem } from './subcomponents/breadcrumb-item';
 export class EzBreadcrumb {
   constructor() {
@@ -19,7 +19,10 @@ export class EzBreadcrumb {
     this.showDropdown = false;
     this.collapseConfigPosition = -1;
   }
-  watchPropHandler() {
+  watchPropHandler(newValue, oldValue) {
+    if (ObjectUtils.objectToString(newValue || []) !== ObjectUtils.objectToString(oldValue || [])) {
+      this.loadItems();
+    }
     this.fillMode === "auto" && this.handleResize();
   }
   watchPropHiddenItems() {
@@ -32,7 +35,11 @@ export class EzBreadcrumb {
     this.setEvents();
   }
   componentWillLoad() {
+    this.loadItems();
+  }
+  loadItems() {
     this.visibleItems = [...this.items];
+    this.hiddenItems = [];
     if (this.fillMode === 'regular') {
       this.configModeRegular();
     }
@@ -77,6 +84,9 @@ export class EzBreadcrumb {
       this._renderSecond = true;
       return;
     }
+    if (this._element.parentElement == undefined) {
+      return;
+    }
     let { offsetWidth } = this._element.parentElement;
     let sumVisibleItems = 0;
     this.visibleItems.forEach(item => sumVisibleItems += item.width);

package/dist/collection/components/ez-combo-box/ez-combo-box.js

@@ -1,4 +1,4 @@
-import { ElementIDUtils, FloatingManager, ObjectUtils } from "@sankhyalabs/core";
+import { ElementIDUtils, FloatingManager, ObjectUtils, StringUtils } from "@sankhyalabs/core";
 import { h, Host } from "@stencil/core";
 import { ApplicationUtils, CSSVarsUtils } from "../../utils";
 import { REQUIRED_INFO } from "../../utils/constants";
@@ -41,6 +41,10 @@ export class EzComboBox {
   }
   observeValue(newValue, oldValue) {
     if (this._textInput && newValue != oldValue) {
+      if (this.searchMode && typeof newValue === "string") {
+        this.setInputValue();
+        return;
+      }
       const newValueSelected = this.getSelectedOption(newValue);
       const oldValueSelected = this.getSelectedOption(oldValue);
       const currentValue = this.getSelectedOption(this.value);
@@ -247,7 +251,7 @@ export class EzComboBox {
     var _a, _b;
     const currentValue = this.getSelectedOption(this.value);
     if ((((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = newOption === null || newOption === void 0 ? void 0 : newOption.value) === null || _b === void 0 ? void 0 : _b.toString()))
-      || (currentValue == undefined && "value" in newOption)) {
+      || (currentValue == undefined && newOption != undefined && "value" in newOption)) {
       const adjustedOpt = !(newOption === null || newOption === void 0 ? void 0 : newOption.value) ? undefined : newOption;
       this.value = adjustedOpt;
     }
@@ -315,11 +319,17 @@ export class EzComboBox {
     }
   }
   validateDescriptionValue() {
-    if (!this.searchMode || typeof this.value !== "object") {
+    if (!this.searchMode || StringUtils.isEmpty(this.value)) {
       return;
     }
-    const { label, value } = this.value || {};
-    if (label || value == undefined) {
+    let value = this.value;
+    if (typeof value === "object") {
+      if (!StringUtils.isEmpty(value.label)) {
+        return;
+      }
+      value = value.value;
+    }
+    if (StringUtils.isEmpty(value)) {
       return;
     }
     this.loadDescriptionValue(value);
@@ -419,16 +429,12 @@ export class EzComboBox {
     (_a = this._optionsList) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".item").forEach((elem) => {
       ElementIDUtils.addIDInfoIfNotExists(elem, "itemComboBox");
     });
+    this.validateDescriptionValue();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this.el, this._textInput);
     this.setInputValue(false);
   }
-  componentShouldUpdate(newValue, oldValue) {
-    if (this.isDifferentValues(newValue, oldValue)) {
-      this.validateDescriptionValue();
-    }
-  }
   //---------------------------------------------
   // Event handlers
   //---------------------------------------------

package/dist/collection/components/ez-date-input/ez-date-input.js

@@ -104,7 +104,7 @@ export class EzDateInput {
     }
   }
   getTextValue(d) {
-    return d ? new Intl.DateTimeFormat("pt-BR").format(d) : undefined;
+    return d ? DateUtils.formatDate(d) : undefined;
   }
   handleInput(event) {
     const strValue = this._textInput.value;

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

@@ -153,18 +153,10 @@ export class EzDateTimeInput {
     }
   }
   getTextValue(date) {
-    const options = {
-      year: 'numeric', month: 'numeric', day: 'numeric',
-      hour: 'numeric', minute: 'numeric'
-    };
-    const optionsSecond = {
-      year: 'numeric', month: 'numeric', day: 'numeric',
-      hour: 'numeric', minute: 'numeric', second: 'numeric'
-    };
-    if (!date)
+    if (!date) {
       return;
-    let formattedDate = new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(date);
-    return formattedDate.replace(",", "");
+    }
+    return DateUtils.formatDateTime(date, this.showSeconds);
   }
   handleInput(event) {
     const newValue = this.getParsedDateTime();

package/dist/collection/components/ez-form/ez-form.css

@@ -7,10 +7,4 @@
 .dynamic-content ez-collapsible-box {
   --ez-collapsible-box__header--padding-right: var(--space-small, 6px);
   --ez-collapsible-box__header--padding-left: var(--space-small, 6px);
-}
-
-.multi-level__container {
-  display: grid;
-  grid-template-columns: minmax(20%, 300px) auto;
-  width: 100%;
 }

package/dist/collection/components/ez-form/ez-form.js

@@ -1,10 +1,9 @@
-import { Action, DataUnit, DataUnitAction, ElementIDUtils, StringUtils } from "@sankhyalabs/core";
+import { Action, DataUnit, ElementIDUtils, StringUtils } from "@sankhyalabs/core";
 import { Host, forceUpdate, h } from "@stencil/core";
 import { createStore } from "redux";
-import ApplicationUtils from "../../utils/ApplicationUtils";
-import DataBinder from "./DataBinder";
-import { changeTab, formReducer, loadMetadata, selectCurrentSheet, selectCurrentSheetId, selectFormMetadata } from "./store/form.slice";
-import { buildFromConfig, buildFromDataUnit } from "./FormMetadata";
+import { changeTab, formReducer, loadMetadata, selectCurrentSheet, selectFormMetadata } from "./store/form.slice";
+import { buildFormMetadata } from "../../utils/form/FormMetadata";
+import DataBinder from "../../utils/form/DataBinder";
 export class EzForm {
   constructor() {
     this.onDataUnitAction = (action) => {
@@ -15,114 +14,24 @@ export class EzForm {
     this.dataUnit = undefined;
     this.config = undefined;
     this.recordsValidator = undefined;
-    this.multiLevel = undefined;
-    this.levelResolver = undefined;
-    this.contentBuilder = undefined;
   }
   /**
    * Realiza validação no conteúdo de todos os campos.
    */
   validate() {
-    return new Promise((accept, reject) => {
-      var _a;
-      const records = this.dataUnit.getModifiedRecords();
-      for (let i = 0; i < records.length; i++) {
-        const record = records[i];
-        const invalidResults = [];
-        let validationResult = this.validateRequired(record);
-        if (validationResult && !validationResult.isValid) {
-          invalidResults.push(validationResult);
-        }
-        validationResult = (_a = this.recordsValidator) === null || _a === void 0 ? void 0 : _a.validateRecord(this, record);
-        if (validationResult && !validationResult.isValid) {
-          invalidResults.push(validationResult);
-        }
-        if (invalidResults.length > 0) {
-          this.processValidationResult(invalidResults);
-          reject();
-          break;
-        }
-      }
-      accept();
-    });
+    return this._dataBinder.validate();
   }
   observeConfig() {
     this.processMetadata();
   }
-  validateRequired(record) {
-    const metadata = selectFormMetadata(this._store.getState());
-    const requiredFields = this._staticFields
-      .filter(f => f.dataset.required)
-      .map(f => f.dataset.fieldName)
-      .concat(metadata.getRequiredFields());
-    const invalidFields = [];
-    new Set(requiredFields).forEach(field => {
-      const value = record[field];
-      if (value == undefined || value === "") {
-        const errorMessage = this._dataBinder.getErrorMessage(field);
-        if (errorMessage) {
-          invalidFields.push({ name: field, message: errorMessage });
-        }
-        else {
-          invalidFields.push({ name: field, message: "Essa informação é obrigatória" });
-        }
-      }
-    });
-    if (invalidFields.length > 0) {
-      return { isValid: false, invalidFields, infoMessage: "Há pelo menos um campo obrigatório não preenchido." };
-    }
-    return undefined;
-  }
-  processValidationResult(validationResult) {
-    validationResult.forEach(invalidResult => {
-      const invalidFields = invalidResult.invalidFields;
-      if (invalidFields) {
-        invalidFields.forEach(field => {
-          this._dataBinder.markInvalid(field);
-        });
-      }
-      if (invalidResult.infoMessage) {
-        ApplicationUtils.info(invalidResult.infoMessage);
-      }
-      if (invalidResult.errorMessage) {
-        const { errorTitle, errorMessage } = invalidResult;
-        ApplicationUtils.error(errorTitle, errorMessage);
-      }
-    });
-  }
-  resolveLevel(items) {
-    if (!this.levelResolver) {
-      return items;
-    }
-    return this.levelResolver(items);
-  }
-  getMultiLevelContent(sheets, currentSheet, currentSheetId) {
-    const treeItems = this.resolveLevel(sheets.map(sheet => {
-      const item = {
-        id: sheet.name,
-        label: sheet.label
-      };
-      return item;
-    }));
-    return (h("div", { class: "multi-level__container" }, h("div", null, h("ez-tree", { selectedId: currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name, items: treeItems, onEzChange: (evt) => {
-        var _a;
-        const selectedItem = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id;
-        if (selectedItem && selectedItem !== (currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.name)) {
-          this._store.dispatch(changeTab(selectedItem));
-        }
-      } })), h("div", null, this.buildFormContent(currentSheetId, currentSheet))));
-  }
   getDynamicContent() {
-    var _a, _b;
+    var _a;
     const formMD = selectFormMetadata(this._store.getState());
-    if (!formMD)
+    if (!formMD) {
       return null;
-    const allSheets = Array.from(formMD.getAllSheets().values());
-    const currentSheetId = selectCurrentSheetId((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
-    const currentSheet = selectCurrentSheet((_b = this._store) === null || _b === void 0 ? void 0 : _b.getState());
-    if (this.multiLevel) {
-      return this.getMultiLevelContent(allSheets, currentSheet, currentSheetId);
     }
+    const allSheets = Array.from(formMD.getAllSheets().values());
+    const currentSheet = selectCurrentSheet((_a = this._store) === null || _a === void 0 ? void 0 : _a.getState());
     let result = [];
     if (allSheets.length > 1) {
       const tabs = allSheets.map((sheet, index) => {
@@ -131,26 +40,20 @@ export class EzForm {
       const idTabSelector = `selector`;
       result.push(h("ez-tabselector", { tabs: this.buildIdTabSelector(tabs), onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name, "data-element-id": idTabSelector }));
     }
-    result = result.concat(this.buildFormContent(currentSheetId, currentSheet));
+    result = result.concat(this.buildFormContent(currentSheet));
     return result;
   }
-  buildFormContent(sheetId, currentSheet) {
+  buildFormContent(currentSheet) {
     const fields = currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.fields;
-    if (this.contentBuilder != undefined) {
-      const customContent = this.contentBuilder(sheetId, fields);
-      if (customContent != undefined) {
-        return h("div", { "innerHTML": customContent });
-      }
-    }
     if (currentSheet == undefined) {
       return;
     }
     const idFormSheet = `${StringUtils.replaceAccentuatedChars(StringUtils.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
-    return (h("div", { class: "dynamic-content ez-box__container", "data-element-id": idFormSheet }, h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
+    return (h("div", { class: "dynamic-content", "data-element-id": idFormSheet }, h("ez-form-view", { class: "ez-row ez-padding-vertical--small", fields: fields })));
   }
   processMetadata() {
     if (!this.isStatic() && this.dataUnit && this._store) {
-      const metadata = this.config != undefined && Object.values(this.config).length > 0 ? buildFromConfig(this.config, this.dataUnit) : buildFromDataUnit(this.dataUnit);
+      const metadata = buildFormMetadata(this.config, this.dataUnit);
       this._store.dispatch(loadMetadata(metadata));
     }
   }
@@ -158,58 +61,10 @@ export class EzForm {
     var _a;
     return ((_a = this._staticFields) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
-  getFormattedValue(defaultValue) {
-    if (defaultValue == undefined || typeof defaultValue !== "object") {
-      return defaultValue;
-    }
-    if ("formattedValue" in defaultValue) {
-      return defaultValue.formattedValue;
-    }
-    return defaultValue.value;
-  }
-  interceptAction(action) {
-    if (action.type === Action.RECORDS_COPIED) {
-      const metadata = selectFormMetadata(this._store.getState());
-      const cleanFields = metadata.getCleanOnCopyFields();
-      if (cleanFields) {
-        const records = action.payload;
-        return new DataUnitAction(Action.RECORDS_COPIED, records.map(record => {
-          const newRecord = Object.assign({}, record);
-          cleanFields.forEach(fieldName => delete newRecord[fieldName]);
-          return newRecord;
-        }));
-      }
-    }
-    if (action.type === Action.SAVING_DATA) {
-      return new Promise((resolve) => {
-        this.validate()
-          .then(() => resolve(action))
-          .catch(() => { });
-      });
-    }
-    if (action.type === Action.RECORDS_ADDED) {
-      const metadata = selectFormMetadata(this._store.getState());
-      const defaultValues = metadata === null || metadata === void 0 ? void 0 : metadata.getDefaultValues();
-      if (defaultValues) {
-        const records = action.payload;
-        return new DataUnitAction(Action.RECORDS_ADDED, records.map(record => {
-          const newRecord = Object.assign({}, record);
-          for (const field in defaultValues) {
-            const defaultValue = this.getFormattedValue(defaultValues[field]);
-            const recordValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
-            newRecord[field] = this.dataUnit.valueFromString(field, recordValue);
-          }
-          return newRecord;
-        }));
-      }
-    }
-    return action;
-  }
   componentWillLoad() {
     if (this.dataUnit === undefined) {
       this.dataUnit = new DataUnit("ez-form");
     }
-    this.dataUnit.addInterceptor(this);
     this.dataUnit.subscribe(this.onDataUnitAction);
     this._dataBinder = new DataBinder(this.dataUnit);
     this._store = createStore(formReducer);
@@ -220,12 +75,13 @@ export class EzForm {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   componentDidRender() {
-    this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")));
+    const metadata = selectFormMetadata(this._store.getState());
+    metadata.addRequiredFields(this._staticFields.filter(f => f.dataset.required).map(f => f.dataset.fieldName));
+    this._dataBinder.bind(Array.from(this._element.querySelectorAll("[data-field-name]")), this.dataUnit.dataUnitId, metadata, this.recordsValidator);
     this.ezReady.emit();
   }
   disconnectedCallback() {
     this.dataUnit.unsubscribe(this.onDataUnitAction);
-    this.dataUnit.removeInterceptor(this);
     this._dataBinder.onDisconnectedCallback();
   }
   buildIdTabSelector(tabs) {
@@ -280,7 +136,7 @@ export class EzForm {
           "references": {
             "IFormConfig": {
               "location": "import",
-              "path": "./interfaces"
+              "path": "../../utils/form/interfaces"
             }
           }
         },
@@ -300,7 +156,7 @@ export class EzForm {
           "references": {
             "IRecordValidator": {
               "location": "import",
-              "path": "./interfaces"
+              "path": "../../utils/form/interfaces"
             }
           }
         },
@@ -310,72 +166,6 @@ export class EzForm {
           "tags": [],
           "text": "Define um validador respons\u00E1vel pela integridade dos registros."
         }
-      },
-      "multiLevel": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Habilita o modo de organiza\u00E7\u00E3o com v\u00E1rios n\u00EDveis."
-        },
-        "attribute": "multi-level",
-        "reflect": false
-      },
-      "levelResolver": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(items: Array<ITreeItem>) => Array<ITreeItem>",
-          "resolved": "(items: ITreeItem[]) => ITreeItem[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "ITreeItem": {
-              "location": "import",
-              "path": "../ez-tree/interfaces/ITreeItem"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define um resolvedor de n\u00EDvel no modo `multiLevel`."
-        }
-      },
-      "contentBuilder": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "(selectedTab: string, fields: Array<IFormViewField>) => HTMLElement | string",
-          "resolved": "(selectedTab: string, fields: IFormViewField[]) => string | HTMLElement",
-          "references": {
-            "Array": {
-              "location": "global"
-            },
-            "IFormViewField": {
-              "location": "import",
-              "path": "../ez-form-view/interfaces"
-            },
-            "HTMLElement": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define um construtor. Isso permite personalizar o conte\u00FAdo do formul\u00E1rio"
-        }
       }
     };
   }
@@ -406,17 +196,6 @@ export class EzForm {
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "Array": {
-              "location": "global"
-            },
-            "Record": {
-              "location": "import",
-              "path": "@sankhyalabs/core"
-            },
-            "IValidationResult": {
-              "location": "import",
-              "path": "./interfaces"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/ez-form-view/ez-form-view.js

@@ -5,6 +5,9 @@ export class EzFormView {
   constructor() {
     this.fields = undefined;
   }
+  async showUp() {
+    this._element.scrollIntoView({ behavior: "smooth", block: "start" });
+  }
   groupFields(fields) {
     const result = new Map();
     fields.forEach(item => {
@@ -23,6 +26,9 @@ export class EzFormView {
     });
     return result;
   }
+  componentDidRender() {
+    this.ezContentReady.emit(Array.from(this._element.querySelectorAll("[data-field-name]")));
+  }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._element, 'ezFormView');
     if (this.fields == undefined) {
@@ -76,5 +82,50 @@ export class EzFormView {
       }
     };
   }
+  static get events() {
+    return [{
+        "method": "ezContentReady",
+        "name": "ezContentReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento emitido quando o componente foi totalmente carregado na DOM."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "showUp": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_element"; }
 }