@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.
- package/dist/cjs/{ApplicationUtils-735a1107.js → ApplicationUtils-c9d1205c.js} +22 -0
- package/dist/cjs/{RecordValidationProcessor-54ddab94.js → RecordValidationProcessor-4c893e04.js} +1 -1
- package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-alert-list.cjs.entry.js +86 -0
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +2 -3
- package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +2 -2
- package/dist/cjs/ez-grid.cjs.entry.js +4 -4
- package/dist/cjs/ez-list.cjs.entry.js +4 -2
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/index-1064511f.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/ez-alert-list/ez-alert-list.css +73 -0
- package/dist/collection/components/ez-alert-list/ez-alert-list.js +204 -0
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +1 -1
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js +0 -1
- package/dist/collection/components/ez-dialog/ez-dialog.css +1 -1
- package/dist/collection/components/ez-grid/ez-grid.css +0 -4
- package/dist/collection/components/ez-grid/ez-grid.js +1 -1
- package/dist/collection/components/ez-list/ez-list.css +12 -7
- package/dist/collection/components/ez-list/ez-list.js +3 -1
- package/dist/collection/components/ez-modal/ez-modal.css +1 -1
- package/dist/collection/components/ez-popup/ez-popup.css +2 -2
- package/dist/collection/utils/ApplicationUtils.js +22 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +115 -10
- package/dist/esm/{ApplicationUtils-834f2fbc.js → ApplicationUtils-eaf91331.js} +22 -0
- package/dist/esm/{RecordValidationProcessor-03a15fd0.js → RecordValidationProcessor-b00b8b77.js} +1 -1
- package/dist/esm/ez-actions-button.entry.js +1 -1
- package/dist/esm/ez-alert-list.entry.js +82 -0
- package/dist/esm/ez-collapsible-box.entry.js +2 -3
- package/dist/esm/ez-combo-box.entry.js +1 -1
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +2 -2
- package/dist/esm/ez-grid.entry.js +4 -4
- package/dist/esm/ez-list.entry.js +4 -2
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-text-edit.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/index-296b8458.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-e3b77b6b.js → p-04f24913.js} +1 -1
- package/dist/ezui/{p-978d09d0.entry.js → p-07e537da.entry.js} +1 -1
- package/dist/ezui/{p-accc4282.entry.js → p-0b902469.entry.js} +1 -1
- package/dist/ezui/{p-9bb47ff9.entry.js → p-203a5e3d.entry.js} +2 -2
- package/dist/ezui/p-2187f86c.js +1 -0
- package/dist/ezui/{p-a68063e8.entry.js → p-245a44ed.entry.js} +1 -1
- package/dist/ezui/p-62304715.entry.js +1 -0
- package/dist/ezui/p-7319c253.entry.js +1 -0
- package/dist/ezui/p-871c1a07.entry.js +1 -0
- package/dist/ezui/p-95f6a1c5.entry.js +1 -0
- package/dist/ezui/{p-d4cfe7cd.entry.js → p-b3688ee6.entry.js} +1 -1
- package/dist/ezui/{p-16b5126b.entry.js → p-b806cd19.entry.js} +1 -1
- package/dist/ezui/p-d3b5228e.entry.js +1 -0
- package/dist/ezui/p-e68935dc.entry.js +1 -0
- package/dist/types/components/ez-alert-list/ez-alert-list.d.ts +46 -0
- package/dist/types/components.d.ts +64 -1
- package/dist/types/utils/ApplicationUtils.d.ts +11 -0
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +1 -0
- package/react/components.js.map +1 -1
- package/dist/ezui/p-244dfe8a.entry.js +0 -1
- package/dist/ezui/p-5ce6548c.entry.js +0 -1
- package/dist/ezui/p-87fc1ae7.entry.js +0 -1
- package/dist/ezui/p-c4e64f24.js +0 -1
- package/dist/ezui/p-e7fa0ad6.entry.js +0 -1
- package/dist/ezui/p-f734d469.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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
|
+
}
|
|
@@ -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(--
|
|
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
|
|
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
|
|
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
|
-
|
|
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.
|
|
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(--
|
|
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(--
|
|
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;
|