@sankhyalabs/ezui 2.14.0 → 2.14.2
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-filter-input_3.cjs.entry.js +57 -15
- package/dist/cjs/ez-guide-navigator.cjs.entry.js +17 -301
- package/dist/cjs/ez-popover.cjs.entry.js +2 -2
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-guide-navigator/ez-guide-navigator.css +4 -0
- package/dist/collection/components/ez-guide-navigator/ez-guide-navigator.js +79 -138
- package/dist/collection/components/ez-guide-navigator/interfaces/IGuideItem.js +1 -0
- package/dist/collection/components/ez-guide-navigator/interfaces/index.js +1 -0
- package/dist/collection/components/ez-popover/ez-popover.css +1 -1
- package/dist/collection/components/ez-popover/ez-popover.js +1 -1
- package/dist/collection/components/ez-tree/ez-tree.js +33 -10
- package/dist/collection/components/ez-tree/subcomponents/TreeItem.js +6 -3
- package/dist/collection/components/ez-tree/types/Node.js +2 -1
- package/dist/collection/components/ez-tree/types/Tree.js +38 -3
- package/dist/custom-elements/index.js +78 -320
- package/dist/esm/ez-filter-input_3.entry.js +58 -16
- package/dist/esm/ez-guide-navigator.entry.js +18 -302
- package/dist/esm/ez-popover.entry.js +2 -2
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-368037b9.entry.js +1 -0
- package/dist/ezui/p-73eb147d.entry.js +1 -0
- package/dist/ezui/p-ca8f7199.entry.js +1 -0
- package/dist/types/components/ez-guide-navigator/interfaces/IGuideItem.d.ts +3 -0
- package/dist/types/components/ez-guide-navigator/interfaces/index.d.ts +1 -0
- package/dist/types/components/ez-tree/ez-tree.d.ts +6 -2
- package/dist/types/components/ez-tree/types/Node.d.ts +1 -0
- package/dist/types/components/ez-tree/types/Tree.d.ts +5 -1
- package/dist/types/components.d.ts +21 -9
- package/package.json +1 -1
- package/dist/collection/components/ez-guide-navigator/Guide.js +0 -200
- package/dist/ezui/p-98c448c9.entry.js +0 -1
- package/dist/ezui/p-a47b3526.entry.js +0 -1
- package/dist/ezui/p-fa2f4ea5.entry.js +0 -1
- package/dist/types/components/ez-guide-navigator/Guide.d.ts +0 -69
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["ez-guide-navigator",[[1,"ez-guide-navigator",{"
|
|
13
|
+
return bootstrapLazy([["ez-guide-navigator",[[1,"ez-guide-navigator",{"open":[1540],"items":[16],"tooltipResolver":[16],"filterText":[32],"disableItem":[64],"enableItem":[64]}]]],["ez-actions-button",[[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-dialog",[[1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"show":[64]}]]],["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"quickFilter":[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["ez-modal-container",[[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",[[1,"ez-alert",{"alertType":[513,"alert-type"]}]]],["ez-breadcrumb",[[1,"ez-breadcrumb",{"items":[1040]}]]],["ez-chip",[[1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-dropdown",[[1,"ez-dropdown",{"items":[1040],"value":[1040],"itemBuilder":[16]}]]],["ez-file-item",[[1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]]],["ez-application",[[0,"ez-application"]]],["ez-card-item",[[1,"ez-card-item",{"item":[16]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"clearHistory":[64],"scrollToTop":[64],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-loading-bar",[[1,"ez-loading-bar",{"_showLoading":[32],"hide":[64],"show":[64]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]]],["ez-radio-button",[[1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]]],["ez-scroller",[[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"]]]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-view-stack",[[0,"ez-view-stack",{"show":[64],"getSelectedIndex":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]]],["ez-text-input",[[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-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32],"showHide":[64],"applyFocusTextEdit":[64],"cancelEdition":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-text-edit",[[1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32],"applyFocusSelect":[64]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}]]],["ez-filter-input_3",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64],"isInvalid":[64]}],[1,"ez-sidebar-button"],[1,"ez-tree",{"items":[1040],"value":[1040],"selectedId":[1537,"selected-id"],"iconResolver":[16],"tooltipResolver":[16],"_tree":[32],"_waintingForLoad":[32],"selectItem":[64],"openItem":[64],"disableItem":[64],"enableItem":[64],"addChild":[64],"applyFilter":[64]},[[2,"keydown","onKeyDownListener"]]]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-form-view",[[2,"ez-form-view",{"fields":[16]}]]],["ez-form",[[2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"multiLevel":[4,"multi-level"],"levelResolver":[16],"contentBuilder":[16],"validate":[64]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-7b80df03.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-
|
|
1
|
+
import{p as e,b as o}from"./p-7b80df03.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-73eb147d",[[1,"ez-guide-navigator",{open:[1540],items:[16],tooltipResolver:[16],filterText:[32],disableItem:[64],enableItem:[64]}]]],["p-20c01161",[[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-6f9aba86",[[1,"ez-dialog",{confirm:[1028],dialogType:[1025,"dialog-type"],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],show:[64]}]]],["p-bc324ee8",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],config:[1040],serverUrl:[1,"server-url"],dataUnit:[16],statusResolver:[16],_paginationInfo:[32],_paginationChangedByKeyboard:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],quickFilter:[64]},[[0,"ezSelectionChange","onSelectionChange"]]]]],["p-0c3f7bf2",[[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-7d42065a",[[1,"ez-alert",{alertType:[513,"alert-type"]}]]],["p-0cd0545d",[[1,"ez-breadcrumb",{items:[1040]}]]],["p-47ca5e09",[[1,"ez-chip",{label:[513],enabled:[516],removePosition:[513,"remove-position"],mode:[513],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-91f8c816",[[1,"ez-dropdown",{items:[1040],value:[1040],itemBuilder:[16]}]]],["p-24717f87",[[1,"ez-file-item",{canRemove:[4,"can-remove"],fileName:[1,"file-name"],iconName:[1,"icon-name"],fileSize:[2,"file-size"],progress:[2]}]]],["p-47bcc678",[[0,"ez-application"]]],["p-1b94b9dc",[[1,"ez-card-item",{item:[16]}]]],["p-6dec5cfa",[[1,"ez-list",{dataSource:[1040],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],_listItems:[32],_listGroupItems:[32],clearHistory:[64],scrollToTop:[64],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-ad8b7412",[[1,"ez-loading-bar",{_showLoading:[32],hide:[64],show:[64]}]]],["p-bf8a633d",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"]}]]],["p-368037b9",[[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-bd9792e2",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[516,"use-header"],heightMode:[513,"height-mode"],ezTitle:[1,"ez-title"]}]]],["p-ab5eee38",[[1,"ez-radio-button",{value:[1544],options:[1040],enabled:[516],label:[513],direction:[1537]}]]],["p-3b2091dd",[[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"]]]]],["p-626b8940",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-4c444816",[[0,"ez-view-stack",{show:[64],getSelectedIndex:[64]}]]],["p-a4b4645d",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1],_processedTabs:[32]}]]],["p-608d13e8",[[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-6630eca2",[[1,"ez-collapsible-box",{value:[1540],label:[513],headerSize:[513,"header-size"],iconPlacement:[513,"icon-placement"],headerAlign:[513,"header-align"],removable:[516],editable:[516],conditionalSave:[16],_activeEditText:[32],showHide:[64],applyFocusTextEdit:[64],cancelEdition:[64]}]]],["p-1a27bb9f",[[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errorMessage:[1537,"error-message"],optionLoader:[16],showSelectedValue:[4,"show-selected-value"],showOptionValue:[4,"show-option-value"],suppressEmptyOption:[4,"suppress-empty-option"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-3320768e",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-e203c89f",[[1,"ez-date-time-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-c071db26",[[1,"ez-time-input",{label:[513],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-b2e861cb",[[1,"ez-number-input",{label:[1],value:[1538],enabled:[4],errorMessage:[1537,"error-message"],precision:[2],prettyPrecision:[2,"pretty-precision"],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}]]],["p-fc97f773",[[1,"ez-check",{label:[513],value:[1540],enabled:[1540],indeterminate:[516],mode:[513],getMode:[64],setFocus:[64]}]]],["p-b2efb22c",[[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-ca7435a6",[[1,"ez-upload",{label:[1],enabled:[4],maxFileSize:[2,"max-file-size"],maxFiles:[2,"max-files"],requestHeaders:[8,"request-headers"],urlUpload:[1,"url-upload"],urlDelete:[1,"url-delete"],value:[1040],addFiles:[64],setFocus:[64],setBlur:[64]}]]],["p-b5557d33",[[1,"ez-text-edit",{value:[1],styled:[16],_newValue:[32],applyFocusSelect:[64]}]]],["p-c3529df3",[[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]}]]],["p-ca8f7199",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64],isInvalid:[64]}],[1,"ez-sidebar-button"],[1,"ez-tree",{items:[1040],value:[1040],selectedId:[1537,"selected-id"],iconResolver:[16],tooltipResolver:[16],_tree:[32],_waintingForLoad:[32],selectItem:[64],openItem:[64],disableItem:[64],enableItem:[64],addChild:[64],applyFilter:[64]},[[2,"keydown","onKeyDownListener"]]]]],["p-67b9a2cb",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-99aea44b",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-ad7151e0",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]}]]],["p-ba03ac61",[[2,"ez-form-view",{fields:[16]}]]],["p-97d2d2f6",[[2,"ez-form",{dataUnit:[1040],config:[16],recordsValidator:[16],multiLevel:[4,"multi-level"],levelResolver:[16],contentBuilder:[16],validate:[64]}]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as e,g as s}from"./p-7b80df03.js";import{FloatingManager as r}from"@sankhyalabs/core";let h=class{constructor(i){t(this,i),this.ezVisibilityChange=o(this,"ezVisibilityChange",7),this._firstRender=!0,this.autoClose=!0,this.top="0px",this.left="0px",this.bottom="0px",this.right="0px",this.boxWidth="fit-content",this.overlayType="light",this.innerClickTest=(t,o,i)=>{const e=[t];this.innerElement&&("string"==typeof this.innerElement?e.push(document.querySelector(`#${this.innerElement}`)):this.innerElement.forEach((t=>{e.push(document.querySelector(`#${t}`))})));for(var s=0;s<e.length;s++){let t=e[s];if(null!=t){if(t.contains(o))return!0;if(i&&"nodeType"in(null==i?void 0:i.target)&&t.contains(i.target))return!0;if(t.shadowRoot&&t.shadowRoot.contains(o))return!0;if(t=this._host,t.lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(o):t.contains(o))return!0}}return!1},this.backClickListener=()=>{this.ezVisibilityChange.emit(!1)}}observeOpened(t,o){t!=o&&(o?this.hide():this.show(),this.ezVisibilityChange.emit(t))}async updatePosition(t=this.top,o=this.left,i=this.bottom,e=this.right){r.updateFloatPosition(this._box,this._container,{autoClose:this.autoClose,top:t,left:o,bottom:i,right:e,innerClickTest:this.innerClickTest,backClickListener:this.backClickListener})}async show(t=this.top,o=this.left,i=this.bottom,e=this.right){const s="none"!==this.overlayType,h=`ez-scrim ez-scrim--${this.overlayType}`;let n={autoClose:this.autoClose,top:t,left:o,bottom:i,right:e,innerClickTest:this.innerClickTest,backClickListener:this.backClickListener};s&&(n=Object.assign(Object.assign({},n),{autoClose:!0,useOverlay:s,overlayClassName:h})),this._floatingID=r.float(this._box,this._container,n),this.opened=!0}async hide(){void 0!==this._floatingID&&(r.close(this._floatingID),this._floatingID=void 0,this.opened=!1)}componentDidRender(){this._firstRender&&(this._box.remove(),this._firstRender=!1)}render(){return i(e,null,i("section",{ref:t=>this._container=t},i("div",{class:"popover__box "+("fit-content"===this.boxWidth?"popover__box--fit-content":"popover__box--full-width"),ref:t=>this._box=t},i("slot",null))))}get _host(){return s(this)}static get watchers(){return{opened:["observeOpened"]}}};h.style=":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 3);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";export{h as ez_popover}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as i,g as t}from"./p-7b80df03.js";import{ElementIDUtils as r}from"@sankhyalabs/core";let o=class{constructor(a){e(this,a),this.open=!0,this.items=[],this.filterText=""}async disableItem(e){[].concat(e).forEach((e=>this._tree.disableItem(e)))}async enableItem(e){[].concat(e).forEach((e=>this._tree.enableItem(e)))}async handleToggleSidebar(){this.open=!this.open}handleFilterTree(e){"Enter"===e.key&&this._tree.applyFilter(this.filterText)}render(){return r.addIDInfoIfNotExists(this._element),a(i,null,a("ez-sidebar-button",{class:this.open?"hidden":"",onEzClick:this.handleToggleSidebar.bind(this),"aria-controls":"navigator","aria-expanded":this.open,"data-element-id":r.getInternalIDInfo("openButton")}),a("aside",{tabIndex:-1,id:"navigator",class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-guide-navigator "+(this.open?"":"hidden"),"data-element-id":r.getInternalIDInfo("sidebar")},a("div",{role:"search",class:"ez-guide-navigator__actions"},a("ez-filter-input",{mode:"slim",value:this.filterText,onEzChange:e=>this.filterText=e.detail,label:"Buscar guia","aria-placeholder":"Buscar guia",onKeyUp:this.handleFilterTree.bind(this),"data-element-id":r.getInternalIDInfo("textinput")}),a("ez-button",{onClick:this.handleToggleSidebar.bind(this),class:"inverted",mode:"icon",size:"small",iconName:"show_menu",title:"Ocultar menu","aria-label":"Ocultar menu","aria-controls":"navigator","data-element-id":r.getInternalIDInfo("closeButton")})),a("ez-tree",{ref:e=>this._tree=e,items:this.items,"data-element-id":r.getInternalIDInfo("tree"),tooltipResolver:this.tooltipResolver})))}get _element(){return t(this)}};o.style=":host{--ez-guide-navigator--padding:0 var(--space--large);--ez-guide-navigator--box-shadow:var(--shadow, 0px 0px 24px 0px #000);--ez-guide-navigator--background-color:var(--color--inverted);--ez-guide-navigator--border-radius:0px var(--border--radius-medium) var(--border--radius-medium) 0px;--ez-guide-navigator--actions-gap:var(--space--medium);--ez-guide-navigator--actions-margin:var(--space--medium) 0 var(--space--medium)}.inverted{transform:rotate(180deg)}.ez-guide-navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--ez-guide-navigator--padding);background-color:var(--ez-guide-navigator--background-color);-webkit-box-shadow:var(--ez-guide-navigator--box-shadow);box-shadow:var(--ez-guide-navigator--box-shadow);border-radius:var(--ez-guide-navigator--border-radius)}.ez-guide-navigator__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--ez-guide-navigator--actions-gap);margin:var(--ez-guide-navigator--actions-margin)}.hidden{display:none}";export{o as ez_guide_navigator}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,g as r,f as s,H as a}from"./p-7b80df03.js";import{ElementIDUtils as o,StringUtils as n}from"@sankhyalabs/core";import{C as h}from"./p-4a5e37a7.js";let l=class{constructor(i){e(this,i),this.ezChange=t(this,"ezChange",7),this.enabled=!0,this.mode="regular"}observeLabel(){this._textInput&&(this._textInput.label=this.label)}observeErrorMessage(){this._textInput&&(this._textInput.errorMessage=this.errorMessage)}observeValue(e,t){this._textInput&&e!=t&&(this._textInput.value=e,this.ezChange.emit(e))}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}changeValue(e){const t=e.detail;this.errorMessage="",t!==this.value&&(this.value=t)}componentDidLoad(){h.applyVarsTextInput(this._elem,this._textInput)}render(){return o.addIDInfoIfNotExists(this._elem,"input"),i("ez-text-input",{"data-element-id":o.getInternalIDInfo("textInput"),ref:e=>this._textInput=e,label:this.label,onEzChange:e=>this.changeValue(e),value:this.value,enabled:this.enabled,errorMessage:this.errorMessage,restrict:this.restrict,mode:this.mode},i("ez-icon",{slot:"leftIcon",iconName:"search"}))}get _elem(){return r(this)}static get watchers(){return{label:["observeLabel"],errorMessage:["observeErrorMessage"],value:["observeValue"]}}};l.style=":host{display:block;width:100%}";let d=class{constructor(i){e(this,i),this.ezClick=t(this,"ezClick",7)}componentDidLoad(){this._element&&o.addIDInfo(this._element),this._button&&o.addIDInfo(this._button,"button",{id:"embedded"})}render(){return i("button",{type:"button",onClick:()=>{this.ezClick.emit()},ref:e=>this._button=e},i("span",null))}get _element(){return r(this)}};d.style=":host{--ez-sidebar-button--width:6px;--ez-sidebar-button--hover--width:12px;--ez-sidebar-button--height:96px;--ez-sidebar-button--background-color--xlight:var(--background--xlight, #fff);--ez-sidebar-button--background-color--primary:var(--color--primary);--ez-sidebar-button--space--small:var(--space--small, 6px);--ez-sidebar-button--space--medium:var(--space--medium, 12px);--ez-sidebar-button--box-shadow:var(--shadow--small, 0px 0px 16px rgba(0, 38, 111, 0.07));--ez-sidebar-button--hover--box-shadow:var(--shadow--hard, 0px 0px 16px rgba(43, 58, 84, 0.24));--ez-sidebar-button--border--radius-small:var(--border--radius-small);--ez-sidebar-button--border--radius-medium:var(--border--radius-medium)}button{display:flex;background:var(--ez-sidebar-button--background-color--xlight);border:0;border-radius:0 var(--ez-sidebar-button--border--radius-medium) var(--ez-sidebar-button--border--radius-medium) 0;box-shadow:var(--ez-sidebar-button--box-shadow);padding:0;cursor:pointer}span{width:var(--ez-sidebar-button--width);height:var(--ez-sidebar-button--height);margin:var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--small) var(--ez-sidebar-button--space--medium) 0;background:var(--ez-sidebar-button--background-color--primary);border-radius:0 var(--ez-sidebar-button--border--radius-small) var(--ez-sidebar-button--border--radius-small) 0}button:hover{box-shadow:var(--ez-sidebar-button--hover--box-shadow)}button:hover span{width:var(--ez-sidebar-button--hover--width);margin:var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--medium) 0}";const c=(e,t)=>t?e.iconExpanded||"chevron-down":e.iconContracted||"chevron-right",b=e=>e.tooltip||e.label,u=e=>{const{node:t,selectedId:r,itemClick:s,iconClick:a,iconResolver:n,tooltipResolver:h,itemsList:l}=e;if(!t.visible)return;const d=t.item,c=e.level||1,b=t.isDisabled(),m=!b&&d.expanded,v=t.isExpandable(),p=!b&&!t.isPlaceHolder;return p&&l.push(d),i("ul",{class:1===c?"first-level":void 0},i("li",Object.assign({title:h(d,!b,c),class:"tree-item",onClick:()=>p&&s(d)},{disabled:b,selected:d.id===r,[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]:o.getInternalIDInfo(`ezTreeItem_${d.id}`)}),i("div",{class:"item-icon-box"},v&&i("ez-icon",{id:d.id,class:"item-icon",size:"small",iconName:n(d,m,c),onClick:()=>p&&a(d)})),i("label",{class:"item-label"},d.label)),m&&t.getChildren().map((e=>i(u,{selectedId:r,node:e,itemClick:s,iconClick:a,level:c+1,iconResolver:n,tooltipResolver:h,itemsList:l}))))};class m{constructor(e,t,i,r=!1){this.children=new Map,this.visible=!0,this.item=t,this.parent=i,this._tree=e,this.isPlaceHolder=r,t&&!r?(this._isLazyLoad="function"==typeof t.children||t.childrenCount>0,Array.isArray(t.children)&&(Array.from(t.children).forEach((e=>this.addChild(this._tree,e))),this._childrenLoaded=!0)):(this._isLazyLoad=!1,this._childrenLoaded=!0)}refresh(e){if(this.isPlaceHolder)return;this.item=Object.assign({},e),this._isLazyLoad="function"==typeof this.item.children||this.item.childrenCount>0;const t=this.children;this.children=new Map,Array.isArray(this.item.children)?(Array.from(this.item.children).forEach((e=>{const i=t.get(e.id);i?(i.refresh(e),this.children.set(e.id,i)):this.addChild(this._tree,Object.assign({},e))})),this._childrenLoaded=!0):this._childrenLoaded=!1}isDisabled(){return!this.isPlaceHolder&&this._tree.isNodeDisabled(this.item.id,this.item.disabled)}updateChildren(e){this.isPlaceHolder||this.refresh(Object.assign(Object.assign({},this.item),{children:e}))}addChild(e,t){this.children.has(t.id)||this.children.set(t.id,new m(e,t,this))}addPlaceHolder(){this.children.clear();const e=this.item.id;this.children.set(e,new m(void 0,{id:`placeholder_${e}`,label:"Carregando..."},this,!0))}getNode(e){if(this.children.has(e))return this.children.get(e);const t=Array.from(this.children.values());for(const i of t){const t=i.getNode(e);if(t)return t}}needLoad(){return this._isLazyLoad&&!this._childrenLoaded}isExpandable(){return this._isLazyLoad||this.children.size>0||Array.isArray(this.item.children)}getChildren(){return this.isPlaceHolder?[]:(this.needLoad()&&this._tree.loadChildren(this),Array.from(this.children.values()))}}class v extends m{constructor(e){super(void 0),this._disabledValues=new Map,this._changeCallback=e}async addChildAt(e,t){const i=this.getNode(e);null!=i&&(i.addChild(this,t),this._changeCallback())}setDisabled(e,t){this._disabledValues.set(e,t),this._changeCallback()}isNodeDisabled(e,t){return this._disabledValues.has(e)?this._disabledValues.get(e):t}load(e){if(e===this._currentItems)return;this._currentItems=e;const t=this.children;this.children=new Map,this._disabledValues.clear(),e.forEach((e=>{const i=t.get(e.id);i?(i.refresh(e),this.children.set(e.id,i)):this.addChild(this,Object.assign({},e))}))}setFilterPattern(e){this._filterPattern=n.replaceAccentuatedCharsKeepSymbols(e),this.applyFilter(this),this._changeCallback()}updateItem(e){if(null==e)return;const t=this.getNode(e.id);null!=t&&(Object.keys(e).forEach((i=>t.item[i]=e[i])),this._changeCallback())}async open(e){return new Promise((async t=>{await this.walkPath(this,e,(e=>e.item.expanded=!0)),t()}))}applyFilter(e){if(e.children.forEach((e=>{this.applyFilter(e)})),null==e.item)return;let t=!1;if(n.replaceAccentuatedCharsKeepSymbols(e.item.label).includes(this._filterPattern))t=!0;else{const i=Array.from(e.children.values());for(let r=0;r<i.length;r++)if(i[r].visible){t=!0,e.item.expanded=!0;break}}e.visible=t}async walkPath(e,t,i,r=0){return new Promise((async s=>{const a=t.split(">>").map((e=>e.trim()));if(a.length>r){const s=e.getNode(a[r]);s&&(s.needLoad()&&await this.loadLevel(s),i(s),await this.walkPath(s,t,i,r+1))}s()}))}async loadChildren(e){return new Promise((t=>{this.loadLevel(e).then((()=>{t(),this._changeCallback()}))}))}async loadLevel(e){return new Promise((t=>{e.addPlaceHolder(),(0,e.item.children)(e.item).then((i=>{e.updateChildren(i),t()}))}))}}let p=class{constructor(i){e(this,i),this.ezChange=t(this,"ezChange",7),this.ezOpenItem=t(this,"ezOpenItem",7),this._onItemClick=e=>{this.value=e},this._onIconClick=e=>{this.openClose(e),this.value=e},this._tree=new v((()=>s(this))),this.items=[],this.iconResolver=c}async selectItem(e){const t=this._tree.getNode(e);this.value=t?t.item:void 0}async openItem(e){this._waintingForLoad=!0,await this._tree.open(e),this._waintingForLoad=!1}async disableItem(e){[].concat(e).forEach((e=>this._tree.setDisabled(e,!0)))}async enableItem(e){[].concat(e).forEach((e=>this._tree.setDisabled(e,!1)))}async addChild(e,t){var i;null==t&&(t=null===(i=this.value)||void 0===i?void 0:i.id),this._tree.addChildAt(t,e);const r=this._tree.getNode(t);r&&(r.item.expanded=!0)}async applyFilter(e){this._tree.setFilterPattern(e)}observeItems(e,t){e!=t&&this._tree.load(this.items||[])}observeValue(){var e;this.ezChange.emit(this.value),this.selectedId=null===(e=this.value)||void 0===e?void 0:e.id}onKeyDownListener(e){if(!this.value)return;let t=!1;switch(e.key){case"ArrowUp":this.previousItem(),t=!0;break;case"ArrowDown":this.nextItem(),t=!0;break;case"ArrowLeft":this.previousLevel(),t=!0;break;case"ArrowRight":this.nextLevel(),t=!0;break;case" ":this.openClose(this.value),t=!0}t&&(e.stopPropagation(),e.preventDefault())}openClose(e){if(null==e)return;const t=!e.expanded;e.expanded=t,t&&this.ezOpenItem.emit(e),this._tree.updateItem(e)}previousLevel(){var e;if(this.value)if(this.value.expanded)this.value.expanded=!1,this._tree.updateItem(this.value);else{const t=null===(e=this._tree.getNode(this.value.id).parent)||void 0===e?void 0:e.item;t&&(this.value=t)}}nextLevel(){this.value&&this._tree.getNode(this.value.id).isExpandable()&&(this.value.expanded?this.nextItem():(this.value.expanded=!0,this._tree.updateItem(this.value)))}indexOf(e){if(null==e)return-1;for(let t=0;t<this._visibleItems.length;t++)if(this._visibleItems[t].id===e)return t;return-1}selectNextItem(e){var t;const i=this.indexOf(null===(t=this.value)||void 0===t?void 0:t.id)+e;i>-1&&i<this._visibleItems.length&&(this.value=this._visibleItems[i])}nextItem(){this.selectNextItem(1)}previousItem(){this.selectNextItem(-1)}connectedCallback(){this.items&&this._tree.load(this.items)}componentWillRender(){var e;if(!this.selectedId||(null===(e=this.value)||void 0===e?void 0:e.id)===this.selectedId)return;const t=this._tree.getNode(this.selectedId);t?this.value=t.item:this.selectedId=void 0}render(){if(o.addIDInfoIfNotExists(this._element,"ezTree"),null!=this.items)return this._visibleItems=[],i(a,{tabindex:"-1"},this._waintingForLoad?i("label",null,"Carregando..."):this._tree.getChildren().map((e=>{var t;return i(u,{selectedId:null===(t=this.value)||void 0===t?void 0:t.id,node:e,itemClick:this._onItemClick,iconClick:this._onIconClick,iconResolver:this.iconResolver,tooltipResolver:this.tooltipResolver||b,itemsList:this._visibleItems})})))}get _element(){return r(this)}static get watchers(){return{items:["observeItems"],value:["observeValue"]}}};p.style=":host{--ez-tree--border-radius:var(--border--radius-small, 8px);--ez-tree--padding-inline-start:20px;--ez-tree--margin:var(--space--extra-small, 3px);--ez-tree--font-family:var(--font-pattern, Arial);--ez-tree--font-size:var(--text--medium, 14px);--ez-tree--selected--font-weight:var(--text-weight--large, 600);--ez-tree--font-weight:var(--text-weight--small, 400);--ez-tree--color:var(--title--primary, #2B3A54);--ez-tree--selected--color:var(--color--primary, #008561);--ez-tree--disabled--color:var(--text--disable, #AFB6C0);--ez-tree__tree-item--height:var(--size-medium, 18px);--ez-tree__tree-item--padding:var(--space--small, 6px);--ez-tree__tree-item--background-color:var(--background--xlight, #FFFFFF);--ez-tree__tree-item--selected--background-color:var(--color--primary-300, #E2F4EF);--ez-tree__tree-item--hover--background-color:var(--background--medium, #F0F3F7);--ez-tree__tree-item--disabled--background-color:var(--ez-tree__tree-Item--background-color);--ez-tree__item-icon-box--height:var(--ez-tree__tree-item--height);--ez-tree__item-icon-box--width:var(--size-medium, 18px);--ez-tree__item-icon-box--padding:var(--ez-tree__tree-item--padding);display:flex;flex-direction:column;margin:0 var(--ez-tree--margin) var(--ez-tree--margin) var(--ez-tree--margin);outline:none}ul{list-style-type:none;margin:0;padding-inline-start:var(--ez-tree--padding-inline-start)}ul.first-level{padding-inline-start:0}.tree-item{display:flex;align-items:center;margin-top:var(--ez-tree--margin);border-radius:var(--ez-tree--border-radius);height:var(--ez-tree__tree-item--height);padding:var(--ez-tree__tree-item--padding)}.tree-item[selected]{background-color:var(--ez-tree__tree-item--selected--background-color)}.tree-item:hover{background-color:var(--ez-tree__tree-item--hover--background-color)}.tree-item[disabled],.tree-item[disabled]:hover{background-color:var(--ez-tree__tree-item--disabled--background-color)}.item-icon-box{display:flex;align-items:center;justify-content:center;width:var(--ez-tree__item-icon-box--width);height:var(--ez-tree__item-icon-box--height);padding:var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) 0}.item-icon{--ez-icon--color:var(--ez-tree--color)}.item-icon:hover{cursor:pointer}.tree-item[selected] .item-icon{--ez-icon--color:var(--ez-tree--selected--color)}.tree-item[disabled] .item-icon{cursor:unset;--ez-icon--color:var(--ez-tree--disabled--color)}.item-label{cursor:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:var(--ez-tree--font-family);font-size:var(--ez-tree--font-size);font-weight:var(--ez-tree--font-weight);color:var(--ez-tree--color)}.tree-item[selected] .item-label{color:var(--ez-tree--selected--color);font-weight:var(--ez-tree--selected--font-weight)}.tree-item[disabled] .item-label{color:var(--ez-tree--disabled--color)}";export{l as ez_filter_input,d as ez_sidebar_button,p as ez_tree}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IGuideItem } from "./IGuideItem";
|
|
@@ -2,10 +2,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
import { ITreeItem } from './interfaces/ITreeItem';
|
|
3
3
|
export declare class EzTree {
|
|
4
4
|
private _element;
|
|
5
|
-
private _tree;
|
|
6
5
|
private _visibleItems;
|
|
7
6
|
private _onItemClick;
|
|
8
7
|
private _onIconClick;
|
|
8
|
+
private _tree;
|
|
9
9
|
private _waintingForLoad;
|
|
10
10
|
/**
|
|
11
11
|
* Define os itens apresentados na árvore.
|
|
@@ -63,7 +63,11 @@ export declare class EzTree {
|
|
|
63
63
|
* um item carregado atualmente na árvore.
|
|
64
64
|
*/
|
|
65
65
|
addChild(item: ITreeItem, parentId?: string): Promise<void>;
|
|
66
|
-
|
|
66
|
+
/**
|
|
67
|
+
* Efetua a seleção de um item.
|
|
68
|
+
*/
|
|
69
|
+
applyFilter(pattern: string): Promise<void>;
|
|
70
|
+
observeItems(newValue: Array<ITreeItem>, oldValue: Array<ITreeItem>): void;
|
|
67
71
|
observeValue(): void;
|
|
68
72
|
onKeyDownListener(event: KeyboardEvent): void;
|
|
69
73
|
private openClose;
|
|
@@ -4,14 +4,18 @@ import { Node } from "./Node";
|
|
|
4
4
|
export declare class Tree extends Node implements ITree {
|
|
5
5
|
private _disabledValues;
|
|
6
6
|
private _changeCallback;
|
|
7
|
+
private _filterPattern;
|
|
8
|
+
private _currentItems;
|
|
7
9
|
constructor(changeCallback: () => void);
|
|
8
10
|
addChildAt(parentId: string, item: ITreeItem): Promise<void>;
|
|
9
11
|
setDisabled(id: string, value: boolean): void;
|
|
10
12
|
isNodeDisabled(id: string, defaultValue: boolean): boolean;
|
|
11
13
|
load(items: Array<ITreeItem>): void;
|
|
14
|
+
setFilterPattern(pattern: string): void;
|
|
12
15
|
updateItem(item: ITreeItem): void;
|
|
13
16
|
open(path: string): Promise<void>;
|
|
14
|
-
|
|
17
|
+
private applyFilter;
|
|
18
|
+
walkPath(parent: Node, path: string, callback: (node: Node) => void, currentLevel?: number): Promise<void>;
|
|
15
19
|
loadChildren(node: Node): Promise<void>;
|
|
16
20
|
private loadLevel;
|
|
17
21
|
}
|
|
@@ -18,7 +18,7 @@ import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
|
|
|
18
18
|
import { IFormViewField } from "./components/ez-form-view/interfaces";
|
|
19
19
|
import { IFormViewField as IFormViewField1 } from "./components/ez-form-view/interfaces/IFormViewField";
|
|
20
20
|
import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./components/ez-grid/controller/EzGridController";
|
|
21
|
-
import {
|
|
21
|
+
import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
|
|
22
22
|
import { ListGroup, ListItem } from "./components/ez-list/ez-list";
|
|
23
23
|
import { Radio } from "./components/ez-radio-button/ez-radio-button";
|
|
24
24
|
import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
|
|
@@ -597,21 +597,25 @@ export namespace Components {
|
|
|
597
597
|
}
|
|
598
598
|
interface EzGuideNavigator {
|
|
599
599
|
/**
|
|
600
|
-
*
|
|
600
|
+
* Desabilita um ou mais itens.
|
|
601
601
|
*/
|
|
602
|
-
"
|
|
602
|
+
"disableItem": (id: string | Array<string>) => Promise<void>;
|
|
603
603
|
/**
|
|
604
|
-
* Habilita
|
|
604
|
+
* Habilita um ou mais itens.
|
|
605
605
|
*/
|
|
606
|
-
"
|
|
606
|
+
"enableItem": (id: string | Array<string>) => Promise<void>;
|
|
607
607
|
/**
|
|
608
|
-
*
|
|
608
|
+
* Lista de itens do menu de navegação.
|
|
609
609
|
*/
|
|
610
|
-
"
|
|
610
|
+
"items": Array<IGuideItem>;
|
|
611
611
|
/**
|
|
612
612
|
* Define se o menu de navegação está aberto.
|
|
613
613
|
*/
|
|
614
614
|
"open": boolean;
|
|
615
|
+
/**
|
|
616
|
+
* Define uma função que vai resolver o `tooltip` ou `title` daquele item.
|
|
617
|
+
*/
|
|
618
|
+
"tooltipResolver": (item: IGuideItem, enabled: boolean, level: number) => string;
|
|
615
619
|
}
|
|
616
620
|
interface EzIcon {
|
|
617
621
|
/**
|
|
@@ -1118,6 +1122,10 @@ export namespace Components {
|
|
|
1118
1122
|
* Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual item da árvore será anexado o item. Caso não informado parentId, adiciona no item selecionado. Observação para carga dinâmica (Lazyload): O parentId deve ser um item carregado atualmente na árvore.
|
|
1119
1123
|
*/
|
|
1120
1124
|
"addChild": (item: ITreeItem, parentId?: string) => Promise<void>;
|
|
1125
|
+
/**
|
|
1126
|
+
* Efetua a seleção de um item.
|
|
1127
|
+
*/
|
|
1128
|
+
"applyFilter": (pattern: string) => Promise<void>;
|
|
1121
1129
|
/**
|
|
1122
1130
|
* Desabilita um ou mais itens.
|
|
1123
1131
|
*/
|
|
@@ -2065,13 +2073,17 @@ declare namespace LocalJSX {
|
|
|
2065
2073
|
}
|
|
2066
2074
|
interface EzGuideNavigator {
|
|
2067
2075
|
/**
|
|
2068
|
-
*
|
|
2076
|
+
* Lista de itens do menu de navegação.
|
|
2069
2077
|
*/
|
|
2070
|
-
"
|
|
2078
|
+
"items"?: Array<IGuideItem>;
|
|
2071
2079
|
/**
|
|
2072
2080
|
* Define se o menu de navegação está aberto.
|
|
2073
2081
|
*/
|
|
2074
2082
|
"open"?: boolean;
|
|
2083
|
+
/**
|
|
2084
|
+
* Define uma função que vai resolver o `tooltip` ou `title` daquele item.
|
|
2085
|
+
*/
|
|
2086
|
+
"tooltipResolver"?: (item: IGuideItem, enabled: boolean, level: number) => string;
|
|
2075
2087
|
}
|
|
2076
2088
|
interface EzIcon {
|
|
2077
2089
|
/**
|
package/package.json
CHANGED
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
import { ObjectUtils } from '@sankhyalabs/core';
|
|
2
|
-
export const HIERARCHY_SEPARATOR = '>>';
|
|
3
|
-
export class Guide {
|
|
4
|
-
constructor(list) {
|
|
5
|
-
this.originalList = [];
|
|
6
|
-
this.guideMap = new Map();
|
|
7
|
-
this.hierarchiesAlreadyLoaded = new Set();
|
|
8
|
-
if (list === null || list === void 0 ? void 0 : list.length)
|
|
9
|
-
this.setList(list);
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Converte uma lista de objetos IGuideItem em um objeto IGuideMap com sua hierarquia.
|
|
13
|
-
* @param list Uma lista de objetos IGuideItem representando a lista de itens.
|
|
14
|
-
* @param hierarquiaList Uma lista opcional de strings que representa a hierarquia dos itens pai.
|
|
15
|
-
* @param indexReferences Uma lista opcional de números que representa as referências de índice da lista original.
|
|
16
|
-
* @returns Uma Promise que resolve para um objeto IGuideMap com os itens e sua hierarquia.
|
|
17
|
-
*/
|
|
18
|
-
convertArrayToMap(list, hierarchyList = [], indexReferences = []) {
|
|
19
|
-
return new Promise(resolve => {
|
|
20
|
-
list.forEach(async (item, index) => {
|
|
21
|
-
const updatedHierarchyList = [...hierarchyList, item.id];
|
|
22
|
-
const key = updatedHierarchyList.join(HIERARCHY_SEPARATOR);
|
|
23
|
-
const currentIndexReferences = [...indexReferences, index];
|
|
24
|
-
const children = Array.isArray(item.children) ? item.children : [];
|
|
25
|
-
item = Object.assign(Object.assign({}, item), { parentId: hierarchyList[hierarchyList.length - 1], indexReferences: currentIndexReferences, hierarchy: updatedHierarchyList, hierarchyId: key });
|
|
26
|
-
delete item.children;
|
|
27
|
-
this.guideMap.set(key, item);
|
|
28
|
-
if (children.length)
|
|
29
|
-
await this.convertArrayToMap(children, updatedHierarchyList, currentIndexReferences);
|
|
30
|
-
});
|
|
31
|
-
resolve(this.guideMap);
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Converte um objeto IGuideMap em uma lista de objetos IGuideItem com sua hierarquia.
|
|
36
|
-
* @param map Um objeto IGuideMap opcional que representa o mapa de itens com sua hierarquia.
|
|
37
|
-
* @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
|
|
38
|
-
*/
|
|
39
|
-
convertMapToArray(map = this.guideMap) {
|
|
40
|
-
return new Promise(resolve => {
|
|
41
|
-
const array = [];
|
|
42
|
-
const itemsById = {};
|
|
43
|
-
map.forEach(value => {
|
|
44
|
-
var _a;
|
|
45
|
-
const item = Object.assign({}, value);
|
|
46
|
-
if (((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) === 0) {
|
|
47
|
-
delete item.children;
|
|
48
|
-
}
|
|
49
|
-
itemsById[item.id] = item;
|
|
50
|
-
});
|
|
51
|
-
Object.values(itemsById).forEach(item => {
|
|
52
|
-
if (item.parentId) {
|
|
53
|
-
const parent = itemsById[item.parentId];
|
|
54
|
-
if (Array.isArray(parent.children)) {
|
|
55
|
-
parent.children.push(item);
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
parent.children = [item];
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
array.push(item);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
resolve(array);
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* Obtém a lista selecionada de itens com base na lista original e na lista de índice selecionada.
|
|
70
|
-
* @param originalList Uma lista de objetos IGuideItem representando a lista original de itens.
|
|
71
|
-
* @param selectedIndexList Uma matriz representando a lista de índices selecionada.
|
|
72
|
-
* @returns Uma lista de objetos IGuideItem representando a lista selecionada de itens.
|
|
73
|
-
*/
|
|
74
|
-
getSelectedList(originalList, selectedIndexList) {
|
|
75
|
-
const selectedList = [];
|
|
76
|
-
selectedIndexList.forEach(selectedIndex => {
|
|
77
|
-
if (!selectedIndex.length)
|
|
78
|
-
return;
|
|
79
|
-
const [parentIndex, childIndex] = selectedIndex;
|
|
80
|
-
if (childIndex === undefined) {
|
|
81
|
-
selectedList.push(originalList[parentIndex]);
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
const parent = originalList[parentIndex];
|
|
85
|
-
const child = parent.children[childIndex];
|
|
86
|
-
const selectedParent = selectedList.find(item => item.id === parent.id);
|
|
87
|
-
if (selectedParent) {
|
|
88
|
-
selectedParent.children.push(child);
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
selectedList.push(Object.assign(Object.assign({}, parent), { children: [child] }));
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
return selectedList;
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Define a lista de itens para o Map guideMap.
|
|
99
|
-
* @param list Uma lista de objetos IGuideItem representando a lista de itens.
|
|
100
|
-
* @returns Uma Promise que resolve quando a lista é convertida para o Map.
|
|
101
|
-
*/
|
|
102
|
-
setList(list) {
|
|
103
|
-
return new Promise(async (resolve) => {
|
|
104
|
-
this.guideMap.clear();
|
|
105
|
-
if (!this.originalList.length) {
|
|
106
|
-
this.originalList = ObjectUtils.copy(list);
|
|
107
|
-
}
|
|
108
|
-
await this.convertArrayToMap(list);
|
|
109
|
-
resolve();
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
/**
|
|
113
|
-
* Obtém a lista de itens com sua hierarquia.
|
|
114
|
-
* @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
|
|
115
|
-
*/
|
|
116
|
-
getList() {
|
|
117
|
-
return this.convertMapToArray();
|
|
118
|
-
}
|
|
119
|
-
/**
|
|
120
|
-
* Adiciona filhos a um item pai no guia.
|
|
121
|
-
* @param parent Um objeto IGuideItem que representa o item pai.
|
|
122
|
-
* @param children Uma lista de objetos IGuideItem representando os itens filhos.
|
|
123
|
-
* @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
|
|
124
|
-
*/
|
|
125
|
-
addChildren(parent, children) {
|
|
126
|
-
return new Promise(async (resolve, reject) => {
|
|
127
|
-
if (parent.disabled)
|
|
128
|
-
return reject('Parent is disabled');
|
|
129
|
-
if (!parent.hierarchy || !parent.hierarchyId)
|
|
130
|
-
return reject('Hierarchy not found');
|
|
131
|
-
if (this.hierarchiesAlreadyLoaded.has(parent.hierarchyId))
|
|
132
|
-
return resolve([]);
|
|
133
|
-
await this.convertArrayToMap(children, parent.hierarchy);
|
|
134
|
-
const list = await this.getList();
|
|
135
|
-
this.originalList = ObjectUtils.copy(list);
|
|
136
|
-
this.hierarchiesAlreadyLoaded.add(parent.hierarchyId);
|
|
137
|
-
resolve(list);
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
/**
|
|
141
|
-
* Obtém os itens a partir de um campo corresponde à string de consulta.
|
|
142
|
-
* @param query Uma string que representa a consulta para corresponder ao rótulo.
|
|
143
|
-
* @param fieldName Uma string opcional que representa o nome do campo para corresponder à consulta.
|
|
144
|
-
* @returns Uma Promise que resolve para um objeto com o primeiro item encontrado e uma matriz de itens correspondentes com sua hierarquia.
|
|
145
|
-
*/
|
|
146
|
-
getItemsByLabel(query, fieldName = 'label', selectedItem) {
|
|
147
|
-
return new Promise(async (resolve) => {
|
|
148
|
-
var _a;
|
|
149
|
-
const mapResults = [];
|
|
150
|
-
let firstOcorrence;
|
|
151
|
-
const itemFromMap = this.guideMap.get(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.hierarchyId);
|
|
152
|
-
if (itemFromMap)
|
|
153
|
-
itemFromMap.expanded = true;
|
|
154
|
-
for (const item of this.guideMap.values()) {
|
|
155
|
-
const label = ((_a = item === null || item === void 0 ? void 0 : item[fieldName]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
|
|
156
|
-
if (label.includes(query.toLowerCase())) {
|
|
157
|
-
if (!firstOcorrence)
|
|
158
|
-
firstOcorrence = item;
|
|
159
|
-
mapResults.push(item.indexReferences);
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
const updatedList = this.getSelectedList(this.originalList, mapResults);
|
|
163
|
-
resolve({
|
|
164
|
-
first: firstOcorrence,
|
|
165
|
-
list: updatedList,
|
|
166
|
-
});
|
|
167
|
-
});
|
|
168
|
-
}
|
|
169
|
-
/**
|
|
170
|
-
* Habilita todos os objetos IGuideItem.
|
|
171
|
-
* @returns Uma Promise que resolve com o array atualizado de objetos IGuideItem.
|
|
172
|
-
*/
|
|
173
|
-
enableAllItems() {
|
|
174
|
-
return new Promise(async (resolve) => {
|
|
175
|
-
for (const item of this.guideMap.values())
|
|
176
|
-
item.disabled = false;
|
|
177
|
-
const list = await this.getList();
|
|
178
|
-
this.originalList = ObjectUtils.copy(list);
|
|
179
|
-
resolve(list);
|
|
180
|
-
});
|
|
181
|
-
}
|
|
182
|
-
/**
|
|
183
|
-
* Ativa somente objetos IGuideItem com base em uma matriz de IDs.
|
|
184
|
-
* @param ids Um array de IDs para habilitar.
|
|
185
|
-
* @param customTooltip Uma string para definir o tooltip de itens desabilitados.
|
|
186
|
-
* @returns Uma Promise que resolve com o array atualizado de objetos IGuideItem.
|
|
187
|
-
*/
|
|
188
|
-
enableItemsById(ids = [], customTooltip = '') {
|
|
189
|
-
return new Promise(async (resolve) => {
|
|
190
|
-
for (const item of this.guideMap.values()) {
|
|
191
|
-
const isEnabled = ids.includes(item.id);
|
|
192
|
-
item.disabled = !isEnabled;
|
|
193
|
-
item.tooltip = isEnabled ? item.tooltip : customTooltip;
|
|
194
|
-
}
|
|
195
|
-
const list = await this.getList();
|
|
196
|
-
this.originalList = ObjectUtils.copy(list);
|
|
197
|
-
resolve(list);
|
|
198
|
-
});
|
|
199
|
-
}
|
|
200
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as e,g as s}from"./p-7b80df03.js";import{FloatingManager as r}from"@sankhyalabs/core";let h=class{constructor(i){t(this,i),this.ezVisibilityChange=o(this,"ezVisibilityChange",7),this._firstRender=!0,this.autoClose=!0,this.top="0px",this.left="0px",this.bottom="0px",this.right="0px",this.boxWidth="fit-content",this.overlayType="light",this.innerClickTest=(t,o,i)=>{const e=[t];this.innerElement&&("string"==typeof this.innerElement?e.push(document.querySelector(`#${this.innerElement}`)):this.innerElement.forEach((t=>{e.push(document.querySelector(`#${t}`))})));for(var s=0;s<e.length;s++){let t=e[s];if(null!=t){if(t.contains(o))return!0;if(i&&"nodeType"in(null==i?void 0:i.target)&&t.contains(i.target))return!0;if(t.shadowRoot&&t.shadowRoot.contains(o))return!0;if(t=this._host,t.lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(o):t.contains(o))return!0}}return!1},this.backClickListener=()=>{this.ezVisibilityChange.emit(!1)}}observeOpened(t,o){t!=o&&(o?this.hide():this.show(),this.ezVisibilityChange.emit(t))}async updatePosition(t=this.top,o=this.left,i=this.bottom,e=this.right){r.updateFloatPosition(this._box,this._container,{autoClose:this.autoClose,top:t,left:o,bottom:i,right:e,innerClickTest:this.innerClickTest,backClickListener:this.backClickListener})}async show(t=this.top,o=this.left,i=this.bottom,e=this.right){const s="none"!==this.overlayType,h=`ez-scrim ez-scrim-${this.overlayType}`;let n={autoClose:this.autoClose,top:t,left:o,bottom:i,right:e,innerClickTest:this.innerClickTest,backClickListener:this.backClickListener};s&&(n=Object.assign(Object.assign({},n),{autoClose:!0,useOverlay:s,overlayClassName:h})),this._floatingID=r.float(this._box,this._container,n),this.opened=!0}async hide(){void 0!==this._floatingID&&(r.close(this._floatingID),this._floatingID=void 0,this.opened=!1)}componentDidRender(){this._firstRender&&(this._box.remove(),this._firstRender=!1)}render(){return i(e,null,i("section",{ref:t=>this._container=t},i("div",{class:"popover__box "+("fit-content"===this.boxWidth?"popover__box--fit-content":"popover__box--full-width"),ref:t=>this._box=t},i("slot",null))))}get _host(){return s(this)}static get watchers(){return{opened:["observeOpened"]}}};h.style=":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 2);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";export{h as ez_popover}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,g as r,f as s,H as a}from"./p-7b80df03.js";import{ElementIDUtils as o}from"@sankhyalabs/core";import{C as n}from"./p-4a5e37a7.js";let h=class{constructor(i){e(this,i),this.ezChange=t(this,"ezChange",7),this.enabled=!0,this.mode="regular"}observeLabel(){this._textInput&&(this._textInput.label=this.label)}observeErrorMessage(){this._textInput&&(this._textInput.errorMessage=this.errorMessage)}observeValue(e,t){this._textInput&&e!=t&&(this._textInput.value=e,this.ezChange.emit(e))}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}changeValue(e){const t=e.detail;this.errorMessage="",t!==this.value&&(this.value=t)}componentDidLoad(){n.applyVarsTextInput(this._elem,this._textInput)}render(){return o.addIDInfoIfNotExists(this._elem,"input"),i("ez-text-input",{"data-element-id":o.getInternalIDInfo("textInput"),ref:e=>this._textInput=e,label:this.label,onEzChange:e=>this.changeValue(e),value:this.value,enabled:this.enabled,errorMessage:this.errorMessage,restrict:this.restrict,mode:this.mode},i("ez-icon",{slot:"leftIcon",iconName:"search"}))}get _elem(){return r(this)}static get watchers(){return{label:["observeLabel"],errorMessage:["observeErrorMessage"],value:["observeValue"]}}};h.style=":host{display:block;width:100%}";let d=class{constructor(i){e(this,i),this.ezClick=t(this,"ezClick",7)}componentDidLoad(){this._element&&o.addIDInfo(this._element),this._button&&o.addIDInfo(this._button,"button",{id:"embedded"})}render(){return i("button",{type:"button",onClick:()=>{this.ezClick.emit()},ref:e=>this._button=e},i("span",null))}get _element(){return r(this)}};d.style=":host{--ez-sidebar-button--width:6px;--ez-sidebar-button--hover--width:12px;--ez-sidebar-button--height:96px;--ez-sidebar-button--background-color--xlight:var(--background--xlight, #fff);--ez-sidebar-button--background-color--primary:var(--color--primary);--ez-sidebar-button--space--small:var(--space--small, 6px);--ez-sidebar-button--space--medium:var(--space--medium, 12px);--ez-sidebar-button--box-shadow:var(--shadow--small, 0px 0px 16px rgba(0, 38, 111, 0.07));--ez-sidebar-button--hover--box-shadow:var(--shadow--hard, 0px 0px 16px rgba(43, 58, 84, 0.24));--ez-sidebar-button--border--radius-small:var(--border--radius-small);--ez-sidebar-button--border--radius-medium:var(--border--radius-medium)}button{display:flex;background:var(--ez-sidebar-button--background-color--xlight);border:0;border-radius:0 var(--ez-sidebar-button--border--radius-medium) var(--ez-sidebar-button--border--radius-medium) 0;box-shadow:var(--ez-sidebar-button--box-shadow);padding:0;cursor:pointer}span{width:var(--ez-sidebar-button--width);height:var(--ez-sidebar-button--height);margin:var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--small) var(--ez-sidebar-button--space--medium) 0;background:var(--ez-sidebar-button--background-color--primary);border-radius:0 var(--ez-sidebar-button--border--radius-small) var(--ez-sidebar-button--border--radius-small) 0}button:hover{box-shadow:var(--ez-sidebar-button--hover--box-shadow)}button:hover span{width:var(--ez-sidebar-button--hover--width);margin:var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--medium) 0}";const l=(e,t)=>t?e.iconExpanded||"chevron-down":e.iconContracted||"chevron-right",c=e=>e.tooltip||e.label,b=e=>{const{node:t,selectedId:r,itemClick:s,iconClick:a,iconResolver:n,tooltipResolver:h,itemsList:d}=e,l=t.item,c=e.level||1,u=t.isDisabled(),m=!u&&l.expanded,v=t.isExpandable(),p=!u&&!t.isPlaceHolder;return p&&d.push(l),i("ul",{title:h(l,!u,c),class:1===c?"first-level":void 0},i("li",Object.assign({class:"tree-item",onClick:()=>p&&s(l)},{disabled:u,selected:l.id===r,[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]:o.getInternalIDInfo(`ezTreeItem_${l.id}`)}),i("div",{class:"item-icon-box"},v&&i("ez-icon",{id:l.id,class:"item-icon",size:"small",iconName:n(l,m,c),onClick:()=>p&&a(l)})),i("label",{class:"item-label",title:l.disabled&&l.tooltip||l.label},l.label)),m&&t.getChildren().map((e=>i(b,{selectedId:r,node:e,itemClick:s,iconClick:a,level:c+1,iconResolver:n,tooltipResolver:h,itemsList:d}))))};class u{constructor(e,t,i,r=!1){this.children=new Map,this.item=t,this.parent=i,this._tree=e,this.isPlaceHolder=r,t&&!r?(this._isLazyLoad="function"==typeof t.children||t.childrenCount>0,Array.isArray(t.children)&&(Array.from(t.children).forEach((e=>this.addChild(this._tree,e))),this._childrenLoaded=!0)):(this._isLazyLoad=!1,this._childrenLoaded=!0)}refresh(e){if(this.isPlaceHolder)return;this.item=Object.assign(Object.assign({},e),{expanded:this.item.expanded}),this._isLazyLoad="function"==typeof this.item.children||this.item.childrenCount>0;const t=this.children;this.children=new Map,Array.isArray(this.item.children)?(Array.from(this.item.children).forEach((e=>{const i=t.get(e.id);i?(i.refresh(e),this.children.set(e.id,i)):this.addChild(this._tree,Object.assign({},e))})),this._childrenLoaded=!0):this._childrenLoaded=!1}isDisabled(){return!this.isPlaceHolder&&this._tree.isNodeDisabled(this.item.id,this.item.disabled)}updateChildren(e){this.isPlaceHolder||this.refresh(Object.assign(Object.assign({},this.item),{children:e}))}addChild(e,t){this.children.has(t.id)||this.children.set(t.id,new u(e,t,this))}addPlaceHolder(){this.children.clear();const e=this.item.id;this.children.set(e,new u(void 0,{id:`placeholder_${e}`,label:"Carregando..."},this,!0))}getNode(e){if(this.children.has(e))return this.children.get(e);const t=Array.from(this.children.values());for(const i of t){const t=i.getNode(e);if(t)return t}}needLoad(){return this._isLazyLoad&&!this._childrenLoaded}isExpandable(){return this._isLazyLoad||this.children.size>0||Array.isArray(this.item.children)}getChildren(){return this.isPlaceHolder?[]:(this.needLoad()&&this._tree.loadChildren(this),Array.from(this.children.values()))}}class m extends u{constructor(e){super(void 0),this._disabledValues=new Map,this._changeCallback=e}async addChildAt(e,t){const i=this.getNode(e);null!=i&&(i.addChild(this,t),this._changeCallback())}setDisabled(e,t){this._disabledValues.set(e,t),this._changeCallback()}isNodeDisabled(e,t){return this._disabledValues.has(e)?this._disabledValues.get(e):t}load(e){const t=this.children;this.children=new Map,e.forEach((e=>{const i=t.get(e.id);i?(i.refresh(e),this.children.set(e.id,i)):this.addChild(this,Object.assign({},e))}))}updateItem(e){if(null==e)return;const t=this.getNode(e.id);null!=t&&(Object.keys(e).forEach((i=>t.item[i]=e[i])),this._changeCallback())}async open(e){return new Promise((async t=>{await this.walk(this,e,(e=>e.item.expanded=!0)),t()}))}async walk(e,t,i,r=0){return new Promise((async s=>{const a=t.split(">>").map((e=>e.trim()));if(a.length>r){const s=e.getNode(a[r]);s&&(s.needLoad()&&await this.loadLevel(s),i(s),await this.walk(s,t,i,r+1))}s()}))}async loadChildren(e){return new Promise((t=>{this.loadLevel(e).then((()=>{t(),this._changeCallback()}))}))}async loadLevel(e){return new Promise((t=>{e.addPlaceHolder(),(0,e.item.children)(e.item).then((i=>{e.updateChildren(i),t()}))}))}}let v=class{constructor(i){e(this,i),this.ezChange=t(this,"ezChange",7),this.ezOpenItem=t(this,"ezOpenItem",7),this._tree=new m((()=>s(this))),this._onItemClick=e=>{this.value=e},this._onIconClick=e=>{this.openClose(e),this.value=e},this.items=[],this.iconResolver=l,this.tooltipResolver=c}async selectItem(e){const t=this._tree.getNode(e);this.value=t?t.item:void 0}async openItem(e){this._waintingForLoad=!0,await this._tree.open(e),this._waintingForLoad=!1}async disableItem(e){[].concat(e).forEach((e=>this._tree.setDisabled(e,!0)))}async enableItem(e){[].concat(e).forEach((e=>this._tree.setDisabled(e,!1)))}async addChild(e,t){var i;null==t&&(t=null===(i=this.value)||void 0===i?void 0:i.id),this._tree.addChildAt(t,e);const r=this._tree.getNode(t);r&&(r.item.expanded=!0)}observeItems(){return this._tree.load(this.items||[])}observeValue(){var e;this.ezChange.emit(this.value),this.selectedId=null===(e=this.value)||void 0===e?void 0:e.id}onKeyDownListener(e){if(!this.value)return;let t=!1;switch(e.key){case"ArrowUp":this.previousItem(),t=!0;break;case"ArrowDown":this.nextItem(),t=!0;break;case"ArrowLeft":this.previousLevel(),t=!0;break;case"ArrowRight":this.nextLevel(),t=!0;break;case" ":this.openClose(this.value),t=!0}t&&(e.stopPropagation(),e.preventDefault())}openClose(e){if(null==e)return;const t=!e.expanded;e.expanded=t,t&&this.ezOpenItem.emit(e),this._tree.updateItem(e)}previousLevel(){var e;if(this.value)if(this.value.expanded)this.value.expanded=!1,this._tree.updateItem(this.value);else{const t=null===(e=this._tree.getNode(this.value.id).parent)||void 0===e?void 0:e.item;t&&(this.value=t)}}nextLevel(){this.value&&this._tree.getNode(this.value.id).isExpandable()&&(this.value.expanded?this.nextItem():(this.value.expanded=!0,this._tree.updateItem(this.value)))}indexOf(e){if(null==e)return-1;for(let t=0;t<this._visibleItems.length;t++)if(this._visibleItems[t].id===e)return t;return-1}selectNextItem(e){var t;const i=this.indexOf(null===(t=this.value)||void 0===t?void 0:t.id)+e;i>-1&&i<this._visibleItems.length&&(this.value=this._visibleItems[i])}nextItem(){this.selectNextItem(1)}previousItem(){this.selectNextItem(-1)}connectedCallback(){this.items&&this._tree.load(this.items)}componentWillRender(){var e;if(!this.selectedId||(null===(e=this.value)||void 0===e?void 0:e.id)===this.selectedId)return;const t=this._tree.getNode(this.selectedId);t?this.value=t.item:this.selectedId=void 0}render(){if(o.addIDInfoIfNotExists(this._element,"ezTree"),null!=this.items)return this._visibleItems=[],i(a,{tabindex:"-1"},this._waintingForLoad?i("label",null,"Carregando..."):this._tree.getChildren().map((e=>{var t;return i(b,{selectedId:null===(t=this.value)||void 0===t?void 0:t.id,node:e,itemClick:this._onItemClick,iconClick:this._onIconClick,iconResolver:this.iconResolver,tooltipResolver:this.tooltipResolver,itemsList:this._visibleItems})})))}get _element(){return r(this)}static get watchers(){return{items:["observeItems"],value:["observeValue"]}}};v.style=":host{--ez-tree--border-radius:var(--border--radius-small, 8px);--ez-tree--padding-inline-start:20px;--ez-tree--margin:var(--space--extra-small, 3px);--ez-tree--font-family:var(--font-pattern, Arial);--ez-tree--font-size:var(--text--medium, 14px);--ez-tree--selected--font-weight:var(--text-weight--large, 600);--ez-tree--font-weight:var(--text-weight--small, 400);--ez-tree--color:var(--title--primary, #2B3A54);--ez-tree--selected--color:var(--color--primary, #008561);--ez-tree--disabled--color:var(--text--disable, #AFB6C0);--ez-tree__tree-item--height:var(--size-medium, 18px);--ez-tree__tree-item--padding:var(--space--small, 6px);--ez-tree__tree-item--background-color:var(--background--xlight, #FFFFFF);--ez-tree__tree-item--selected--background-color:var(--color--primary-300, #E2F4EF);--ez-tree__tree-item--hover--background-color:var(--background--medium, #F0F3F7);--ez-tree__tree-item--disabled--background-color:var(--ez-tree__tree-Item--background-color);--ez-tree__item-icon-box--height:var(--ez-tree__tree-item--height);--ez-tree__item-icon-box--width:var(--size-medium, 18px);--ez-tree__item-icon-box--padding:var(--ez-tree__tree-item--padding);display:flex;flex-direction:column;margin:0 var(--ez-tree--margin) var(--ez-tree--margin) var(--ez-tree--margin);outline:none}ul{list-style-type:none;margin:0;padding-inline-start:var(--ez-tree--padding-inline-start)}ul.first-level{padding-inline-start:0}.tree-item{display:flex;align-items:center;margin-top:var(--ez-tree--margin);border-radius:var(--ez-tree--border-radius);height:var(--ez-tree__tree-item--height);padding:var(--ez-tree__tree-item--padding)}.tree-item[selected]{background-color:var(--ez-tree__tree-item--selected--background-color)}.tree-item:hover{background-color:var(--ez-tree__tree-item--hover--background-color)}.tree-item[disabled],.tree-item[disabled]:hover{background-color:var(--ez-tree__tree-item--disabled--background-color)}.item-icon-box{display:flex;align-items:center;justify-content:center;width:var(--ez-tree__item-icon-box--width);height:var(--ez-tree__item-icon-box--height);padding:var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) var(--ez-tree__item-icon-box--padding) 0}.item-icon{--ez-icon--color:var(--ez-tree--color)}.item-icon:hover{cursor:pointer}.tree-item[selected] .item-icon{--ez-icon--color:var(--ez-tree--selected--color)}.tree-item[disabled] .item-icon{cursor:unset;--ez-icon--color:var(--ez-tree--disabled--color)}.item-label{cursor:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:var(--ez-tree--font-family);font-size:var(--ez-tree--font-size);font-weight:var(--ez-tree--font-weight);color:var(--ez-tree--color)}.tree-item[selected] .item-label{color:var(--ez-tree--selected--color);font-weight:var(--ez-tree--selected--font-weight)}.tree-item[disabled] .item-label{color:var(--ez-tree--disabled--color)}";export{h as ez_filter_input,d as ez_sidebar_button,v as ez_tree}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as a}from"./p-7b80df03.js";import{ObjectUtils as s,ElementIDUtils as r}from"@sankhyalabs/core";class n{constructor(e){this.originalList=[],this.guideMap=new Map,this.hierarchiesAlreadyLoaded=new Set,(null==e?void 0:e.length)&&this.setList(e)}convertArrayToMap(e,t=[],i=[]){return new Promise((a=>{e.forEach((async(e,a)=>{const s=[...t,e.id],r=s.join(">>"),n=[...i,a],o=Array.isArray(e.children)?e.children:[];delete(e=Object.assign(Object.assign({},e),{parentId:t[t.length-1],indexReferences:n,hierarchy:s,hierarchyId:r})).children,this.guideMap.set(r,e),o.length&&await this.convertArrayToMap(o,s,n)})),a(this.guideMap)}))}convertMapToArray(e=this.guideMap){return new Promise((t=>{const i=[],a={};e.forEach((e=>{var t;const i=Object.assign({},e);0===(null===(t=i.children)||void 0===t?void 0:t.length)&&delete i.children,a[i.id]=i})),Object.values(a).forEach((e=>{if(e.parentId){const t=a[e.parentId];Array.isArray(t.children)?t.children.push(e):t.children=[e]}else i.push(e)})),t(i)}))}getSelectedList(e,t){const i=[];return t.forEach((t=>{if(!t.length)return;const[a,s]=t;if(void 0===s)i.push(e[a]);else{const t=e[a],r=t.children[s],n=i.find((e=>e.id===t.id));n?n.children.push(r):i.push(Object.assign(Object.assign({},t),{children:[r]}))}})),i}setList(e){return new Promise((async t=>{this.guideMap.clear(),this.originalList.length||(this.originalList=s.copy(e)),await this.convertArrayToMap(e),t()}))}getList(){return this.convertMapToArray()}addChildren(e,t){return new Promise((async(i,a)=>{if(e.disabled)return a("Parent is disabled");if(!e.hierarchy||!e.hierarchyId)return a("Hierarchy not found");if(this.hierarchiesAlreadyLoaded.has(e.hierarchyId))return i([]);await this.convertArrayToMap(t,e.hierarchy);const r=await this.getList();this.originalList=s.copy(r),this.hierarchiesAlreadyLoaded.add(e.hierarchyId),i(r)}))}getItemsByLabel(e,t="label",i){return new Promise((async a=>{var s;const r=[];let n;const o=this.guideMap.get(null==i?void 0:i.hierarchyId);o&&(o.expanded=!0);for(const i of this.guideMap.values())((null===(s=null==i?void 0:i[t])||void 0===s?void 0:s.toLowerCase())||"").includes(e.toLowerCase())&&(n||(n=i),r.push(i.indexReferences));a({first:n,list:this.getSelectedList(this.originalList,r)})}))}enableAllItems(){return new Promise((async e=>{for(const e of this.guideMap.values())e.disabled=!1;const t=await this.getList();this.originalList=s.copy(t),e(t)}))}enableItemsById(e=[],t=""){return new Promise((async i=>{for(const i of this.guideMap.values()){const a=e.includes(i.id);i.disabled=!a,i.tooltip=a?i.tooltip:t}const a=await this.getList();this.originalList=s.copy(a),i(a)}))}}let o=class{constructor(t){e(this,t),this.guide=new n,this.binder=null,this.open=!0,this.items=[],this.filterText=""}async enableOnly(e,t){this._tree.items=await this.guide.enableItemsById(e,t)}async enableAll(){this._tree.items=await this.guide.enableAllItems()}handleBinderChange(e,t){e!=t&&this.initTree()}async handleToggleSidebar(){this.open=!this.open,this.open&&(await this.initTree(),this.filterItems())}handleSelectTreeItem({detail:e}){e.expanded&&(this.binder.fetchItems(e.id).then((async t=>{if(!(null==t?void 0:t.length))return;await this.guide.addChildren(e,t);const{list:i}=await this.guide.getItemsByLabel(this.filterText,"label",e);this._tree.items=i,this._tree.openItem(e.hierarchyId||e.id)})),this.binder.onSelectItem(e))}handleFilterTree(e){"Enter"===e.key&&this.filterItems()}async setTreeIems(e,t){var i;if(this._tree.items=e,t&&!(null==t?void 0:t.disabled)){const e=(null===(i=t.hierarchy)||void 0===i?void 0:i.slice(0,-1).join(">>"))||t.id;await this._tree.openItem(e),await this._tree.selectItem(t.id)}else this._tree.selectItem(null)}filterItems(){this.guide.getItemsByLabel(this.filterText).then((async({list:e,first:t})=>{this.setTreeIems(e,t)}))}async initTree(){if(!this.binder)return;const e=await this.binder.fetchItems();await this.guide.setList(e);const t=await this.guide.getList();this.setTreeIems(t)}componentDidLoad(){r.addIDInfoIfNotExists(this._element),this.initTree()}render(){return t(i,null,this.open?t("aside",{tabIndex:-1,id:"navigator",class:"ez-col ez-col--sd-12 ez-col--tb-3 ez-guide-navigator","data-element-id":r.getInternalIDInfo("sidebar")},t("div",{role:"search",class:"ez-guide-navigator__actions"},t("ez-filter-input",{mode:"slim",value:this.filterText,onEzChange:e=>this.filterText=e.detail,label:"Buscar guia","aria-placeholder":"Buscar guia",onKeyUp:this.handleFilterTree.bind(this),"data-element-id":r.getInternalIDInfo("textinput")}),t("ez-button",{onClick:this.handleToggleSidebar.bind(this),class:"inverted",mode:"icon",size:"small",iconName:"show_menu",title:"Ocultar menu","aria-label":"Ocultar menu","aria-controls":"navigator","data-element-id":r.getInternalIDInfo("closeButton")})),t("ez-tree",{ref:e=>this._tree=e,onEzChange:e=>this.handleSelectTreeItem(e),"data-element-id":r.getInternalIDInfo("tree")})):t("ez-sidebar-button",{onEzClick:this.handleToggleSidebar.bind(this),"aria-controls":"navigator","aria-expanded":this.open,"data-element-id":r.getInternalIDInfo("openButton")}))}get _element(){return a(this)}static get watchers(){return{binder:["handleBinderChange"]}}};o.style=":host{--ez-guide-navigator--padding:0 var(--space--large);--ez-guide-navigator--box-shadow:var(--shadow, 0px 0px 24px 0px #000);--ez-guide-navigator--background-color:var(--color--inverted);--ez-guide-navigator--border-radius:0px var(--border--radius-medium) var(--border--radius-medium) 0px;--ez-guide-navigator--actions-gap:var(--space--medium);--ez-guide-navigator--actions-margin:var(--space--medium) 0 var(--space--medium)}.inverted{transform:rotate(180deg)}.ez-guide-navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--ez-guide-navigator--padding);background-color:var(--ez-guide-navigator--background-color);-webkit-box-shadow:var(--ez-guide-navigator--box-shadow);box-shadow:var(--ez-guide-navigator--box-shadow);border-radius:var(--ez-guide-navigator--border-radius)}.ez-guide-navigator__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--ez-guide-navigator--actions-gap);margin:var(--ez-guide-navigator--actions-margin)}";export{o as ez_guide_navigator}
|