@sankhyalabs/ezui 6.2.0-dev.1 → 6.2.0-dev.3
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-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-tree.cjs.entry.js +48 -7
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ez-icon/ez-icon.css +1339 -168
- package/dist/collection/components/ez-tree/ez-tree.css +4 -1
- package/dist/collection/components/ez-tree/ez-tree.js +21 -2
- package/dist/collection/components/ez-tree/subcomponents/TreeItem.js +7 -1
- package/dist/collection/components/ez-tree/types/Tree.js +37 -3
- package/dist/custom-elements/index.js +50 -9
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-tree.entry.js +48 -7
- 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-2d080bdc.entry.js +1 -0
- package/dist/ezui/p-7eb6115c.entry.js +1 -0
- package/dist/types/components/ez-tree/ez-tree.d.ts +4 -0
- package/dist/types/components/ez-tree/types/Tree.d.ts +2 -1
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/ezui/p-80461324.entry.js +0 -1
- package/dist/ezui/p-e78b5a16.entry.js +0 -1
|
@@ -2749,6 +2749,10 @@ export namespace Components {
|
|
|
2749
2749
|
* Desabilita um ou mais itens.
|
|
2750
2750
|
*/
|
|
2751
2751
|
"disableItem": (id: string | Array<string>) => Promise<void>;
|
|
2752
|
+
/**
|
|
2753
|
+
* Define se a árvore deve permitir a filtragem hierárquica.
|
|
2754
|
+
*/
|
|
2755
|
+
"enableHierarchicalFilter": boolean;
|
|
2752
2756
|
/**
|
|
2753
2757
|
* Habilita um ou mais itens.
|
|
2754
2758
|
*/
|
|
@@ -6150,6 +6154,10 @@ declare namespace LocalJSX {
|
|
|
6150
6154
|
"useAnchorSize"?: boolean;
|
|
6151
6155
|
}
|
|
6152
6156
|
interface EzTree {
|
|
6157
|
+
/**
|
|
6158
|
+
* Define se a árvore deve permitir a filtragem hierárquica.
|
|
6159
|
+
*/
|
|
6160
|
+
"enableHierarchicalFilter"?: boolean;
|
|
6153
6161
|
/**
|
|
6154
6162
|
* Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
|
|
6155
6163
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as o,H as n,g as t}from"./p-23a36bb6.js";import{StringUtils as c,ElementIDUtils as i}from"@sankhyalabs/core";const a=class{constructor(o){e(this,o),this.size="medium",this.fontSize=void 0,this.href=void 0,this.iconName=void 0}isSprite(){return this.href&&this.href.indexOf("#")>-1}getIconClassName(){return`ez-icon-${this.iconName}`}getIconContent(){return this.isSprite()?o("svg",{class:this.size,role:"img"},o("use",{xlinkHref:this.href})):c.isEmpty(this.iconName)?o("img",{class:this.size,src:this.href}):o("span",{style:this.getStyle(),class:`icon-content ${this.getIconClassName()} ${this.size}--font`})}getStyle(){if(this.fontSize)return{fontSize:`${this.fontSize}px`}}componentDidLoad(){i.addIDInfo(this._hostElement,"icon")}render(){return o(n,null,this.getIconContent())}get _hostElement(){return t(this)}};a.style=':host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^="ez-icon-"],[class*=" ez-icon-"]{color:var(--ez-icon--color)}[class^="ez-icon-"],[class*=" ez-icon-"]{font-family:\'ez-icons\' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:"\\ea01"}.ez-icon-2chevron-up:before{content:"\\ea02"}.ez-icon-acao:before{content:"\\ea03"}.ez-icon-account-outline:before{content:"\\ea04"}.ez-icon-account:before{content:"\\ea05"}.ez-icon-add-to-cart:before{content:"\\ea06"}.ez-icon-alert-circle-inverted:before{content:"\\ea07"}.ez-icon-alert-circle:before{content:"\\ea08"}.ez-icon-alert-mail:before{content:"\\ea09"}.ez-icon-alert-popup:before{content:"\\ea0a"}.ez-icon-anexo:before{content:"\\ea0b"}.ez-icon-antecipação:before{content:"\\ea0c"}.ez-icon-apps:before{content:"\\ea0d"}.ez-icon-arrow-forward:before{content:"\\ea0e"}.ez-icon-arrow-upward:before{content:"\\ea0f"}.ez-icon-arrow_back:before{content:"\\ea10"}.ez-icon-arrow_downward:before{content:"\\ea11"}.ez-icon-baixa:before{content:"\\ea12"}.ez-icon-balance:before{content:"\\ea13"}.ez-icon-bell-inverted:before{content:"\\ea14"}.ez-icon-bell:before{content:"\\ea15"}.ez-icon-bold:before{content:"\\ea16"}.ez-icon-boleto:before{content:"\\ea17"}.ez-icon-boolean:before{content:"\\ea18"}.ez-icon-business-center:before{content:"\\ea19"}.ez-icon-calendar-clock:before{content:"\\ea1a"}.ez-icon-calendar:before{content:"\\ea1b"}.ez-icon-cart-history:before{content:"\\ea1c"}.ez-icon-cash-remove:before{content:"\\ea1d"}.ez-icon-check-circle-inverted:before{content:"\\ea1e"}.ez-icon-check-circle:before{content:"\\ea1f"}.ez-icon-check:before{content:"\\ea20"}.ez-icon-chevron-down:before{content:"\\ea21"}.ez-icon-chevron-left:before{content:"\\ea22"}.ez-icon-chevron-right:before{content:"\\ea23"}.ez-icon-chevron-up:before{content:"\\ea24"}.ez-icon-circle--medium:before{content:"\\ea25"}.ez-icon-circle:before{content:"\\ea26"}.ez-icon-clean-cart:before{content:"\\ea27"}.ez-icon-cleaning:before{content:"\\ea28"}.ez-icon-clipboard:before{content:"\\ea29"}.ez-icon-clock-rotate-left:before{content:"\\ea2a"}.ez-icon-close:before{content:"\\ea2b"}.ez-icon-cobrar:before{content:"\\ea2c"}.ez-icon-code:before{content:"\\ea2d"}.ez-icon-configuration:before{content:"\\ea2e"}.ez-icon-content-cut:before{content:"\\ea2f"}.ez-icon-copy:before{content:"\\ea30"}.ez-icon-credit_card:before{content:"\\ea31"}.ez-icon-crop:before{content:"\\ea32"}.ez-icon-custom:before{content:"\\ea33"}.ez-icon-delete-file:before{content:"\\ea34"}.ez-icon-delete:before{content:"\\ea35"}.ez-icon-description:before{content:"\\ea36"}.ez-icon-dividir:before{content:"\\ea37"}.ez-icon-docx:before{content:"\\ea38"}.ez-icon-dot-notification:before{content:"\\ea39"}.ez-icon-dots-horizontal:before{content:"\\ea3a"}.ez-icon-dots-vertical:before{content:"\\ea3b"}.ez-icon-drag-indicator:before{content:"\\ea3c"}.ez-icon-dual-chevron-down:before{content:"\\ea3d"}.ez-icon-dual-chevron-left:before{content:"\\ea3e"}.ez-icon-dual-chevron-right:before{content:"\\ea3f"}.ez-icon-dual-chevron-up:before{content:"\\ea40"}.ez-icon-edit-file:before{content:"\\ea41"}.ez-icon-edit-table:before{content:"\\ea42"}.ez-icon-edit-time:before{content:"\\ea43"}.ez-icon-edit-value:before{content:"\\ea44"}.ez-icon-edit:before{content:"\\ea45"}.ez-icon-email:before{content:"\\ea46"}.ez-icon-estorno:before{content:"\\ea47"}.ez-icon-exe:before{content:"\\ea48"}.ez-icon-expand:before{content:"\\ea49"}.ez-icon-expandir_card:before{content:"\\ea4a"}.ez-icon-extrato:before{content:"\\ea4b"}.ez-icon-eye-off:before{content:"\\ea4c"}.ez-icon-eye:before{content:"\\ea4d"}.ez-icon-favorite:before{content:"\\ea4e"}.ez-icon-figma:before{content:"\\ea4f"}.ez-icon-file-download:before{content:"\\ea50"}.ez-icon-file-upload:before{content:"\\ea51"}.ez-icon-filter:before{content:"\\ea52"}.ez-icon-find-file:before{content:"\\ea53"}.ez-icon-find-page:before{content:"\\ea54"}.ez-icon-format-color-fill:before{content:"\\ea55"}.ez-icon-generic:before{content:"\\ea56"}.ez-icon-gif:before{content:"\\ea57"}.ez-icon-graph_bar:before{content:"\\ea58"}.ez-icon-handshake:before{content:"\\ea59"}.ez-icon-help-inverted:before{content:"\\ea5a"}.ez-icon-help:before{content:"\\ea5b"}.ez-icon-hide-list:before{content:"\\ea5c"}.ez-icon-hide_menu:before{content:"\\ea5d"}.ez-icon-hierarchical-tree:before{content:"\\ea5e"}.ez-icon-home:before{content:"\\ea5f"}.ez-icon-icons104:before{content:"\\ea60"}.ez-icon-image-plus:before{content:"\\ea61"}.ez-icon-italic:before{content:"\\ea62"}.ez-icon-language:before{content:"\\ea63"}.ez-icon-launch:before{content:"\\ea64"}.ez-icon-lightbulb:before{content:"\\ea65"}.ez-icon-link:before{content:"\\ea66"}.ez-icon-list:before{content:"\\ea67"}.ez-icon-location:before{content:"\\ea68"}.ez-icon-lock-outline:before{content:"\\ea69"}.ez-icon-lock:before{content:"\\ea6a"}.ez-icon-menu:before{content:"\\ea6b"}.ez-icon-mid:before{content:"\\ea6c"}.ez-icon-minus:before{content:"\\ea6d"}.ez-icon-money-off:before{content:"\\ea6e"}.ez-icon-money:before{content:"\\ea6f"}.ez-icon-more:before{content:"\\ea70"}.ez-icon-mp3:before{content:"\\ea71"}.ez-icon-mp4:before{content:"\\ea72"}.ez-icon-multiple-files:before{content:"\\ea73"}.ez-icon-north-west:before{content:"\\ea74"}.ez-icon-number:before{content:"\\ea75"}.ez-icon-ordem-ascendente:before{content:"\\ea76"}.ez-icon-ordem-descendente:before{content:"\\ea77"}.ez-icon-parcelar:before{content:"\\ea78"}.ez-icon-pause:before{content:"\\ea79"}.ez-icon-payments:before{content:"\\ea7a"}.ez-icon-pdf:before{content:"\\ea7b"}.ez-icon-play:before{content:"\\ea7c"}.ez-icon-plus:before{content:"\\ea7d"}.ez-icon-png:before{content:"\\ea7e"}.ez-icon-power:before{content:"\\ea7f"}.ez-icon-pptx:before{content:"\\ea80"}.ez-icon-preview:before{content:"\\ea81"}.ez-icon-print:before{content:"\\ea82"}.ez-icon-push-pin:before{content:"\\ea83"}.ez-icon-rateio:before{content:"\\ea84"}.ez-icon-receipt:before{content:"\\ea85"}.ez-icon-recolher_card:before{content:"\\ea86"}.ez-icon-redo:before{content:"\\ea87"}.ez-icon-remove-from-cart:before{content:"\\ea88"}.ez-icon-restore:before{content:"\\ea89"}.ez-icon-return:before{content:"\\ea8a"}.ez-icon-sankhya-place:before{content:"\\ea8b"}.ez-icon-save:before{content:"\\ea8c"}.ez-icon-search:before{content:"\\ea8d"}.ez-icon-settings-inverted:before{content:"\\ea8e"}.ez-icon-settings:before{content:"\\ea8f"}.ez-icon-share:before{content:"\\ea90"}.ez-icon-shield:before{content:"\\ea91"}.ez-icon-show-list:before{content:"\\ea92"}.ez-icon-show_menu:before{content:"\\ea93"}.ez-icon-south-east:before{content:"\\ea94"}.ez-icon-sync:before{content:"\\ea95"}.ez-icon-table:before{content:"\\ea96"}.ez-icon-tag_code:before{content:"\\ea97"}.ez-icon-text:before{content:"\\ea98"}.ez-icon-timeline:before{content:"\\ea99"}.ez-icon-timer-outline:before{content:"\\ea9a"}.ez-icon-trending-up:before{content:"\\ea9b"}.ez-icon-tune:before{content:"\\ea9c"}.ez-icon-txt:before{content:"\\ea9d"}.ez-icon-un-pin:before{content:"\\ea9e"}.ez-icon-underline:before{content:"\\ea9f"}.ez-icon-undo:before{content:"\\eaa0"}.ez-icon-unfold_less:before{content:"\\eaa1"}.ez-icon-unfold_more:before{content:"\\eaa2"}.ez-icon-user-circle:before{content:"\\eaa3"}.ez-icon-warning-outline:before{content:"\\eaa4"}.ez-icon-warning_triangle:before{content:"\\eaa5"}.ez-icon-whatshot:before{content:"\\eaa6"}.ez-icon-xlsx:before{content:"\\eaa7"}.ez-icon-zip:before{content:"\\eaa8"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}';export{a as ez_icon}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,r as t,c as i,f as r,H as s,g as o}from"./p-23a36bb6.js";import{ElementIDUtils as a,StringUtils as n,ObjectUtils as l}from"@sankhyalabs/core";import{i as h}from"./p-af47458b.js";const c=(e,t)=>t?e.iconExpanded||"chevron-down":e.iconContracted||"chevron-right",d=e=>e.tooltip||e.label,m=t=>{const{node:i,selectedId:r,itemClick:s,iconClick:o,iconResolver:n,tooltipResolver:l,itemsList:h,itemDoubleClick:c}=t;if(!i.visible)return;const d=i.item,v=t.level||1,u=i.isDisabled(),b=!u&&d.expanded,g=i.isExpandable(),z=!u&&!i.isPlaceHolder;return z&&h.push(d),e("ul",{class:1===v?"first-level":void 0},e("li",Object.assign({title:l(d,!u,v),class:"tree-item "+(d.id!==r?"tree-item-error":""),onClick:()=>z&&s(d),onDblClick:()=>z&&c(d)},{disabled:u,selected:d.id===r,[a.DATA_ELEMENT_ID_ATTRIBUTE_NAME]:a.getInternalIDInfo(`ezTreeItem_${d.id}`)}),e("div",{class:"item-label-container"},e("div",{class:"item-icon-box"},g&&e("ez-icon",{id:d.id,class:"item-icon",size:"small",iconName:n(d,b,v),onClick:()=>z&&o(d)})),e("label",{class:"item-label "+(d.bold?"item-label--bold":"")},d.label)),function(t,i,r){if(null!=i)return"string"==typeof i?e("div",{class:`tree-item-badge ${r?null:i}`},"error"===i&&e("ez-icon",{id:`${t}-badge-error`,class:"tree-item-badge-error-icon",size:"x-small",style:{color:"white"},iconName:"alert-circle"})):"text"===i.type?e("div",{id:`${t}-badge-text`,class:"tree-item-badge-text"},i.text):e("div",null,e("ez-icon",{id:`${t}-badge-icon`,class:"tree-item-badge-icon",style:{"--ez-icon--color":`var(--ez-tree__badge--icon-color--${i.iconColor||"default"})`},iconName:i.iconName}))}(d.id,d.badge,d.id===r)),b&&i.getChildren().map((t=>e(m,{selectedId:r,node:t,itemClick:s,iconClick:o,level:v+1,iconResolver:n,tooltipResolver:l,itemsList:h,itemDoubleClick:c}))))};class v{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)?(void 0===this.item.expanded&&(this.item.expanded=!0),Array.from(this.item.children).forEach((e=>{const i=t.get(e.id);i?(void 0===e.expanded&&(e.expanded=i.item.expanded),i.refresh(e),this.children.set(e.id,i)):(void 0===e.expanded&&(e.expanded=!0),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 v(e,t,this))}addPlaceHolder(){this.children.clear();const e=this.item.id;this.children.set(e,new v(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}getChildren(){return this.isPlaceHolder?[]:(this.needLoad()&&this._tree.loadChildren(this),Array.from(this.children.values()))}}class u extends v{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])),null==e.children?t.children.clear():Array.isArray(e.children)&&t.updateChildren(e.children),this._changeCallback())}async open(e){return new Promise((async t=>{await this.walkPath(this,e,(e=>e.item.expanded=!0)),t()}))}setAllChildrenVisible(e){e.children.forEach((e=>{e.visible=!0,this.setAllChildrenVisible(e)}))}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,this.setAllChildrenVisible(e);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 o=t.split(">>").map((e=>e.trim()));if(o.length>r){const s=e.getNode(o[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()}))}))}}const b=class{constructor(e){t(this,e),this.ezChange=i(this,"ezChange",7),this.ezOpenItem=i(this,"ezOpenItem",7),this.ezDbClickItem=i(this,"ezDbClickItem",7),this._onItemClick=e=>{this.value=e},this._onIconClick=e=>{this.openClose(e),this.value=e},this._tree=new u((()=>r(this))),this._waintingForLoad=void 0,this.items=[],this.value=void 0,this.selectedId=void 0,this.iconResolver=c,this.tooltipResolver=void 0}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)}async updateItem(e){var t;this._tree.updateItem(e),null==(null===(t=this._tree)||void 0===t?void 0:t.getNode(this.selectedId))&&(this.value=this._visibleItems?this._visibleItems[0]:void 0)}async getItem(e){return new Promise((t=>{const i=this._tree.getNode(e);t(null==i?void 0:i.item)}))}async getCurrentPath(){var e,t,i;const r=null===(e=this._tree)||void 0===e?void 0:e.getNode(this.selectedId);if(null==r)return;const s=[];let o,a=null===(t=r.parent)||void 0===t?void 0:t.item;for(s.push(this.getItemPathAttrs(r.item));null!=a;)s.unshift(this.getItemPathAttrs(a)),o=this._tree.getNode(a.id),a=null===(i=null==o?void 0:o.parent)||void 0===i?void 0:i.item;return s}async getParent(e){return new Promise((t=>{var i;const r=this._tree.getNode(e);r&&t(null===(i=r.parent)||void 0===i?void 0:i.item),t(void 0)}))}observeItems(e,t){l.objectToString(e)!==l.objectToString(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())}getItemPathAttrs({id:e,label:t}){return{id:e,label:t}}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)}async componentWillLoad(){this.i18n=await h()}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)}render(){if(a.addIDInfoIfNotExists(this._element,"ezTree"),null!=this.items)return this._visibleItems=[],e(s,{tabindex:"-1"},this._waintingForLoad?e("label",null,this.i18n("app.loading"),"..."):this._tree.getChildren().map((t=>{var i;return e(m,{selectedId:null===(i=this.value)||void 0===i?void 0:i.id,node:t,itemClick:this._onItemClick,iconClick:this._onIconClick,iconResolver:this.iconResolver,tooltipResolver:this.tooltipResolver||d,itemsList:this._visibleItems,itemDoubleClick:e=>this.ezDbClickItem.emit(e)})})))}get _element(){return o(this)}static get watchers(){return{items:["observeItems"],value:["observeValue"]}}};b.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--margin-right:calc(var(--space--small, 6px) + 2px);--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--font-weight--bold:var(--text-weight--large, 600);--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);--ez-tree__badge--icon-color--default:var(--title--primary, #2B3A54);--ez-tree__badge--icon-color--error:var(--color--error, #da4453);--ez-tree__badge--icon-color--success:var(--color-alert--success-800, #157a00);--ez-tree__badge--icon-color--warning:var(--color--warning, #f2d410);--ez-tree__badge--icon-color--disabled:var(--text--disable, #AFB6C0);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-badge{width:16px;height:16px;background:transparent;border-radius:50%;transition:all 300ms ease-in-out;display:flex;align-items:center;justify-content:center}.tree-item-badge-error-icon{--ez-icon--color:white}.tree-item-badge-text{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-badge.error{background:var(--color--error)}.tree-item-badge.warning{background:var(--color--warning)}.tree-item-badge.success{background:var(--color--success)}.item-label-container{display:flex;align-items:center}.tree-item{display:flex;align-items:center;margin-top:var(--ez-tree--margin);margin-right:var(--ez-tree--margin-right);border-radius:var(--ez-tree--border-radius);height:var(--ez-tree__tree-item--height);padding:var(--ez-tree__tree-item--padding);justify-content:space-between}.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)}.item-label--bold{font-weight:var(--ez-tree--font-weight--bold)}.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{b as ez_tree}
|