@sankhyalabs/ezui 4.16.0 → 4.17.0
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/ez-combo-box.cjs.entry.js +3 -12
- package/dist/cjs/ez-grid.cjs.entry.js +90 -17
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +3 -12
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +13 -3
- package/dist/collection/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.js +77 -0
- package/dist/custom-elements/index.js +93 -29
- package/dist/esm/ez-combo-box.entry.js +3 -12
- package/dist/esm/ez-grid.entry.js +90 -17
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-00f4bff5.entry.js → p-37b4aa8b.entry.js} +1 -1
- package/dist/ezui/p-afea6e50.entry.js +1 -0
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +2 -0
- package/dist/types/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.d.ts +30 -0
- package/package.json +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/template/HeaderColumnTemplate.js +0 -16
- package/dist/ezui/p-3f49785a.entry.js +0 -1
|
@@ -118897,21 +118897,6 @@ const gridTerms = {
|
|
|
118897
118897
|
ctrlV: "Ctrl+V"
|
|
118898
118898
|
};
|
|
118899
118899
|
|
|
118900
|
-
const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation" title="{{HEADER_TITLE}}">
|
|
118901
|
-
<span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>
|
|
118902
|
-
<div ref="eLabel" class="ag-header-cell-label" role="presentation" unselectable="on">
|
|
118903
|
-
<span ref="eText" class="ag-header-cell-text" unselectable="on"></span>
|
|
118904
|
-
<span ref="eFilter" class="ag-header-icon ag-header-label-icon ag-filter-icon ag-hidden" aria-hidden="true"></span>
|
|
118905
|
-
<span ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-ascending-icon ag-hidden" aria-hidden="true"></span>
|
|
118906
|
-
<span ref="eSortDesc" class="ag-header-icon ag-header-label-icon ag-sort-descending-icon ag-hidden" aria-hidden="true"></span>
|
|
118907
|
-
<span ref="eSortNone" class="ag-header-icon ag-header-label-icon ag-sort-none-icon ag-hidden" aria-hidden="true"></span>
|
|
118908
|
-
</div>
|
|
118909
|
-
</div>`;
|
|
118910
|
-
|
|
118911
|
-
function getHeaderColumnTemplate(headerTooltip = "") {
|
|
118912
|
-
return HeaderColumnTemplate.replaceAll("{{HEADER_TITLE}}", headerTooltip)
|
|
118913
|
-
}
|
|
118914
|
-
|
|
118915
118900
|
class DataSource {
|
|
118916
118901
|
constructor(dataUnit, controller, options) {
|
|
118917
118902
|
this.RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
|
|
@@ -119097,6 +119082,84 @@ class SelectionHeader {
|
|
|
119097
119082
|
}
|
|
119098
119083
|
}
|
|
119099
119084
|
|
|
119085
|
+
class EzGridCustomHeader {
|
|
119086
|
+
init(agParams) {
|
|
119087
|
+
var _a;
|
|
119088
|
+
this.params = agParams;
|
|
119089
|
+
this.element = document.createElement('div');
|
|
119090
|
+
this.element.classList.add('ag-cell-label-container');
|
|
119091
|
+
this.element.setAttribute('title', (_a = this.params.tooltip) !== null && _a !== void 0 ? _a : '');
|
|
119092
|
+
this.element.innerHTML = `
|
|
119093
|
+
<div class='ez-flex ez-flex--justify-between'>
|
|
119094
|
+
<i id='ez-grid-filter-icon' class='ez-icon-filter' style='color:#008561'></i>
|
|
119095
|
+
<i id='ez-grid-menu-icon' class='ez-icon-dots-vertical'></i>
|
|
119096
|
+
</div>
|
|
119097
|
+
<div id='ez-header-container' class='ez-flex ez-flex--justify-between ag-header-cell-text'>
|
|
119098
|
+
<span class='ag-header-cell-text'>${this.params.displayName}</span>
|
|
119099
|
+
<i id='ez-grid-sort-icon-up' class='ez-icon-arrow_downward' style='display: none;margin-left: 4px;font-size: 14px;align-self: center;'></i>
|
|
119100
|
+
<i id='ez-grid-sort-icon-down' class='ez-icon-arrow_downward' style='display: none; transform: rotate(180deg);margin-left: 4px;font-size: 14px;align-self: center;'></i>
|
|
119101
|
+
</div>
|
|
119102
|
+
`;
|
|
119103
|
+
this.configMenuClick();
|
|
119104
|
+
this.configSortClick();
|
|
119105
|
+
this.configSortListener();
|
|
119106
|
+
this.configFilterButton();
|
|
119107
|
+
}
|
|
119108
|
+
refresh(agParams) {
|
|
119109
|
+
this.params = agParams;
|
|
119110
|
+
this.configFilterButton();
|
|
119111
|
+
}
|
|
119112
|
+
configFilterButton() {
|
|
119113
|
+
this.filterButton = this.element.querySelector('#ez-grid-filter-icon');
|
|
119114
|
+
this.filterButton.style.display = this.params.hasFilter() ? 'flex' : 'none';
|
|
119115
|
+
this.onFilterButtonClickListener = this.params.showColumnFilter.bind(this);
|
|
119116
|
+
this.filterButton.addEventListener('click', this.onFilterButtonClickListener);
|
|
119117
|
+
}
|
|
119118
|
+
onSortChanged() {
|
|
119119
|
+
this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
|
|
119120
|
+
this.sortUpIcon.style.display = this.params.column.isSortAscending() ? 'flex' : 'none';
|
|
119121
|
+
}
|
|
119122
|
+
configSortListener() {
|
|
119123
|
+
if (this.params.enableSorting) {
|
|
119124
|
+
this.sortUpIcon = this.element.querySelector('#ez-grid-sort-icon-up');
|
|
119125
|
+
this.sortDownIcon = this.element.querySelector('#ez-grid-sort-icon-down');
|
|
119126
|
+
this.onSortChangedListener = this.onSortChanged.bind(this);
|
|
119127
|
+
this.params.column.addEventListener('sortChanged', this.onSortChangedListener);
|
|
119128
|
+
}
|
|
119129
|
+
}
|
|
119130
|
+
onSortClick(event) {
|
|
119131
|
+
this.params.progressSort(event.shiftKey);
|
|
119132
|
+
}
|
|
119133
|
+
configSortClick() {
|
|
119134
|
+
this.headerContainer = this.element.querySelector('#ez-header-container');
|
|
119135
|
+
this.onSortClickListener = this.onSortClick.bind(this);
|
|
119136
|
+
this.headerContainer.addEventListener('click', this.onSortClickListener);
|
|
119137
|
+
}
|
|
119138
|
+
onMenuClick() {
|
|
119139
|
+
this.params.showColumnMenu(this.menuButton);
|
|
119140
|
+
}
|
|
119141
|
+
configMenuClick() {
|
|
119142
|
+
this.menuButton = this.element.querySelector('#ez-grid-menu-icon');
|
|
119143
|
+
this.onMenuClickListener = this.onMenuClick.bind(this);
|
|
119144
|
+
this.menuButton.addEventListener('click', this.onMenuClickListener);
|
|
119145
|
+
}
|
|
119146
|
+
getGui() {
|
|
119147
|
+
return this.element;
|
|
119148
|
+
}
|
|
119149
|
+
destroy() {
|
|
119150
|
+
if (this.onMenuClickListener) {
|
|
119151
|
+
this.menuButton.removeEventListener('click', this.onMenuClickListener);
|
|
119152
|
+
}
|
|
119153
|
+
if (this.onSortClickListener) {
|
|
119154
|
+
this.headerContainer.removeEventListener('click', this.onSortClickListener);
|
|
119155
|
+
}
|
|
119156
|
+
if (this.onFilterButtonClickListener) {
|
|
119157
|
+
this.filterButton.removeEventListener('click', this.onFilterButtonClickListener);
|
|
119158
|
+
}
|
|
119159
|
+
this.params.column.removeEventListener('sortChanged', this.onSortChangedListener);
|
|
119160
|
+
}
|
|
119161
|
+
}
|
|
119162
|
+
|
|
119100
119163
|
class AgGridController {
|
|
119101
119164
|
constructor(enterprise) {
|
|
119102
119165
|
this.DEFAULT_ROW_HEIGHT = 30;
|
|
@@ -119166,7 +119229,8 @@ class AgGridController {
|
|
|
119166
119229
|
cellClass: "ez-grid__cell-body"
|
|
119167
119230
|
},
|
|
119168
119231
|
components: {
|
|
119169
|
-
'ezGridHeaderComponent': SelectionHeader
|
|
119232
|
+
'ezGridHeaderComponent': SelectionHeader,
|
|
119233
|
+
'ezGridCustomHeader': EzGridCustomHeader,
|
|
119170
119234
|
},
|
|
119171
119235
|
context: {
|
|
119172
119236
|
headerCheckStatusGetter: () => this.getSelectionHeaderStatus(),
|
|
@@ -119533,6 +119597,12 @@ class AgGridController {
|
|
|
119533
119597
|
var _a;
|
|
119534
119598
|
(_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
|
|
119535
119599
|
}
|
|
119600
|
+
hasFilterColumn(_columnName) {
|
|
119601
|
+
return false;
|
|
119602
|
+
}
|
|
119603
|
+
showColumnFilter() {
|
|
119604
|
+
//TODO: Implementar apresentação dos filtros
|
|
119605
|
+
}
|
|
119536
119606
|
buildColDef(source) {
|
|
119537
119607
|
var _a, _b, _c;
|
|
119538
119608
|
let tooltip = undefined;
|
|
@@ -119548,8 +119618,11 @@ class AgGridController {
|
|
|
119548
119618
|
field: source.name,
|
|
119549
119619
|
sortable: propSortable,
|
|
119550
119620
|
resizable: true,
|
|
119621
|
+
headerComponent: 'ezGridCustomHeader',
|
|
119551
119622
|
headerComponentParams: {
|
|
119552
|
-
|
|
119623
|
+
tooltip: tooltip,
|
|
119624
|
+
hasFilter: () => this.hasFilterColumn(source.name),
|
|
119625
|
+
showColumnFilter: () => this.showColumnFilter()
|
|
119553
119626
|
},
|
|
119554
119627
|
valueFormatter: params => {
|
|
119555
119628
|
return this.getFormatterByColumn(params, source);
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-bfc7b8ca.js";export{s as setNonce}from"./p-bfc7b8ca.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-2756003d",[[1,"ez-guide-navigator",{open:[1540],selectedId:[1537,"selected-id"],items:[16],tooltipResolver:[16],filterText:[32],disableItem:[64],enableItem:[64],updateItem:[64],getItem:[64],getCurrentPath:[64],selectGuide:[64],getParent:[64]}]]],["p-dc03c30f",[[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]}]]],["p-b01e05a1",[[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]}]]],["p-816a3218",[[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]}]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-bfc7b8ca.js";export{s as setNonce}from"./p-bfc7b8ca.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-2756003d",[[1,"ez-guide-navigator",{open:[1540],selectedId:[1537,"selected-id"],items:[16],tooltipResolver:[16],filterText:[32],disableItem:[64],enableItem:[64],updateItem:[64],getItem:[64],getCurrentPath:[64],selectGuide:[64],getParent:[64]}]]],["p-dc03c30f",[[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]}]]],["p-b01e05a1",[[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]}]]],["p-816a3218",[[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]}]]],["p-37b4aa8b",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],config:[1040],serverUrl:[1,"server-url"],dataUnit:[16],statusResolver:[16],_paginationInfo:[32],_paginationChangedByKeyboard:[32],_showSelectionCounter:[32],_isAllSelection:[32],_currentPageSelected:[32],_selectionCount:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],quickFilter:[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["p-f71f0aa2",[[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"]}]]],["p-997b2df9",[[1,"ez-alert",{alertType:[513,"alert-type"]}]]],["p-6adf3791",[[1,"ez-badge",{size:[513],label:[513],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],position:[1040],hasSlot:[32]}]]],["p-d892dc4f",[[1,"ez-chip",{label:[513],enabled:[516],removePosition:[513,"remove-position"],mode:[513],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-2f80d68c",[[1,"ez-file-item",{canRemove:[4,"can-remove"],fileName:[1,"file-name"],iconName:[1,"icon-name"],fileSize:[2,"file-size"],progress:[2]}]]],["p-b2056805",[[1,"ez-list",{dataSource:[1040],listMode:[1,"list-mode"],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],hoverFeedback:[1028,"hover-feedback"],_listItems:[32],_listGroupItems:[32],clearHistory:[64],scrollToTop:[64],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-e8e7ec07",[[0,"ez-application"]]],["p-848bc350",[[1,"ez-card-item",{item:[16]}]]],["p-1ac06223",[[1,"ez-loading-bar",{_showLoading:[32],hide:[64],show:[64]}]]],["p-5110b212",[[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]}]]],["p-62ebbd06",[[1,"ez-popover",{autoClose:[516,"auto-close"],top:[1537],left:[1537],bottom:[1537],right:[1537],boxWidth:[513,"box-width"],opened:[1540],innerElement:[1537,"inner-element"],overlayType:[513,"overlay-type"],updatePosition:[64],show:[64],hide:[64]}]]],["p-04a52868",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[516,"use-header"],heightMode:[513,"height-mode"],ezTitle:[1,"ez-title"]}]]],["p-6e453307",[[1,"ez-radio-button",{value:[1544],options:[1040],enabled:[516],label:[513],direction:[1537]}]]],["p-672c1fba",[[0,"ez-skeleton",{count:[2],variant:[1],width:[1],height:[1],marginBottom:[1,"margin-bottom"],animation:[1]}]]],["p-0c2187a1",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-6d794472",[[0,"ez-view-stack",{show:[64],getSelectedIndex:[64]}]]],["p-41e82662",[[1,"ez-dropdown",{items:[1040],value:[1040],itemBuilder:[16]}]]],["p-fc71f135",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1],_processedTabs:[32]}]]],["p-c00e734a",[[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]}]]],["p-64fcb7e7",[[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]}]]],["p-5a01fb34",[[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"],setFocus:[64],setBlur:[64],isInvalid:[64],clearValue:[64]}]]],["p-3173d988",[[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]}]]],["p-7cce14cd",[[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]}]]],["p-d96793f1",[[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]}]]],["p-c0f7917c",[[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]}]]],["p-6f11ddf8",[[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],errorMessage:[1537,"error-message"],rows:[1538],canShowError:[516,"can-show-error"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-10370913",[[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]}]]],["p-a4907f2a",[[1,"ez-text-edit",{value:[1],styled:[16],_newValue:[32],applyFocusSelect:[64]}]]],["p-afea6e50",[[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errorMessage:[1537,"error-message"],searchMode:[4,"search-mode"],showSelectedValue:[4,"show-selected-value"],showOptionValue:[4,"show-option-value"],suppressSearch:[4,"suppress-search"],optionLoader:[16],suppressEmptyOption:[4,"suppress-empty-option"],canShowError:[516,"can-show-error"],mode:[513],_preSelection:[32],_visibleOptions:[32],_startLoading:[32],_showLoading:[32],_criteria:[32],setFocus:[64],setBlur:[64],isInvalid:[64],clearValue:[64]}]]],["p-b945133d",[[1,"ez-check",{label:[513],value:[1540],enabled:[1540],indeterminate:[1540],mode:[513],compact:[4],getMode:[64],setFocus:[64]}]]],["p-967758ac",[[2,"ez-form-view",{fields:[16],showUp:[64]}]]],["p-4ebb1d15",[[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]}],[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"]]],["p-994c4934",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-1a902d0e",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-9518ef88",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]},[[2,"click","clickListener"]]]]],["p-6629e5c5",[[2,"ez-form",{dataUnit:[1040],config:[16],recordsValidator:[16],validate:[64]}]]]],e)));
|