@sankhyalabs/ezui 5.14.2 → 5.15.0-dev.1

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 (77) hide show
  1. package/dist/cjs/{ApplicationUtils-735a1107.js → ApplicationUtils-c9d1205c.js} +22 -0
  2. package/dist/cjs/{RecordValidationProcessor-54ddab94.js → RecordValidationProcessor-4c893e04.js} +1 -1
  3. package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
  4. package/dist/cjs/ez-alert-list.cjs.entry.js +86 -0
  5. package/dist/cjs/ez-collapsible-box.cjs.entry.js +2 -3
  6. package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
  7. package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
  8. package/dist/cjs/ez-form.cjs.entry.js +2 -2
  9. package/dist/cjs/ez-grid.cjs.entry.js +4 -4
  10. package/dist/cjs/ez-list.cjs.entry.js +4 -2
  11. package/dist/cjs/ez-modal.cjs.entry.js +1 -1
  12. package/dist/cjs/ez-popup.cjs.entry.js +1 -1
  13. package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
  14. package/dist/cjs/ez-upload.cjs.entry.js +1 -1
  15. package/dist/cjs/ezui.cjs.js +1 -1
  16. package/dist/cjs/index-1064511f.js +4 -0
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/collection/collection-manifest.json +2 -1
  19. package/dist/collection/components/ez-alert-list/ez-alert-list.css +73 -0
  20. package/dist/collection/components/ez-alert-list/ez-alert-list.js +204 -0
  21. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +1 -1
  22. package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +0 -1
  23. package/dist/collection/components/ez-dialog/ez-dialog.css +1 -1
  24. package/dist/collection/components/ez-grid/ez-grid.css +0 -4
  25. package/dist/collection/components/ez-grid/ez-grid.js +1 -1
  26. package/dist/collection/components/ez-list/ez-list.css +12 -7
  27. package/dist/collection/components/ez-list/ez-list.js +3 -1
  28. package/dist/collection/components/ez-modal/ez-modal.css +1 -1
  29. package/dist/collection/components/ez-popup/ez-popup.css +2 -2
  30. package/dist/collection/utils/ApplicationUtils.js +22 -0
  31. package/dist/custom-elements/index.d.ts +6 -0
  32. package/dist/custom-elements/index.js +115 -10
  33. package/dist/esm/{ApplicationUtils-834f2fbc.js → ApplicationUtils-eaf91331.js} +22 -0
  34. package/dist/esm/{RecordValidationProcessor-03a15fd0.js → RecordValidationProcessor-b00b8b77.js} +1 -1
  35. package/dist/esm/ez-actions-button.entry.js +1 -1
  36. package/dist/esm/ez-alert-list.entry.js +82 -0
  37. package/dist/esm/ez-collapsible-box.entry.js +2 -3
  38. package/dist/esm/ez-combo-box.entry.js +1 -1
  39. package/dist/esm/ez-dialog.entry.js +1 -1
  40. package/dist/esm/ez-form.entry.js +2 -2
  41. package/dist/esm/ez-grid.entry.js +4 -4
  42. package/dist/esm/ez-list.entry.js +4 -2
  43. package/dist/esm/ez-modal.entry.js +1 -1
  44. package/dist/esm/ez-popup.entry.js +1 -1
  45. package/dist/esm/ez-text-edit.entry.js +1 -1
  46. package/dist/esm/ez-upload.entry.js +1 -1
  47. package/dist/esm/ezui.js +1 -1
  48. package/dist/esm/index-296b8458.js +4 -0
  49. package/dist/esm/loader.js +1 -1
  50. package/dist/ezui/ezui.esm.js +1 -1
  51. package/dist/ezui/{p-e3b77b6b.js → p-04f24913.js} +1 -1
  52. package/dist/ezui/{p-978d09d0.entry.js → p-07e537da.entry.js} +1 -1
  53. package/dist/ezui/{p-accc4282.entry.js → p-0b902469.entry.js} +1 -1
  54. package/dist/ezui/{p-9bb47ff9.entry.js → p-203a5e3d.entry.js} +2 -2
  55. package/dist/ezui/p-2187f86c.js +1 -0
  56. package/dist/ezui/{p-a68063e8.entry.js → p-245a44ed.entry.js} +1 -1
  57. package/dist/ezui/p-62304715.entry.js +1 -0
  58. package/dist/ezui/p-7319c253.entry.js +1 -0
  59. package/dist/ezui/p-871c1a07.entry.js +1 -0
  60. package/dist/ezui/p-95f6a1c5.entry.js +1 -0
  61. package/dist/ezui/{p-d4cfe7cd.entry.js → p-b3688ee6.entry.js} +1 -1
  62. package/dist/ezui/{p-16b5126b.entry.js → p-b806cd19.entry.js} +1 -1
  63. package/dist/ezui/p-d3b5228e.entry.js +1 -0
  64. package/dist/ezui/p-e68935dc.entry.js +1 -0
  65. package/dist/types/components/ez-alert-list/ez-alert-list.d.ts +46 -0
  66. package/dist/types/components.d.ts +64 -1
  67. package/dist/types/utils/ApplicationUtils.d.ts +11 -0
  68. package/package.json +1 -1
  69. package/react/components.d.ts +1 -0
  70. package/react/components.js +1 -0
  71. package/react/components.js.map +1 -1
  72. package/dist/ezui/p-244dfe8a.entry.js +0 -1
  73. package/dist/ezui/p-5ce6548c.entry.js +0 -1
  74. package/dist/ezui/p-87fc1ae7.entry.js +0 -1
  75. package/dist/ezui/p-c4e64f24.js +0 -1
  76. package/dist/ezui/p-e7fa0ad6.entry.js +0 -1
  77. package/dist/ezui/p-f734d469.entry.js +0 -1
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy(JSON.parse("[[\"ez-grid.cjs\",[[6,\"ez-grid\",{\"multipleSelection\":[4,\"multiple-selection\"],\"config\":[1040],\"selectionToastConfig\":[16],\"serverUrl\":[1,\"server-url\"],\"dataUnit\":[16],\"statusResolver\":[16],\"columnfilterDataSource\":[16],\"useEnterLikeTab\":[4,\"use-enter-like-tab\"],\"recordsValidator\":[16],\"canEdit\":[4,\"can-edit\"],\"_paginationInfo\":[32],\"_paginationChangedByKeyboard\":[32],\"_showSelectionCounter\":[32],\"_isAllSelection\":[32],\"_currentPageSelected\":[32],\"_selectionCount\":[32],\"_hasLeftButtons\":[32],\"setColumnsDef\":[64],\"addColumnMenuItem\":[64],\"setColumnsState\":[64],\"setData\":[64],\"getSelection\":[64],\"getColumnsState\":[64],\"getColumns\":[64],\"quickFilter\":[64]},[[0,\"ezSelectionChange\",\"onSelectionChange\"]]]]],[\"ez-guide-navigator.cjs\",[[1,\"ez-guide-navigator\",{\"open\":[1540],\"selectedId\":[1537,\"selected-id\"],\"items\":[16],\"tooltipResolver\":[16],\"filterText\":[32],\"disableItem\":[64],\"openGuideNavidator\":[64],\"enableItem\":[64],\"updateItem\":[64],\"getItem\":[64],\"getCurrentPath\":[64],\"selectGuide\":[64],\"getParent\":[64]}]]],[\"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\"],\"beforeClose\":[1040],\"show\":[64]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"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-badge.cjs\",[[1,\"ez-badge\",{\"size\":[513],\"label\":[513],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"position\":[1040],\"hasSlot\":[32]}]]],[\"ez-chip.cjs\",[[1,\"ez-chip\",{\"label\":[513],\"enabled\":[516],\"removePosition\":[513,\"remove-position\"],\"mode\":[513],\"value\":[1540],\"showNativeTooltip\":[4,\"show-native-tooltip\"],\"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-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],\"heightMode\":[1,\"height-mode\"],\"opened\":[1028],\"closeEsc\":[4,\"close-esc\"],\"closeOutsideClick\":[4,\"close-outside-click\"],\"scrim\":[1]}]]],[\"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-skeleton.cjs\",[[0,\"ez-skeleton\",{\"count\":[2],\"variant\":[1],\"width\":[1],\"height\":[1],\"marginBottom\":[1,\"margin-bottom\"],\"animation\":[1]}]]],[\"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-filter-input_2.cjs\",[[0,\"multi-selection-box-message\",{\"message\":[1]}],[1,\"ez-filter-input\",{\"label\":[1],\"value\":[1537],\"enabled\":[4],\"errorMessage\":[1537,\"error-message\"],\"restrict\":[1],\"mode\":[513],\"asyncSearch\":[516,\"async-search\"],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"setValue\":[64],\"endSearch\":[64]}]]],[\"ez-multi-selection-list.cjs\",[[2,\"ez-multi-selection-list\",{\"columnName\":[1,\"column-name\"],\"dataSource\":[16],\"useOptions\":[1028,\"use-options\"],\"options\":[1040],\"isTextSearch\":[4,\"is-text-search\"],\"filteredOptions\":[32],\"displayOptions\":[32],\"viewScenario\":[32],\"displayOptionToCheckAllItems\":[32],\"clearFilteredOptions\":[64]}]]],[\"filter-column.cjs\",[[0,\"filter-column\",{\"opened\":[4],\"columnName\":[1,\"column-name\"],\"columnLabel\":[1,\"column-label\"],\"gridHeaderHidden\":[4,\"grid-header-hidden\"],\"noHeaderTaskBar\":[1028,\"no-header-task-bar\"],\"dataSource\":[16],\"dataUnit\":[16],\"options\":[1040],\"selectedItems\":[32],\"fieldDescriptor\":[32],\"useOptions\":[32],\"isTextSearch\":[32],\"hide\":[64],\"show\":[64]}]]],[\"ez-dropdown.cjs\",[[1,\"ez-dropdown\",{\"items\":[1040],\"value\":[1040],\"itemBuilder\":[16]}]]],[\"ez-tabselector.cjs\",[[1,\"ez-tabselector\",{\"selectedIndex\":[1538,\"selected-index\"],\"selectedTab\":[1537,\"selected-tab\"],\"tabs\":[1],\"_processedTabs\":[32]}]]],[\"ez-collapsible-box.cjs\",[[1,\"ez-collapsible-box\",{\"value\":[1540],\"boxBordered\":[4,\"box-bordered\"],\"label\":[513],\"subtitle\":[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-calendar.cjs\",[[1,\"ez-calendar\",{\"value\":[1040],\"floating\":[516],\"time\":[516],\"showSeconds\":[516,\"show-seconds\"],\"show\":[64],\"fitVertical\":[64],\"fitHorizontal\":[64],\"hide\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"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-date-input.cjs\",[[1,\"ez-date-input\",{\"label\":[513],\"value\":[1040],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[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],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[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],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-number-input.cjs\",[[1,\"ez-number-input\",{\"label\":[1],\"value\":[1538],\"enabled\":[4],\"canShowError\":[516,\"can-show-error\"],\"errorMessage\":[1537,\"error-message\"],\"precision\":[2],\"prettyPrecision\":[2,\"pretty-precision\"],\"mode\":[513],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-popover.cjs\",[[1,\"ez-popover\",{\"autoClose\":[516,\"auto-close\"],\"boxWidth\":[513,\"box-width\"],\"opened\":[1540],\"innerElement\":[1537,\"inner-element\"],\"overlayType\":[513,\"overlay-type\"],\"updatePosition\":[64],\"show\":[64],\"showUnder\":[64],\"hide\":[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],\"enableResize\":[516,\"enable-resize\"],\"appendTextToSelection\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-upload.cjs\",[[1,\"ez-upload\",{\"label\":[1],\"subtitle\":[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-scroller_3.cjs\",[[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-list.cjs\",[[1,\"ez-list\",{\"dataSource\":[1040],\"listMode\":[1,\"list-mode\"],\"useGroups\":[1540,\"use-groups\"],\"ezDraggable\":[1028,\"ez-draggable\"],\"ezSelectable\":[1028,\"ez-selectable\"],\"itemSlotBuilder\":[1040],\"itemLeftSlotBuilder\":[1040],\"hoverFeedback\":[1028,\"hover-feedback\"],\"_listItems\":[32],\"_listGroupItems\":[32],\"clearHistory\":[64],\"scrollToTop\":[64],\"setSelection\":[64],\"getSelection\":[64],\"getList\":[64],\"removeSelection\":[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],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"_preSelection\":[32],\"_visibleOptions\":[32],\"_startLoading\":[32],\"_showLoading\":[32],\"_criteria\":[32],\"getValueAsync\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"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],\"canShowError\":[516,\"can-show-error\"],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64],\"getValueAsync\":[64]}]]],[\"ez-check.cjs\",[[1,\"ez-check\",{\"label\":[513],\"value\":[1540],\"enabled\":[1540],\"indeterminate\":[1540],\"mode\":[513],\"compact\":[4],\"getMode\":[64],\"setFocus\":[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]},[[2,\"click\",\"clickListener\"]]]]],[\"ez-form.cjs\",[[2,\"ez-form\",{\"dataUnit\":[1040],\"config\":[16],\"recordsValidator\":[16],\"validate\":[64]}]]]]"), options);
17
+ return index.bootstrapLazy(JSON.parse("[[\"ez-grid.cjs\",[[6,\"ez-grid\",{\"multipleSelection\":[4,\"multiple-selection\"],\"config\":[1040],\"selectionToastConfig\":[16],\"serverUrl\":[1,\"server-url\"],\"dataUnit\":[16],\"statusResolver\":[16],\"columnfilterDataSource\":[16],\"useEnterLikeTab\":[4,\"use-enter-like-tab\"],\"recordsValidator\":[16],\"canEdit\":[4,\"can-edit\"],\"_paginationInfo\":[32],\"_paginationChangedByKeyboard\":[32],\"_showSelectionCounter\":[32],\"_isAllSelection\":[32],\"_currentPageSelected\":[32],\"_selectionCount\":[32],\"_hasLeftButtons\":[32],\"setColumnsDef\":[64],\"addColumnMenuItem\":[64],\"setColumnsState\":[64],\"setData\":[64],\"getSelection\":[64],\"getColumnsState\":[64],\"getColumns\":[64],\"quickFilter\":[64]},[[0,\"ezSelectionChange\",\"onSelectionChange\"]]]]],[\"ez-guide-navigator.cjs\",[[1,\"ez-guide-navigator\",{\"open\":[1540],\"selectedId\":[1537,\"selected-id\"],\"items\":[16],\"tooltipResolver\":[16],\"filterText\":[32],\"disableItem\":[64],\"openGuideNavidator\":[64],\"enableItem\":[64],\"updateItem\":[64],\"getItem\":[64],\"getCurrentPath\":[64],\"selectGuide\":[64],\"getParent\":[64]}]]],[\"ez-alert-list.cjs\",[[1,\"ez-alert-list\",{\"alerts\":[1040],\"enableDragAndDrop\":[516,\"enable-drag-and-drop\"],\"enableExpand\":[516,\"enable-expand\"],\"itemRightSlotBuilder\":[16],\"opened\":[1540],\"expanded\":[1540]}]]],[\"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\"],\"beforeClose\":[1040],\"show\":[64]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"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-badge.cjs\",[[1,\"ez-badge\",{\"size\":[513],\"label\":[513],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"position\":[1040],\"hasSlot\":[32]}]]],[\"ez-chip.cjs\",[[1,\"ez-chip\",{\"label\":[513],\"enabled\":[516],\"removePosition\":[513,\"remove-position\"],\"mode\":[513],\"value\":[1540],\"showNativeTooltip\":[4,\"show-native-tooltip\"],\"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-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],\"heightMode\":[1,\"height-mode\"],\"opened\":[1028],\"closeEsc\":[4,\"close-esc\"],\"closeOutsideClick\":[4,\"close-outside-click\"],\"scrim\":[1]}]]],[\"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-skeleton.cjs\",[[0,\"ez-skeleton\",{\"count\":[2],\"variant\":[1],\"width\":[1],\"height\":[1],\"marginBottom\":[1,\"margin-bottom\"],\"animation\":[1]}]]],[\"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]}]]],[\"filter-column.cjs\",[[0,\"filter-column\",{\"opened\":[4],\"columnName\":[1,\"column-name\"],\"columnLabel\":[1,\"column-label\"],\"gridHeaderHidden\":[4,\"grid-header-hidden\"],\"noHeaderTaskBar\":[1028,\"no-header-task-bar\"],\"dataSource\":[16],\"dataUnit\":[16],\"options\":[1040],\"selectedItems\":[32],\"fieldDescriptor\":[32],\"useOptions\":[32],\"isTextSearch\":[32],\"hide\":[64],\"show\":[64]}]]],[\"ez-dropdown.cjs\",[[1,\"ez-dropdown\",{\"items\":[1040],\"value\":[1040],\"itemBuilder\":[16]}]]],[\"ez-tabselector.cjs\",[[1,\"ez-tabselector\",{\"selectedIndex\":[1538,\"selected-index\"],\"selectedTab\":[1537,\"selected-tab\"],\"tabs\":[1],\"_processedTabs\":[32]}]]],[\"ez-multi-selection-list.cjs\",[[2,\"ez-multi-selection-list\",{\"columnName\":[1,\"column-name\"],\"dataSource\":[16],\"useOptions\":[1028,\"use-options\"],\"options\":[1040],\"isTextSearch\":[4,\"is-text-search\"],\"filteredOptions\":[32],\"displayOptions\":[32],\"viewScenario\":[32],\"displayOptionToCheckAllItems\":[32],\"clearFilteredOptions\":[64]}]]],[\"ez-collapsible-box.cjs\",[[1,\"ez-collapsible-box\",{\"value\":[1540],\"boxBordered\":[4,\"box-bordered\"],\"label\":[513],\"subtitle\":[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-calendar.cjs\",[[1,\"ez-calendar\",{\"value\":[1040],\"floating\":[516],\"time\":[516],\"showSeconds\":[516,\"show-seconds\"],\"show\":[64],\"fitVertical\":[64],\"fitHorizontal\":[64],\"hide\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"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-date-input.cjs\",[[1,\"ez-date-input\",{\"label\":[513],\"value\":[1040],\"enabled\":[516],\"errorMessage\":[1537,\"error-message\"],\"mode\":[513],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[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],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[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],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-number-input.cjs\",[[1,\"ez-number-input\",{\"label\":[1],\"value\":[1538],\"enabled\":[4],\"canShowError\":[516,\"can-show-error\"],\"errorMessage\":[1537,\"error-message\"],\"precision\":[2],\"prettyPrecision\":[2,\"pretty-precision\"],\"mode\":[513],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"getValueAsync\":[64]}]]],[\"ez-form-view.cjs\",[[2,\"ez-form-view\",{\"fields\":[16],\"showUp\":[64]}]]],[\"ez-popover.cjs\",[[1,\"ez-popover\",{\"autoClose\":[516,\"auto-close\"],\"boxWidth\":[513,\"box-width\"],\"opened\":[1540],\"innerElement\":[1537,\"inner-element\"],\"overlayType\":[513,\"overlay-type\"],\"updatePosition\":[64],\"show\":[64],\"showUnder\":[64],\"hide\":[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],\"enableResize\":[516,\"enable-resize\"],\"appendTextToSelection\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64]}]]],[\"ez-upload.cjs\",[[1,\"ez-upload\",{\"label\":[1],\"subtitle\":[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-scroller_3.cjs\",[[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-list.cjs\",[[1,\"ez-list\",{\"dataSource\":[1040],\"listMode\":[1,\"list-mode\"],\"useGroups\":[1540,\"use-groups\"],\"ezDraggable\":[1028,\"ez-draggable\"],\"ezSelectable\":[1028,\"ez-selectable\"],\"itemSlotBuilder\":[1040],\"itemLeftSlotBuilder\":[1040],\"hoverFeedback\":[1028,\"hover-feedback\"],\"_listItems\":[32],\"_listGroupItems\":[32],\"clearHistory\":[64],\"scrollToTop\":[64],\"setSelection\":[64],\"getSelection\":[64],\"getList\":[64],\"removeSelection\":[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],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"_preSelection\":[32],\"_visibleOptions\":[32],\"_startLoading\":[32],\"_showLoading\":[32],\"_criteria\":[32],\"getValueAsync\":[64],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64]},[[11,\"scroll\",\"scrollListener\"]]]]],[\"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],\"canShowError\":[516,\"can-show-error\"],\"hideErrorOnFocusOut\":[4,\"hide-error-on-focus-out\"],\"listOptionsPosition\":[16],\"isTextSearch\":[4,\"is-text-search\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"clearValue\":[64],\"getValueAsync\":[64]}]]],[\"ez-check.cjs\",[[1,\"ez-check\",{\"label\":[513],\"value\":[1540],\"enabled\":[1540],\"indeterminate\":[1540],\"mode\":[513],\"compact\":[4],\"getMode\":[64],\"setFocus\":[64]}]]],[\"ez-icon.cjs\",[[1,\"ez-icon\",{\"size\":[513],\"href\":[513],\"iconName\":[513,\"icon-name\"]}]]],[\"ez-filter-input_2.cjs\",[[0,\"multi-selection-box-message\",{\"message\":[1]}],[1,\"ez-filter-input\",{\"label\":[1],\"value\":[1537],\"enabled\":[4],\"errorMessage\":[1537,\"error-message\"],\"restrict\":[1],\"mode\":[513],\"asyncSearch\":[516,\"async-search\"],\"canShowError\":[516,\"can-show-error\"],\"setFocus\":[64],\"setBlur\":[64],\"isInvalid\":[64],\"setValue\":[64],\"endSearch\":[64]}]]],[\"ez-button.cjs\",[[1,\"ez-button\",{\"label\":[513],\"enabled\":[516],\"mode\":[513],\"image\":[513],\"iconName\":[513,\"icon-name\"],\"size\":[513],\"setFocus\":[64],\"setBlur\":[64]},[[2,\"click\",\"clickListener\"]]]]],[\"ez-form.cjs\",[[2,\"ez-form\",{\"dataUnit\":[1040],\"config\":[16],\"recordsValidator\":[16],\"validate\":[64]}]]]]"), options);
18
18
  });
19
19
  };
20
20
 
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "entries": [
3
+ "./components/ez-list/ez-list.js",
4
+ "./components/ez-alert-list/ez-alert-list.js",
3
5
  "./components/ez-modal/ez-modal.js",
4
6
  "./components/ez-combo-box/ez-combo-box.js",
5
7
  "./components/ez-actions-button/ez-actions-button.js",
6
8
  "./components/ez-breadcrumb/ez-breadcrumb.js",
7
9
  "./components/ez-card-item/ez-card-item.js",
8
- "./components/ez-list/ez-list.js",
9
10
  "./components/ez-text-input/ez-text-input.js",
10
11
  "./components/ez-popover/ez-popover.js",
11
12
  "./components/ez-radio-button/ez-radio-button.js",
@@ -0,0 +1,73 @@
1
+ :host {
2
+ display: flex;
3
+
4
+ /* Alert List */
5
+
6
+ /*@doc Define a largura da lista minimizado */
7
+ --ez-alert-list__container--width: 680px;
8
+ /*@doc Define a altura da lista minimizado */
9
+ --ez-alert-list__container--height: 220px;
10
+
11
+ /* Title */
12
+ /*@doc Define a fonte do título do componente */
13
+ --ez-alert-list__title--font-family: var(--font-pattern, "Roboto");
14
+ /*@doc Define o tamanho da fonte do título do popup.*/
15
+ --ez-alert-list__title--font-size: var(--title--large, 20px);
16
+ /*@doc Define a cor da fonte do título do popup.*/
17
+ --ez-alert-list__title--color: var(--title--primary, #2b3a54);
18
+ /*@doc Define o peso da fonte do título do popup.*/
19
+ --ez-alert-list__title--font-weight: var(--text-weight--extra-large, 700);
20
+
21
+ /* @doc Define a borda inferior do item da lista. */
22
+ --ez-list__item--border-bottom: var(--border--small, 1px solid);
23
+
24
+ /* @doc Define a cor da borda inferior do item da lista. */
25
+ --ez-list__item--border-bottom-color: var(--color--strokes, #DCE0E8);
26
+
27
+ /* @doc Define o tipo da quebra de linha do item da lista. */
28
+ --ez-list__item--white-space: break-space;
29
+ }
30
+
31
+ .alert-list__content {
32
+ display: flex;
33
+ flex-direction: column;
34
+
35
+ gap: var(--space--xs);
36
+ margin: var(--space--large, 24px);
37
+ width: 100%;
38
+ }
39
+
40
+ .alert-list__container {
41
+ z-index: var(--more-visible--2x, 3);
42
+ display: flex;
43
+ height: var(--ez-alert-list__container--height);
44
+ width: var(--ez-alert-list__container--width);
45
+ border-radius: var(--border--radius-medium);
46
+ background-color: var(--background--xlight);
47
+ box-shadow: 0px 8px 24px 0px rgba(0, 38, 111, 0.1);
48
+ }
49
+
50
+ .alert-list__header {
51
+ width: 100%;
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: space-between;
55
+ }
56
+
57
+ .alert-list__title {
58
+ font-family: var(--ez-alert-list__title--font-family);
59
+ font-size: var(--ez-alert-list__title--font-size);
60
+ font-weight: var(--ez-alert-list__title--font-weight);
61
+ color: var(--ez-alert-list__title--color);
62
+ }
63
+
64
+ .alert-list__header__buttons {
65
+ display: flex;
66
+ gap: var(--space--xs);
67
+ }
68
+
69
+ .alert-list__expandable-content {
70
+ overflow-y: auto;
71
+ scrollbar-width: thin;
72
+ }
73
+
@@ -0,0 +1,204 @@
1
+ import { ElementIDUtils, FloatingManager } from '@sankhyalabs/core';
2
+ import { Host, h } from '@stencil/core';
3
+ export class EzAlertList {
4
+ constructor() {
5
+ this.alerts = [];
6
+ this.enableDragAndDrop = undefined;
7
+ this.enableExpand = undefined;
8
+ this.itemRightSlotBuilder = undefined;
9
+ this.opened = true;
10
+ this.expanded = false;
11
+ }
12
+ observeOpened() {
13
+ this.manageOverlay();
14
+ }
15
+ /**
16
+ * Gerencia a exibição do overlay usando FloatingManager do Core.
17
+ */
18
+ async manageOverlay() {
19
+ if (this.opened) {
20
+ this._overlayId = FloatingManager.float(this._container, this._overlayRef, {
21
+ autoClose: false,
22
+ isFixed: !this.enableDragAndDrop,
23
+ bottom: '10px',
24
+ right: '10px'
25
+ });
26
+ }
27
+ else {
28
+ FloatingManager.close(this._overlayId);
29
+ this._overlayId = undefined;
30
+ }
31
+ }
32
+ componentDidRender() {
33
+ this.manageOverlay();
34
+ if (this.opened) {
35
+ this._container.focus();
36
+ }
37
+ }
38
+ componentWillLoad() {
39
+ this.dataElementId = ElementIDUtils.addIDInfo(this._element, 'EzAlertList');
40
+ }
41
+ alertId(title, index) {
42
+ const concatTitle = (title) => title.split(' ').join('-');
43
+ return `alert-${index}-${concatTitle(title)}`;
44
+ }
45
+ getAlertTitle(id) {
46
+ var _a;
47
+ return (_a = this.alerts.find((alert, index) => this.alertId(alert.title, index) === id)) === null || _a === void 0 ? void 0 : _a.title;
48
+ }
49
+ render() {
50
+ return (h(Host, Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: this.dataElementId }), h("div", { ref: elem => (this._overlayRef = elem) }, h("div", { class: "alert-list__container", ref: elem => (this._container = elem) }, h("div", { class: "alert-list__content" }, h("div", { class: "alert-list__header" }, h("div", { class: "alert-list__title" }, `Avisos (${this.alerts.length})`), h("div", { class: "alert-list__header__buttons" }, h("ez-button", { mode: "icon", size: "small", iconName: "expand", "data-element-id": ElementIDUtils.getInternalIDInfo('expandButton'), onClick: () => { }, title: this.expanded ? 'Resumir' : 'Expandir' }), h("ez-button", { mode: "icon", size: "small", iconName: "close", "data-element-id": ElementIDUtils.getInternalIDInfo('closeButton'), onClick: () => {
51
+ this.opened = false;
52
+ }, title: 'Fechar' }))), h("div", { class: "alert-list__expandable-content" }, h("ez-list", { hoverFeedback: true, itemLeftSlotBuilder: item => {
53
+ return (h("a", { href: "#", style: {
54
+ fontFamily: "var(--font-pattern, 'Roboto')",
55
+ fontSize: 'var(--text--medium, 14px)',
56
+ fontWeight: 'var(--text-weight--medium, 400)',
57
+ color: 'var(--color--primary, #008561)',
58
+ marginRight: '4px',
59
+ cursor: 'pointer',
60
+ display: 'flex',
61
+ width: 'max-content',
62
+ textDecoration: 'none'
63
+ } }, `${this.getAlertTitle(item.id)}:`));
64
+ }, dataSource: this.alerts.map((alert, index) => {
65
+ return {
66
+ id: this.alertId(alert.title, index),
67
+ label: alert.detail,
68
+ };
69
+ }) })))))));
70
+ }
71
+ static get is() { return "ez-alert-list"; }
72
+ static get encapsulation() { return "shadow"; }
73
+ static get originalStyleUrls() {
74
+ return {
75
+ "$": ["ez-alert-list.css"]
76
+ };
77
+ }
78
+ static get styleUrls() {
79
+ return {
80
+ "$": ["ez-alert-list.css"]
81
+ };
82
+ }
83
+ static get properties() {
84
+ return {
85
+ "alerts": {
86
+ "type": "unknown",
87
+ "mutable": true,
88
+ "complexType": {
89
+ "original": "AlertItem[]",
90
+ "resolved": "AlertItem[]",
91
+ "references": {
92
+ "AlertItem": {
93
+ "location": "local"
94
+ }
95
+ }
96
+ },
97
+ "required": false,
98
+ "optional": false,
99
+ "docs": {
100
+ "tags": [],
101
+ "text": "Lista de alertas que devem ser apresentados no componente."
102
+ },
103
+ "defaultValue": "[]"
104
+ },
105
+ "enableDragAndDrop": {
106
+ "type": "boolean",
107
+ "mutable": false,
108
+ "complexType": {
109
+ "original": "boolean",
110
+ "resolved": "boolean",
111
+ "references": {}
112
+ },
113
+ "required": false,
114
+ "optional": false,
115
+ "docs": {
116
+ "tags": [],
117
+ "text": "Define se o componente pode ser arrastado na tela."
118
+ },
119
+ "attribute": "enable-drag-and-drop",
120
+ "reflect": true
121
+ },
122
+ "enableExpand": {
123
+ "type": "boolean",
124
+ "mutable": false,
125
+ "complexType": {
126
+ "original": "boolean",
127
+ "resolved": "boolean",
128
+ "references": {}
129
+ },
130
+ "required": false,
131
+ "optional": false,
132
+ "docs": {
133
+ "tags": [],
134
+ "text": "Define se o componente pode ser expandido."
135
+ },
136
+ "attribute": "enable-expand",
137
+ "reflect": true
138
+ },
139
+ "itemRightSlotBuilder": {
140
+ "type": "unknown",
141
+ "mutable": false,
142
+ "complexType": {
143
+ "original": "SlotBuilder",
144
+ "resolved": "(item: ListItem, group?: ListGroup) => string | HTMLElement",
145
+ "references": {
146
+ "SlotBuilder": {
147
+ "location": "import",
148
+ "path": "../ez-list/ez-list"
149
+ }
150
+ }
151
+ },
152
+ "required": false,
153
+ "optional": false,
154
+ "docs": {
155
+ "tags": [],
156
+ "text": "Define builder para elementos a direita do componente"
157
+ }
158
+ },
159
+ "opened": {
160
+ "type": "boolean",
161
+ "mutable": true,
162
+ "complexType": {
163
+ "original": "boolean",
164
+ "resolved": "boolean",
165
+ "references": {}
166
+ },
167
+ "required": false,
168
+ "optional": false,
169
+ "docs": {
170
+ "tags": [],
171
+ "text": "Define se o componente est\u00E1 aberto."
172
+ },
173
+ "attribute": "opened",
174
+ "reflect": true,
175
+ "defaultValue": "true"
176
+ },
177
+ "expanded": {
178
+ "type": "boolean",
179
+ "mutable": true,
180
+ "complexType": {
181
+ "original": "boolean",
182
+ "resolved": "boolean",
183
+ "references": {}
184
+ },
185
+ "required": false,
186
+ "optional": false,
187
+ "docs": {
188
+ "tags": [],
189
+ "text": "Define se o componente est\u00E1 expandido."
190
+ },
191
+ "attribute": "expanded",
192
+ "reflect": true,
193
+ "defaultValue": "false"
194
+ }
195
+ };
196
+ }
197
+ static get elementRef() { return "_element"; }
198
+ static get watchers() {
199
+ return [{
200
+ "propName": "opened",
201
+ "methodName": "observeOpened"
202
+ }];
203
+ }
204
+ }
@@ -135,7 +135,7 @@ ez-icon {
135
135
 
136
136
  .collapsible-box__label ez-icon {
137
137
  visibility: hidden;
138
- transition: 0.25s linear;
138
+ transition: 2s all ease-in-out;
139
139
  }
140
140
 
141
141
  .collapsible-box__label:hover ez-icon {
@@ -59,7 +59,6 @@ export class EzCollapsibleBox {
59
59
  this.ezEditLabelMode.emit(this._activeEditText);
60
60
  }
61
61
  confirmRemove(evt) {
62
- evt.preventDefault();
63
62
  evt.stopPropagation();
64
63
  ApplicationUtils.confirm("Aviso", `Deseja realmente remover o grupo <b>${this.label}</b>?`)
65
64
  .then((canRemove) => {
@@ -48,7 +48,7 @@
48
48
  --dialog__success--background-color: var(--color--alert-success-500, #00523c);
49
49
 
50
50
  /*@doc Define a camada que o dialog será exibido.*/
51
- --dialog-z-index: var(--most-visible, 3);
51
+ --dialog-z-index: var(--elevation--100, 100);
52
52
  /*@doc Contém a imagem do ícone de alerta.*/
53
53
  --dialog--warning__image: url('data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>');
54
54
  /*@doc Contém a imagem do ícone crítico.*/
@@ -20,7 +20,6 @@
20
20
  align-items: center;
21
21
  grid-template-columns: 1fr;
22
22
  background-color: var(--ez-grid__header--background-color, #FFF);
23
- z-index: var(--visible, 1);
24
23
  }
25
24
 
26
25
  .grid__container {
@@ -60,9 +59,6 @@
60
59
  opacity: 0;
61
60
  bottom: -100%;
62
61
  transition: opacity 0.1s, bottom 0.5s;
63
-
64
- /*public*/
65
- z-index: var(--ez-grid__selection-counter--z-index);
66
62
  }
67
63
 
68
64
  .grid__selection-counter--opened {
@@ -302,7 +302,7 @@ export class EzGrid {
302
302
  }
303
303
  render() {
304
304
  var _a;
305
- return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter
305
+ return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header ez-elevation--8" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter ez-elevation--4
306
306
  ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
307
307
  ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
308
308
  }
@@ -21,16 +21,19 @@
21
21
  --ez-list__item--color: var(--title--primary, #2b3a54);
22
22
 
23
23
  /* @doc Define o estilo borda inferior do item da lista. */
24
- --ez-list__item--border-bottom: var(--border--small, 1px solid);
24
+ --ez-list__item--border-bottom;
25
25
 
26
26
  /* @doc Define a cor da borda inferior do item da lista. */
27
- --ez-list__item--border-color: var(--title--primary, #2b3a54);
27
+ --ez-list__item--border-bottom-color;
28
28
 
29
29
  /* @doc Define o estilo do texto do item da lista. */
30
30
  --ez-list__item--font-family: var(--font-pattern, "Roboto");
31
31
 
32
32
  /* @doc Define o tamanho do texto do item da lista. */
33
33
  --ez-list__item--font-size: var(--text--medium, 14px);
34
+
35
+ /* @doc Define o tipo da quebra de linha do item da lista. */
36
+ --ez-list__item--white-space: var(--ez-list__item--white-space, nowrap);
34
37
 
35
38
  /* @doc Define o espaçamento lateral direito para items selecionados. */
36
39
  --ez-list__selectable--padding-right: var(--space--small, 6px);
@@ -146,7 +149,6 @@ p {
146
149
  display: flex;
147
150
  overflow: hidden;
148
151
  justify-content: flex-start;
149
- align-items: center;
150
152
  width: 100%;
151
153
  }
152
154
 
@@ -156,7 +158,7 @@ p {
156
158
  width: 100%;
157
159
  max-height: 100%;
158
160
  scrollbar-width: thin;
159
-
161
+
160
162
  /*public*/
161
163
  color: var(--text-color);
162
164
  scrollbar-color: var(--ez-list__scrollbar--color-clicked) var(--ez-list__scrollbar--color-background);
@@ -164,13 +166,14 @@ p {
164
166
 
165
167
  .draggable-list li {
166
168
  display: flex;
167
- height: 32px;
168
-
169
+
169
170
  /*public*/
171
+ padding: var(--space--2xs, 8px) var(--space--3xs, 4px);
170
172
  margin: var(--ez-list__item--margin);
171
173
  font-family: var(--ez-list__item--font-family);
172
174
  font-size: var(--ez-list__item--font-size);
173
175
  color: var(--ez-list__item--color);
176
+ border-bottom: var(--ez-list__item--border-bottom, none) var(--ez-list__item--border-bottom-color);
174
177
  }
175
178
 
176
179
  .over {
@@ -254,9 +257,11 @@ p {
254
257
  }
255
258
 
256
259
  .text--ellipsis {
257
- white-space: nowrap;
258
260
  overflow: hidden;
259
261
  text-overflow: ellipsis;
262
+
263
+ /*public*/
264
+ white-space: var(--ez-list__item--white-space);
260
265
  }
261
266
 
262
267
  .group-container {
@@ -434,7 +434,9 @@ export class EzList {
434
434
  this.setSelection(previousItem, true);
435
435
  }
436
436
  keyDownHandler(event) {
437
- event.preventDefault();
437
+ if (!event.ctrlKey) {
438
+ event.preventDefault();
439
+ }
438
440
  this.getSelection().then(selectedItem => {
439
441
  if (selectedItem) {
440
442
  switch (event.key) {
@@ -1,6 +1,6 @@
1
1
  :host {
2
2
  /*@doc Define a camada em que o componente será exibido.*/
3
- --ez-modal-z-index: var(--most-visible, 3);
3
+ --ez-modal-z-index: var(--elevation--12, 12);;
4
4
  /*@doc Define o espaçamento vertical do conteúdo do modal.*/
5
5
  --ez-modal-vertical-padding: var(--space--large, 24px);
6
6
  /*@doc Define o padding entre o conteúdo e o modal */
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  /* General */
4
4
  /*@doc Define a camada em que o componente será exibido.*/
5
- --ez-popup-z-index: var(--most-visible, 3);
5
+ --ez-popup-z-index: var(--elevation--12, 12);
6
6
 
7
7
  /* Popup */
8
8
  /*@doc Define a cor do texto do container do popup.*/
@@ -36,7 +36,7 @@
36
36
  position: fixed;
37
37
  display: flex;
38
38
  top: 0px;
39
- z-index: var(--ez-popup-z-index);
39
+ z-index: var(--ez-popup-z-index, 12);
40
40
  left: 0px;
41
41
  width: 100%;
42
42
  align-items: center;
@@ -104,6 +104,21 @@ export default class ApplicationUtils {
104
104
  modal.opened = true;
105
105
  return () => modal.remove();
106
106
  }
107
+ static showAlerts(props) {
108
+ const alertListId = 'EzAlertList';
109
+ let alertList = document.getElementById(alertListId);
110
+ if (!alertList) {
111
+ alertList = document.createElement('ez-alert-list');
112
+ alertList.setAttribute("id", alertListId);
113
+ window.document.body.appendChild(alertList);
114
+ }
115
+ props = Object.assign(Object.assign({}, ApplicationUtils.defaultAlertListProps), props);
116
+ alertList.itemRightSlotBuilder = props.itemRightSlotBuilder;
117
+ alertList.enableDragAndDrop = props.enableDragAndDrop;
118
+ alertList.enableExpand = props.enableExpand;
119
+ alertList.opened = props.opened;
120
+ alertList.alerts = props.alerts;
121
+ }
107
122
  }
108
123
  ApplicationUtils.defaultMessageOptions = {
109
124
  canClose: true,
@@ -119,4 +134,11 @@ ApplicationUtils.defaultModalProps = {
119
134
  closeOutsideClick: true,
120
135
  closeEsc: true
121
136
  };
137
+ ApplicationUtils.defaultAlertListProps = {
138
+ alerts: [],
139
+ enableDragAndDrop: true,
140
+ enableExpand: true,
141
+ itemRightSlotBuilder: null,
142
+ opened: true
143
+ };
122
144
  ;
@@ -14,6 +14,12 @@ export const EzAlert: {
14
14
  new (): EzAlert;
15
15
  };
16
16
 
17
+ interface EzAlertList extends Components.EzAlertList, HTMLElement {}
18
+ export const EzAlertList: {
19
+ prototype: EzAlertList;
20
+ new (): EzAlertList;
21
+ };
22
+
17
23
  interface EzApplication extends Components.EzApplication, HTMLElement {}
18
24
  export const EzApplication: {
19
25
  prototype: EzApplication;