udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/stencil-library/advanced-search_12.entry.js

@@ -1 +1 @@
-import{r as e,c as t,f as i,h as s,a}from"./index-Cgpvu-iV.js";import{u as o}from"./conversionFunctions-CNWYTvRs.js";import{s as c}from"./catalog-store-DyXZf2Fc.js";import n from"@carbon/icons/es/close/24";import{v4 as r}from"uuid";import l from"@carbon/icons/es/save/16";import d from"@carbon/icons/es/close/16";import h from"@carbon/icons/es/list/16";import f from"@carbon/icons/es/download/16";import p from"@carbon/icons/es/settings/16";import b from"@carbon/icons/es/star/16";import u from"@carbon/icons/es/ibm-watson--discovery/16";import g from"@carbon/icons/es/idea/16";import m from"@carbon/icons/es/renew/16";import"@stencil/store";import"./apiUtils-oxtMm00a.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"axios";import"./configService-DgYnEcjx.js";import"./tenantUtils-Basdb1b1.js";const y=class{constructor(s){e(this,s),this.advancedSearchItemChange=t(this,"advancedSearchItemChange",7),this.filterList=[],this.filterRenderList=[],this.nestedData=new Map,this.searchObject=[],this.tempNestedData=new Map,this.testData=[],this.showChildren=!1,this.handleReferenceClick=async(e,t,i,s,a,n)=>{if(console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,n),!c.isLoadingCatalogData&&null!==c.catalogData)try{const i=await o(c.catalogData,e,!0,!0,t,s,a);Array.isArray(i)?this.updateNestedData(i):console.error("Extended search filter list is not an array")}catch(e){console.error("Error fetching filters:",e)}},this.updateNestedData=e=>{if(!Array.isArray(e)||0===e.length)return void console.error("Invalid or empty children data provided for updateNestedData");const t=e[0].extendedProperties.parent,s=o(c.catalogData,e[0].extendedProperties.fromFilter,!0,!0,name,"","");s&&s.forEach((i=>{i.name===t?i.referenceNode=e:i.reference&&i.referenceNode&&this.updateNestedDataRecursively(i.referenceNode,e,t)}));const a=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!((e,t)=>e.some((e=>e.name===t.name)))(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}return e.referenceNode?Object.assign(Object.assign({},e),{referenceNode:a(e.referenceNode,t,i)}):e}));this.testData=a(this.testData,e,t),i(this)},this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{e.name===i?e.referenceNode=t:e.referenceNode&&this.updateNestedDataRecursively(e.referenceNode,t,i)}))},this.onTreeListItemClick=e=>{const t=e.detail;t.searchField=t.parentName&&t.parentPath?`${t.parentPath}.${t.parentName}.${t.searchField}`:t.parentName?`${t.parentName}.${t.searchField}`:`${t.searchField}`,t.searchField=t.searchField.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("."),this.handleItemClick(t)}}componentWillLoad(){}filterListWatcher(e,t){e!==t&&(this.testData=e)}render(){const e=Array.isArray(this.testData)?this.testData:[],t=Array.isArray(this.filterRenderList)?this.filterRenderList:[];return s("div",{key:"ca196c2c5f108c28f6e07415f9bf711d24449d83",class:"container"},s("div",{key:"4f3cc9013694404b96c31b428d75a4eb83ff59ce",class:"left-column"},!e.length&&s("div",{key:"bbe0a5006d7ecfed26a169f3869dac44a98b105f",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"a5eae61245755bb65cc548c274eccc6d619a8414",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"244cc62d6df40ac4b3897c02a8e0fd3e07e4c42c"},e.map(((e,t)=>{var i;return s("tree-list-item",{key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:null===(i=e.extendedProperties)||void 0===i?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"59b1bd76e39e6018f26305b2562771b3bbca8c9e",class:"right-column"},s("udp-page-header",{key:"ef69867356d2494e02b32474e2b8ffbef21148a6",onValueChanged:this.handleValueChanged}),s("filter-conditions",{key:"a44ed0073b1699f727548c73557b554759ec0ebb"}),t.map((e=>e.filterElements.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.searchField}-${t}`,label:null!==(i=null==e?void 0:e.searchLabel)&&void 0!==i?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete({searchField:e.searchField,searchValue:e.searchValue}),name:e.searchValue})}))))))}static get watchers(){return{filterList:[{filterListWatcher:0}]}}};y.style=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const v=class{constructor(s){e(this,s),this.advancedSearchItemChange=t(this,"advancedSearchItemChange",7),this.searchItemChanged=t(this,"searchItemChanged",7),this.searchOperatorChanged=t(this,"searchOperatorChanged",7),this.filterList=[],this.filterRenderList=[],this.nestedData=new Map,this.searchObject=[],this.tempNestedData=new Map,this.testData=[],this.showChildren=!1,this.filterGroups=[],this.filterObjectsWithGroups=[],this.disableFilterSelection=!0,this.sharedId="",this.filters=[],this.recentSearchesOptions=[],this.handleReferenceClick=async(e,t,i,s,a,n)=>{if(console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,n),c.isLoadingCatalogData||null===c.catalogData)console.log("Catalog data is not ready yet.");else try{console.log("state.catalogData",c.catalogData);const i=await o(c.catalogData,e,!0,!0,t,s,a);console.log("extendedSearchFilterList",i),Array.isArray(i)?this.updateNestedData(i):console.error("Extended search filter list is not an array"),console.log("Updated nestedData:",Array.from(this.nestedData.entries()))}catch(e){console.error("Error fetching filters:",e)}},this.updateNestedData=e=>{if(!Array.isArray(e)||0===e.length)return void console.error("Invalid or empty children data provided for updateNestedData");console.log("children in updatedNest",e);const t=e[0].extendedProperties.parent,s=o(c.catalogData,e[0].extendedProperties.fromFilter,!0,!0,name,"","");console.log("testParentArray",s),s&&s.forEach((i=>{i.name===t?(i.referenceNode=e,console.log("add referenceNode array",e,s)):i.reference&&i.referenceNode&&this.updateNestedDataRecursively(i.referenceNode,e,t)}));const a=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!((e,t)=>e.some((e=>e.name===t.name)))(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}return e.referenceNode?Object.assign(Object.assign({},e),{referenceNode:a(e.referenceNode,t,i)}):e}));this.testData=a(this.testData,e,t),console.log("Updated testData",this.testData),i(this)},this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{e.name===i?e.referenceNode=t:e.referenceNode&&this.updateNestedDataRecursively(e.referenceNode,t,i)}))},this.onTreeListItemClick=e=>{const t=e.detail;console.log("Tree list item clicked in grouped:",t),t.searchField=t.parentName&&t.parentPath?`${t.parentPath}.${t.parentName}.${t.searchField}`:t.parentName?`${t.parentName}.${t.searchField}`:`${t.searchField}`,t.searchField=t.searchField.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("."),this.handleItemClick(t),this.disableFilterSelection=!0},this.currentLogicalOperator="AND"}componentWillLoad(){}filterListWatcher(e,t){e!==t&&(this.testData=e)}filterObjectsWithGroupsChanged(e,t){}updateFilterWithUserData(e,t){const i=this.filters.map((i=>i.id===e?Object.assign(Object.assign({},i),t):i));this.filters=i}updateGroupLogicalOperator(e,t){const i=(e,t,s)=>{for(const a of e){if(a.id===t)return a.logicalOperator=s,!0;if(a.children&&i(a.children,t,s))return!0}return!1};i(this.filterObjectsWithGroups,e,t)&&(this.filterObjectsWithGroups=[...this.filterObjectsWithGroups])}handleSearchItemChange(e){const{searchOperator:t,searchValue:i,filterGroupId:s,id:a}=e.detail,o=this.findGroupById(this.filterObjectsWithGroups,s);if(o){const e=o.filters.find((e=>e.id===a));e&&(e.searchOperator=t,e.searchValue=i,this.filterObjectsWithGroups=[...this.filterObjectsWithGroups])}this.searchItemChanged.emit(e.detail)}handleOperatorSelected(e,t){const i=this.getLogicalOperatorValue(e.detail.value);this.updateLogicalOperator(t,i),this.searchOperatorChanged.emit()}renderFilterGroup(e,t=0){const i="root"===e.id,a="default"===e.id,o={"padding-left":20*t+"px"},c=this.getLogicalOperatorCode(e.logicalOperator).toString(),r=s("udp-selector",{options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],onChange:t=>this.handleOperatorSelected(t,e.filterGroupId),initialValue:c,disabled:i||a}),l=!i&&!a&&s("stencil-icon-button",{icon:n,onClick:()=>this.handleGroupDelete(e.filterGroupId)}),d=!i&&s("div",{class:"search-input-list"},e.filters.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.id}-${t}`,isDefault:a,id:e.id,filterGroupId:e.filterGroupId,label:null!==(i=null==e?void 0:e.searchLabel)&&void 0!==i?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete(e),name:e.searchValue,operator:e.searchOperator,onSearchItemChanged:e=>this.handleSearchItemChange(e),isInitialSearchItem:e.isInitialFilterElement})}))),h=!a&&s("div",{style:{display:"flex",gap:"8px",marginTop:"8px"}},!i&&s("custom-button",{variant:"outline",onClick:()=>this.addFilter(e.id,e.filterGroupId)},"+ Field"),s("custom-button",{variant:"outline",onClick:()=>this.handleAddNewGroup(i?"root":e.id,this.currentLogicalOperator)},"+ Group")),f=s("div",{class:"nested-groups"},(e.children||[]).map((e=>this.renderFilterGroup(e,t+1))));return s("div",{class:!i&&"filter-group",style:o},a&&0===e.filters.length?null:s("div",{style:{marginBottom:"16px"}},s("div",{style:{display:"flex",gap:"8px"}},r,l)),d,h,f)}addFilter(e,t){console.log("Adding filter..."),this.disableFilterSelection=!1,this.handleAddNewFilter&&this.handleAddNewFilter(t);const i={id:r(),groupId:e,filterGroupId:t,searchField:"",searchOperator:"=",searchValue:""};this.filters=[...this.filters,i]}render(){const e=Array.isArray(this.testData)?this.testData:[];return s("div",{key:"e98588e2493d91dc2cb5746ad8e463aa174afde5",class:"container"},s("div",{key:"73cb35ab4ec1f077167a84ffce56584abf0bdce1",class:"left-column"},null!==this.selectRecentSearch&&null!==this.fullClearSearch&&s("div",{key:"9b58e19f332a9a2baa8946944e650795d9ce3361",class:"recent-searches"},"Recent Searches",s("div",{key:"f951c99fb06913fc1b97106a755bfe2ce92b8328",style:{display:"flex",alignItems:"center"}},s("udp-selector",{key:"2566a3178b9423230fa17a734ba9034257be5172",options:this.recentSearchesOptions,onChange:e=>this.selectRecentSearch(e),style:{marginRight:"10px"}}),s("udp-function-button",{key:"abfae22401a90ed9e98a7fc2efb36bcf5972291a",delete:!0,onClick:this.fullClearSearch}))),!e.length&&s("div",{key:"92eb6a9dd72e00b68e8a63082e6e50739986f5bb",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"19aff4342ae82ff7931e3367edd543bf61d6a237",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"8709ab0d919c8608ee97f439c3c8d1ec0d1cc2bb"},e.map(((e,t)=>{var i;return s("tree-list-item",{add:!0,showAdd:!0,key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:null===(i=e.extendedProperties)||void 0===i?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"ff31baa44aae00617fe4855335efe14ec19d8964",class:"right-column"},this.filterObjectsWithGroups.map((e=>this.renderFilterGroup(e)))),this.disableFilterSelection&&s("div",{key:"8de9dcfb7f72950f2ae24fda1e1f81ba2f6fc352",style:{width:"411px",height:"100vh",background:"white",position:"absolute",zIndex:"9",top:"45px",left:"px",opacity:"0.7"}}))}get el(){return a(this)}static get watchers(){return{filterList:[{filterListWatcher:0}],filterObjectsWithGroups:[{filterObjectsWithGroupsChanged:0}]}}};v.style=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const k=class{constructor(t){e(this,t),this.height="calc(100vh - 200px)"}render(){return s("div",{key:"8cb836f14cc06070b8d18471f0050dd7e4bdb102",id:"myGrid",style:{height:this.height,width:"100%"},class:"ag-theme-material"})}get el(){return a(this)}},x=class{constructor(t){e(this,t),this.name="",this.isPrivate=2,this.isDefault=!1,this.fetchedCurrentView=!1,this.handleGetExistingView=()=>{this.isPrivate=this.currentGridViewVisibilityTypeId,this.isDefault=this.currentIsDefault,console.log("isPrivate:",this.isPrivate,"isDefault:",this.isDefault),this.fetchedCurrentView=!0},this.handleNameChange=e=>{this.currentName=e.target.value,this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=1===this.isPrivate?2:1,this.currentGridViewVisibilityTypeId=1===this.currentGridViewVisibilityTypeId?2:1,console.log(this.isPrivate)},this.handleDefaultChange=()=>{this.isDefault=!this.isDefault,this.currentIsDefault=!this.currentIsDefault,console.log(this.isDefault)},this.handleSubmit=()=>{this.handleFormSubmit(this.gridId,this.name,this.isPrivate,this.isDefault)}}componentDidUpdate(){this.open&&this.handleGetExistingView()}componentWillRender(){this.name=this.currentName,this.gridId=this.currentGridId}resetFetchedCurrentView(){this.fetchedCurrentView=!1}render(){return s("fluent-dialog",{key:"abaa16812518817c6d10317692fafd20ba9d5bbb",open:this.open,actionOne:()=>{this.handleSubmit(),this.closeDialog(),this.resetFetchedCurrentView()},actionTwo:()=>{this.closeDialog(),this.resetFetchedCurrentView()},handleClose:this.handleClose,labelOne:"Save Update",labelTwo:"Cancel",title:this.title,disableOne:!this.name},s("form",{key:"6310648623469abcbc10c50ccb315d9c75af6fc9",class:"edit-form"},s("text-field",{key:"172d88e862c69db5dc38fa1b881cc942341a9cf4",label:"View Name",value:this.name,onInput:e=>this.handleNameChange(e)}),this.fetchedCurrentView&&s("div",{key:"ddef7cab46f3ed1f6c8f1df286c0ce9e13d0aa68",class:"toggle-options"},s("div",{key:"c28ab97a64172b6a8b0b76adf67a750871031e57"},s("stencil-toggle",{key:"bd188395e8a85148d904e548ad9085e88f66f05e",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"b4a9920cdac11b34cf4a17ff20d9787e57e070ff"},s("stencil-toggle",{key:"a22473a10be77d0ae078e08280e34b07bbf9d6f4",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}};x.style=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const w=class{constructor(t){e(this,t),this.hiddenActionButtons=[],this.hiddenLabels=[],this.actionButtons=[],this.showAdvancedSearchFeature=!0,this.showFilterColumnFeature=!0,this.showGridOptions=!0,this.showHotlistButton=!1,this.hideExport=!1,this.showInsightsAction=!1,this.enableAdvancedSearch=!0,this.defaultActionButtons=[],this.showLabels=!0,this.hideBar=!1}checkWindowWidth(){const e=window.innerWidth;this.showLabels=e>=1e3}onResize(){this.checkWindowWidth()}componentWillLoad(){this.checkWindowWidth(),this.defaultActionButtons=this.initializeActionButtons(),this.updateHideBar()}componentDidLoad(){window.addEventListener("resize",this.checkWindowWidth.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.checkWindowWidth.bind(this))}updateHideBar(){const e=this.defaultActionButtons.filter((e=>e.visible));this.hideBar=e.every((e=>this.hiddenActionButtons.includes(e.label)))}initializeActionButtons(){let e=[{icon:l,tooltip:"Save View",label:"Save View",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:b,tooltip:"Views",label:"Views",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:h,tooltip:"Hotlists",label:"Hotlists",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:u,tooltip:"Search",label:"Search",visible:this.enableAdvancedSearch,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowCustomSearchClick},{icon:m,tooltip:"Refresh",label:"Refresh",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customRefreshClick},{icon:d,tooltip:"Clear Search",label:"Clear Search",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];return this.hideExport||e.splice(3,0,{icon:f,tooltip:"Export",label:"Export",visible:!0,showLabel:!0,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick}),this.showInsightsAction&&e.splice(this.hideExport?3:4,0,{icon:g,tooltip:"Insights",label:"Insights",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick}),this.showHotlistButton||(e=e.filter((e=>"Hotlists"!==e.label))),this.showGridOptions&&e.push({icon:p,tooltip:"Grid Options",label:"Grid Options",visible:!0,showLabel:!1,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick}),e}handleAdvancedSearchToggle(){this.defaultActionButtons=this.initializeActionButtons()}onHiddenActionButtonsChange(){this.updateHideBar()}render(){return s("div",{key:"d0e92ad63b338c132a1328306f62c105196682bd",class:"header-bar",style:this.hideBar?void 0:{background:"var(--accent-color)"}},s("div",{key:"4a8d62ce8c659134a777604e976e9f83ac255bc4",class:"title-section"},s("div",{key:"3522a2e5535d57513442f6320f446c91f08ae3bc"},s("unity-typography",{key:"7aed20b78117ba3cb61f2478af65a45463cde1fb",variant:"h4"},this.title," ")," ")),s("div",{key:"160f0619983bc9a1a2c4a9c41a08d04ea2cddc67",class:"button-section"},s("div",{key:"578f1e0147da9d47a50228312ddaf6a7ff85476f"},s("slot",{key:"aa320f50288b55c33192677f6bd898f31f3a1772"})),this.defaultActionButtons.map((e=>!this.hiddenActionButtons.includes(e.label)&&e.visible?s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:e.secondary,icon:e.icon,onClick:t=>{e.clickHandler?e.clickHandler(t):console.log(`${e.label} Clicked but no custom handler defined`)},tooltip:e.tooltip,iconClassName:e.iconClassName},e.icon&&s("i",{class:e.icon}),"save"===e.label.toLowerCase()||!this.hiddenLabels.includes(e.label)&&e.showLabel?s("span",null,e.label):null):null)),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"dd1ac64462d79e734eac8de43b63e7f441e8ce5b",label:this.primaryActionLabel,onClick:e=>this.primaryActionClick(e),size:"tall"},this.primaryActionIcon&&s("udp-icon",{key:"1fe29e222cb83dfece0f459667a10e3ee25c4cf5",iconName:this.primaryActionIcon,darkIcon:!1}))))}static get watchers(){return{"window:resize":[{onResize:0}],enableAdvancedSearch:[{handleAdvancedSearchToggle:0}],hiddenActionButtons:[{onHiddenActionButtonsChange:0}]}}};w.style=".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}";const C=class{constructor(t){e(this,t)}render(){return s("div",{key:"9171e99debfd099aa6f2c9cb236e8913e96e14a2",class:"kpi-container"},this.kpiValues.map(((e,t)=>s("div",{class:"kpi-item"},s("span",{class:"kpi-label",style:{fontSize:" 0.875rem",fontWeight:"300",lineHeight:"0.25",fontFamily:"sans-serif"}}," ",s("unity-typography",null," ",e.label,": "),"  "),s("span",{class:"kpi-value",style:{fontSize:" 0.875rem",fontWeight:"600",lineHeight:"0.25",fontFamily:"sans-serif"}},"  ",s("unity-typography",null," ",e.value.toLocaleString()," ")," "),t<this.kpiValues.length-1&&s("div",{class:"divider"})))))}};C.style=".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}";const N=class{constructor(t){e(this,t),this.name="",this.isPrivate=2,this.isDefault=!1,this.gridViewId="",this.fetchedCurrentView=!1,this.handleNameChange=e=>{this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=1===this.isPrivate?2:1},this.handleDefaultChange=()=>{this.isDefault=!this.isDefault},this.handleSubmit=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.isDefault),this.resetForm()},this.handleViewUpdate=()=>{this.handleViewAndConfigurationSubmit(this.name,this.isPrivate,this.isDefault)},this.resetForm=()=>{this.name="",this.isPrivate=2,this.isDefault=!1}}handleModalOpen(e){var t,i;e&&(this.name=this.currentName||"",this.isPrivate=null!==(t=this.currentIsPrivate)&&void 0!==t?t:2,this.isDefault=null!==(i=this.currentIsDefault)&&void 0!==i&&i,this.gridViewId=this.currentGridViewId||"")}render(){return s("fluent-dialog",{key:"dee072d383c9470d3a4481ccc2939d227365c9dc",open:this.open,actionOne:()=>{this.handleSubmit()},actionTwo:this.closeDialog,actionThree:()=>{this.handleViewUpdate()},handleClose:this.handleClose,labelOne:"Save as Copy",labelTwo:"Cancel",labelThree:"Save View",title:this.title,disableOne:!this.name,buttonThreeHidden:!this.gridViewId},s("form",{key:"6c194929ee58aeeadd0cc525e44e1ec180527320",class:"save-form"},s("text-field",{key:"eae3a020fc8df4be9098a5ad9120399168ae5ed0",label:"View Name",placeholder:"Create a name for your view",value:this.name,onInput:e=>this.handleNameChange(e)}),s("div",{key:"e7c345719c291029428c73290e13b4c85e15696e",class:"toggle-options"},s("div",{key:"1797c39230ff667f26acf5e24c8d808a38114945"},s("stencil-toggle",{key:"108a9ede29aa823033352831eb38b0170d6ef4e1",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"f56e36069caef71d779cb1536a3c9e3992cd7f67"},s("stencil-toggle",{key:"8a23fe5b895b0ca0f3632e2b52a3e7bf519a060b",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}static get watchers(){return{open:[{handleModalOpen:0}]}}};N.style=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const O=class{constructor(t){e(this,t),this.position="left",this.widthOption="long",this.disabled=!1,this.padding=!0,this.buttonTransform="translate(0,0)"}render(){const e="number"==typeof this.widthOption?"custom-width":this.widthOption,t="number"==typeof this.widthOption?{width:`${this.widthOption}px`}:{};return s("div",{key:"b13cfa6681c6b42af5b2995dd78aef8487b0d6cb"},s("div",{key:"91131216a2648317a9a54da753cfd47799d90ad1",class:{backdrop:!0,open:this.open},onClick:this.toggleDrawer}),s("div",{key:"0dead72aba605cfbdeacc27482fbedb1546b8301",class:{"side-sheet":!0,open:this.open,close:!this.open,[this.position]:!0,[e]:!0},style:t},s("div",{key:"33cbcbf754bb04cede54766c3828df554522aec9",class:"title"},s("div",{key:"cc9237b36d9641f8192493a1dc374d816735abf9",class:"close-button"},s("stencil-icon-button",{key:"77d81a62ac42c6920005d3e8c387a816467da831",icon:n,onClick:this.toggleDrawer})),s("div",{key:"4871c4ea7db59336b50b4b1463d125cd5392820a",class:"title"},s("unity-typography",{key:"4ba8f30144651e7bdf1bb50ae4ab2d41bf827769",variant:"data-display-four"},this.title)),this.sideSheetButtonLabel&&s("custom-button",{key:"812917af309cf9235ec9ffc7f9776842c8f601c5",style:{transform:this.buttonTransform},size:"tall",disabled:this.disabled,onCustomClick:()=>this.handleSideSheetButton()},this.sideSheetButtonLabel)),s("side-sheet-container",{key:"9e02ddad5f427c42282311683bd5b19bae0c7704",padding:this.padding},s("slot",{key:"04c5e62a981e903b23d0f907a550d70c62faca9c"}))))}};O.style=".side-sheet{height:100%;position:fixed;z-index:9999;top:0;bottom:0;overflow-x:hidden;overflow-y:hidden;background-color:#ffffff;transition:transform 0.3s ease;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}.side-sheet.left{left:0;transform:translateX(-100%);}.side-sheet.right{right:0;transform:translateX(100%);}.side-sheet.long{width:1300px}.side-sheet.short{width:480px}.side-sheet.open{transform:translateX(0);}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.backdrop.open{opacity:1;pointer-events:auto}.title{display:flex;flex:1;align-items:center}.close-button{display:flex;align-items:center}.ag-root.ag-layout-normal{font-family:sans-serif !important;font-size:13px}";const j=class{constructor(t){e(this,t),this.name="",this.isPrivate=!1,this.handleNameChange=e=>{this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=!this.isPrivate},this.handleSubmit=e=>{e.preventDefault(),this.handleFormSubmit(this.name,this.isPrivate,this.columnState)},this.onCustomButtonClick=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.columnState)}}render(){return s("div",{key:"6ea4287c721de2ac229c6e2ffae1a89bd795f7ef",class:"wrapper"},s("form",{key:"a255871bcdf0f5a16dd617a7817cb606f2c71cc5",class:"save-form",onSubmit:this.handleSubmit},s("text-field",{key:"fe345f3096b6f59e634f69b294969ed004e2b60d",label:"Hotlist Name",placeholder:"Create a name for your Hotlist",value:this.name,onChange:e=>this.handleNameChange(e)}),s("stencil-toggle",{key:"54e70c440626d5d8b214d2fcea00921980da5a83",label:"Private",checked:this.isPrivate,onToggledChange:this.handlePrivateChange}),s("div",{key:"bbe4cedbe049e779fb049505234cf33dc182b7d6",class:"submit-button"},s("custom-button",{key:"9c19b71bfaf46f27443c26ddc191715d8662c8ef",variant:"outline",type:"submit",onCustomClick:this.handleCancelClick},"Cancel"),s("custom-button",{key:"d040b0d48592fa144d95611548d30f0ba7c764d4",disabled:!this.name,type:"submit",onCustomClick:this.onCustomButtonClick},"Create List"))))}get el(){return a(this)}};j.style=".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";const $=class{constructor(t){e(this,t),this.userCancel=!1,this.active=!1}activeChanged(e){e&&!this.userCancel&&setTimeout((()=>this.active=!1),3e3)}render(){const e=`status-${this.status}`;return s("div",{key:"670493aa1b278db27d8ddd76c1910146f59c693e",class:{"udp-notification":!0,visible:this.active,[e]:!0}},this.userCancel&&s("button",{key:"1072d2fef37f90c41f81fc3408fc050f591e6bf8",class:"close-button",onClick:()=>this.active=!1},"×"),s("span",{key:"8741ffc19f70e171e4b28fd0956183aa7d097952",class:"message"}," ",s("unity-typography",{key:"e3c0ab7aff59d6e6f548c8bbdbdc32c2393b2d19",variant:"body"}," ",this.message," ")))}static get watchers(){return{active:[{activeChanged:0}]}}};$.style=":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}";const I=class{constructor(t){e(this,t),this.isOpen=!1,this.handleClose=e=>{e&&this.el.shadowRoot.contains(e.target)||(this.isOpen=!1,document.removeEventListener("click",this.handleClose))}}componentWillLoad(){this.isOpen&&document.addEventListener("click",this.handleClose),document.removeEventListener("click",this.handleClose)}watchHandler(e){e?document.addEventListener("click",this.handleClose):document.removeEventListener("click",this.handleClose)}render(){const e={display:this.isOpen?"block":"none",position:"absolute",right:"6px"};if(this.anchorElement){const t=this.anchorElement.getBoundingClientRect();e.top=`${t.bottom}px`,e.left=`${t.left}px`}return s("div",{key:"8e551e93e0cd39e0a1945c6bba655986ce3f9ec4",class:"popover",style:e},s("unity-typography",{key:"f19947195b6539834bf48380c7ea628ec75c1119",variant:"caption-text"},s("slot",{key:"ff01703a997941175c2f3d94e3765015d604be86"})))}get el(){return a(this)}static get watchers(){return{isOpen:[{watchHandler:0}]}}};I.style=".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}";const L=class{constructor(t){e(this,t),this.type="info",this.message=""}render(){return s("div",{key:"885f774f5366cafecd20075d8bb6a16055fb6c58",class:`alert-banner ${this.type}`},s("unity-typography",{key:"789a73324253a838d2a403683cf2c9a35e69d605",variant:"data-display-three"},"   ",this.message," "))}};L.style=":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}";export{y as advanced_search,v as advanced_search_grouped,k as ag_table,x as edit_view_form_dialog,w as grid_primary_bar,C as kpi_list,N as save_view_form_dialog,O as side_sheet,j as udp_hotlist_form,$ as udp_notification,I as udp_pop_over_grid_action_header,L as upd_alert_banner}
+import{r as e,c as t,f as i,h as s,a}from"./index-Cgpvu-iV.js";import{u as o}from"./conversionFunctions-CNWYTvRs.js";import{s as c}from"./catalog-store-DyXZf2Fc.js";import n from"@carbon/icons/es/close/24";import{v4 as r}from"uuid";import l from"@carbon/icons/es/save/16";import d from"@carbon/icons/es/close/16";import h from"@carbon/icons/es/list/16";import b from"@carbon/icons/es/download/16";import f from"@carbon/icons/es/settings/16";import p from"@carbon/icons/es/star/16";import u from"@carbon/icons/es/ibm-watson--discovery/16";import g from"@carbon/icons/es/idea/16";import m from"@carbon/icons/es/renew/16";import"@stencil/store";import"./apiUtils-oxtMm00a.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"axios";import"./configService-DgYnEcjx.js";import"./tenantUtils-Basdb1b1.js";const y=class{constructor(s){e(this,s),this.advancedSearchItemChange=t(this,"advancedSearchItemChange",7),this.filterList=[],this.filterRenderList=[],this.nestedData=new Map,this.searchObject=[],this.tempNestedData=new Map,this.testData=[],this.showChildren=!1,this.handleReferenceClick=async(e,t,i,s,a,n)=>{if(console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,n),!c.isLoadingCatalogData&&null!==c.catalogData)try{const i=await o(c.catalogData,e,!0,!0,t,s,a);Array.isArray(i)?this.updateNestedData(i):console.error("Extended search filter list is not an array")}catch(e){console.error("Error fetching filters:",e)}},this.updateNestedData=e=>{if(!Array.isArray(e)||0===e.length)return void console.error("Invalid or empty children data provided for updateNestedData");const t=e[0].extendedProperties.parent,s=o(c.catalogData,e[0].extendedProperties.fromFilter,!0,!0,name,"","");s&&s.forEach((i=>{i.name===t?i.referenceNode=e:i.reference&&i.referenceNode&&this.updateNestedDataRecursively(i.referenceNode,e,t)}));const a=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!((e,t)=>e.some((e=>e.name===t.name)))(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}return e.referenceNode?Object.assign(Object.assign({},e),{referenceNode:a(e.referenceNode,t,i)}):e}));this.testData=a(this.testData,e,t),i(this)},this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{e.name===i?e.referenceNode=t:e.referenceNode&&this.updateNestedDataRecursively(e.referenceNode,t,i)}))},this.onTreeListItemClick=e=>{const t=e.detail;t.searchField=t.parentName&&t.parentPath?`${t.parentPath}.${t.parentName}.${t.searchField}`:t.parentName?`${t.parentName}.${t.searchField}`:`${t.searchField}`,t.searchField=t.searchField.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("."),this.handleItemClick(t)}}componentWillLoad(){}filterListWatcher(e,t){e!==t&&(this.testData=e)}render(){const e=Array.isArray(this.testData)?this.testData:[],t=Array.isArray(this.filterRenderList)?this.filterRenderList:[];return s("div",{key:"ca196c2c5f108c28f6e07415f9bf711d24449d83",class:"container"},s("div",{key:"4f3cc9013694404b96c31b428d75a4eb83ff59ce",class:"left-column"},!e.length&&s("div",{key:"bbe0a5006d7ecfed26a169f3869dac44a98b105f",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"a5eae61245755bb65cc548c274eccc6d619a8414",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"244cc62d6df40ac4b3897c02a8e0fd3e07e4c42c"},e.map(((e,t)=>{var i;return s("tree-list-item",{key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:null===(i=e.extendedProperties)||void 0===i?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"59b1bd76e39e6018f26305b2562771b3bbca8c9e",class:"right-column"},s("udp-page-header",{key:"ef69867356d2494e02b32474e2b8ffbef21148a6",onValueChanged:this.handleValueChanged}),s("filter-conditions",{key:"a44ed0073b1699f727548c73557b554759ec0ebb"}),t.map((e=>e.filterElements.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.searchField}-${t}`,label:null!==(i=null==e?void 0:e.searchLabel)&&void 0!==i?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete({searchField:e.searchField,searchValue:e.searchValue}),name:e.searchValue})}))))))}static get watchers(){return{filterList:[{filterListWatcher:0}]}}};y.style=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const v=class{constructor(s){e(this,s),this.advancedSearchItemChange=t(this,"advancedSearchItemChange",7),this.searchItemChanged=t(this,"searchItemChanged",7),this.searchOperatorChanged=t(this,"searchOperatorChanged",7),this.filterList=[],this.filterRenderList=[],this.nestedData=new Map,this.searchObject=[],this.tempNestedData=new Map,this.testData=[],this.showChildren=!1,this.filterGroups=[],this.filterObjectsWithGroups=[],this.disableFilterSelection=!0,this.sharedId="",this.filters=[],this.recentSearchesOptions=[],this.handleReferenceClick=async(e,t,i,s,a,n)=>{if(console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",i,"parentFilter",s,"parent reference click test",a,n),c.isLoadingCatalogData||null===c.catalogData)console.log("Catalog data is not ready yet.");else try{console.log("state.catalogData",c.catalogData);const i=await o(c.catalogData,e,!0,!0,t,s,a);console.log("extendedSearchFilterList",i),Array.isArray(i)?this.updateNestedData(i):console.error("Extended search filter list is not an array"),console.log("Updated nestedData:",Array.from(this.nestedData.entries()))}catch(e){console.error("Error fetching filters:",e)}},this.updateNestedData=e=>{if(!Array.isArray(e)||0===e.length)return void console.error("Invalid or empty children data provided for updateNestedData");console.log("children in updatedNest",e);const t=e[0].extendedProperties.parent,s=o(c.catalogData,e[0].extendedProperties.fromFilter,!0,!0,name,"","");console.log("testParentArray",s),s&&s.forEach((i=>{i.name===t?(i.referenceNode=e,console.log("add referenceNode array",e,s)):i.reference&&i.referenceNode&&this.updateNestedDataRecursively(i.referenceNode,e,t)}));const a=(e,t,i)=>e.map((e=>{if(e.name===i){const i=t.filter((t=>!((e,t)=>e.some((e=>e.name===t.name)))(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...i]})}return e.referenceNode?Object.assign(Object.assign({},e),{referenceNode:a(e.referenceNode,t,i)}):e}));this.testData=a(this.testData,e,t),console.log("Updated testData",this.testData),i(this)},this.updateNestedDataRecursively=(e,t,i)=>{e.forEach((e=>{e.name===i?e.referenceNode=t:e.referenceNode&&this.updateNestedDataRecursively(e.referenceNode,t,i)}))},this.onTreeListItemClick=e=>{const t=e.detail;console.log("Tree list item clicked in grouped:",t),t.searchField=t.parentName&&t.parentPath?`${t.parentPath}.${t.parentName}.${t.searchField}`:t.parentName?`${t.parentName}.${t.searchField}`:`${t.searchField}`,t.searchField=t.searchField.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("."),this.handleItemClick(t),this.disableFilterSelection=!0},this.currentLogicalOperator="AND"}componentWillLoad(){}filterListWatcher(e,t){e!==t&&(this.testData=e)}filterObjectsWithGroupsChanged(e,t){}updateFilterWithUserData(e,t){const i=this.filters.map((i=>i.id===e?Object.assign(Object.assign({},i),t):i));this.filters=i}updateGroupLogicalOperator(e,t){const i=(e,t,s)=>{for(const a of e){if(a.id===t)return a.logicalOperator=s,!0;if(a.children&&i(a.children,t,s))return!0}return!1};i(this.filterObjectsWithGroups,e,t)&&(this.filterObjectsWithGroups=[...this.filterObjectsWithGroups])}handleSearchItemChange(e){const{searchOperator:t,searchValue:i,filterGroupId:s,id:a}=e.detail,o=this.findGroupById(this.filterObjectsWithGroups,s);if(o){const e=o.filters.find((e=>e.id===a));e&&(e.searchOperator=t,e.searchValue=i,this.filterObjectsWithGroups=[...this.filterObjectsWithGroups])}this.searchItemChanged.emit(e.detail)}handleOperatorSelected(e,t){const i=this.getLogicalOperatorValue(e.detail.value);this.updateLogicalOperator(t,i),this.searchOperatorChanged.emit()}renderFilterGroup(e,t=0){const i="root"===e.id,a="default"===e.id,o={"padding-left":20*t+"px"},c=this.getLogicalOperatorCode(e.logicalOperator).toString(),r=s("udp-selector",{options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],onChange:t=>this.handleOperatorSelected(t,e.filterGroupId),initialValue:c,disabled:i||a}),l=!i&&!a&&s("stencil-icon-button",{icon:n,onClick:()=>this.handleGroupDelete(e.filterGroupId)}),d=!i&&s("div",{class:"search-input-list"},e.filters.map(((e,t)=>{var i;return s("search-list-item",{key:`${e.id}-${t}`,isDefault:a,id:e.id,filterGroupId:e.filterGroupId,label:null!==(i=null==e?void 0:e.searchLabel)&&void 0!==i?i:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete(e),name:e.searchValue,operator:e.searchOperator,onSearchItemChanged:e=>this.handleSearchItemChange(e),isInitialSearchItem:e.isInitialFilterElement})}))),h=!a&&s("div",{style:{display:"flex",gap:"8px",marginTop:"8px"}},!i&&s("custom-button",{variant:"outline",onClick:()=>this.addFilter(e.id,e.filterGroupId)},"+ Field"),s("custom-button",{variant:"outline",onClick:()=>this.handleAddNewGroup(i?"root":e.id,this.currentLogicalOperator)},"+ Group")),b=s("div",{class:"nested-groups"},(e.children||[]).map((e=>this.renderFilterGroup(e,t+1))));return s("div",{class:!i&&"filter-group",style:o},a&&0===e.filters.length?null:s("div",{style:{marginBottom:"16px"}},s("div",{style:{display:"flex",gap:"8px"}},r,l)),d,h,b)}addFilter(e,t){console.log("Adding filter..."),this.disableFilterSelection=!1,this.handleAddNewFilter&&this.handleAddNewFilter(t);const i={id:r(),groupId:e,filterGroupId:t,searchField:"",searchOperator:"=",searchValue:""};this.filters=[...this.filters,i]}render(){const e=Array.isArray(this.testData)?this.testData:[];return s("div",{key:"e98588e2493d91dc2cb5746ad8e463aa174afde5",class:"container"},s("div",{key:"73cb35ab4ec1f077167a84ffce56584abf0bdce1",class:"left-column"},null!==this.selectRecentSearch&&null!==this.fullClearSearch&&s("div",{key:"9b58e19f332a9a2baa8946944e650795d9ce3361",class:"recent-searches"},"Recent Searches",s("div",{key:"f951c99fb06913fc1b97106a755bfe2ce92b8328",style:{display:"flex",alignItems:"center"}},s("udp-selector",{key:"2566a3178b9423230fa17a734ba9034257be5172",options:this.recentSearchesOptions,onChange:e=>this.selectRecentSearch(e),style:{marginRight:"10px"}}),s("udp-function-button",{key:"abfae22401a90ed9e98a7fc2efb36bcf5972291a",delete:!0,onClick:this.fullClearSearch}))),!e.length&&s("div",{key:"92eb6a9dd72e00b68e8a63082e6e50739986f5bb",style:{marginRight:"8px"}},s("udp-grid-loader",{key:"19aff4342ae82ff7931e3367edd543bf61d6a237",width:"362px","num-columns":"1","num-rows":"20"})),s("div",{key:"8709ab0d919c8608ee97f439c3c8d1ec0d1cc2bb"},e.map(((e,t)=>{var i;return s("tree-list-item",{add:!0,showAdd:!0,key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:null===(i=e.extendedProperties)||void 0===i?void 0:i.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),s("div",{key:"ff31baa44aae00617fe4855335efe14ec19d8964",class:"right-column"},this.filterObjectsWithGroups.map((e=>this.renderFilterGroup(e)))),this.disableFilterSelection&&s("div",{key:"8de9dcfb7f72950f2ae24fda1e1f81ba2f6fc352",style:{width:"411px",height:"100vh",background:"white",position:"absolute",zIndex:"9",top:"45px",left:"px",opacity:"0.7"}}))}get el(){return a(this)}static get watchers(){return{filterList:[{filterListWatcher:0}],filterObjectsWithGroups:[{filterObjectsWithGroupsChanged:0}]}}};v.style=':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}';const k=class{constructor(t){e(this,t),this.height="calc(100vh - 200px)"}render(){return s("div",{key:"8cb836f14cc06070b8d18471f0050dd7e4bdb102",id:"myGrid",style:{height:this.height,width:"100%"},class:"ag-theme-material"})}get el(){return a(this)}},x=class{constructor(t){e(this,t),this.name="",this.isPrivate=2,this.isDefault=!1,this.fetchedCurrentView=!1,this.handleGetExistingView=()=>{this.isPrivate=this.currentGridViewVisibilityTypeId,this.isDefault=this.currentIsDefault,console.log("isPrivate:",this.isPrivate,"isDefault:",this.isDefault),this.fetchedCurrentView=!0},this.handleNameChange=e=>{this.currentName=e.target.value,this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=1===this.isPrivate?2:1,this.currentGridViewVisibilityTypeId=1===this.currentGridViewVisibilityTypeId?2:1,console.log(this.isPrivate)},this.handleDefaultChange=()=>{this.isDefault=!this.isDefault,this.currentIsDefault=!this.currentIsDefault,console.log(this.isDefault)},this.handleSubmit=()=>{this.handleFormSubmit(this.gridId,this.name,this.isPrivate,this.isDefault)}}componentDidUpdate(){this.open&&this.handleGetExistingView()}componentWillRender(){this.name=this.currentName,this.gridId=this.currentGridId}resetFetchedCurrentView(){this.fetchedCurrentView=!1}render(){return s("fluent-dialog",{key:"2fcb4aa52095f093f4078106474919a6c22ee798",open:this.open,actionOne:()=>{this.handleSubmit(),this.closeDialog(),this.resetFetchedCurrentView()},actionTwo:()=>{this.closeDialog(),this.resetFetchedCurrentView()},handleClose:this.handleClose,labelOne:"Save Update",labelTwo:"Cancel",title:this.title,disableOne:!this.name},s("form",{key:"876ca0dc0ea667cf9c9b66cea0870d3f7021d149",class:"edit-form"},s("text-field",{key:"53da2849244c65c58f8bf27999c0f2fd71169d35",label:"View Name",value:this.name,onInput:e=>this.handleNameChange(e)}),this.fetchedCurrentView&&s("div",{key:"d3c6cedc613ea76941b49bacec3e49bcd3fb20e6",class:"toggle-options"},s("div",{key:"00d0fc001770983188d8e26265482fe46ed677b1"},s("stencil-toggle",{key:"d7121ebc66be6b78b4738d90cef8654fe63e6b15",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"79d0795eb5059c2c79401a40b5ec190631643190"},s("stencil-toggle",{key:"86e1dd8285b5dad8fd1c896a3d763aa760c583cb",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}};x.style=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const w=class{constructor(t){e(this,t),this.hiddenActionButtons=[],this.hiddenLabels=[],this.actionButtons=[],this.showAdvancedSearchFeature=!0,this.showFilterColumnFeature=!0,this.showGridOptions=!0,this.showHotlistButton=!1,this.hideExport=!1,this.showInsightsAction=!1,this.enableAdvancedSearch=!0,this.defaultActionButtons=[],this.showLabels=!0,this.hideBar=!1}checkWindowWidth(){const e=window.innerWidth;this.showLabels=e>=1e3}onResize(){this.checkWindowWidth()}componentWillLoad(){this.checkWindowWidth(),this.defaultActionButtons=this.initializeActionButtons(),this.updateHideBar()}componentDidLoad(){window.addEventListener("resize",this.checkWindowWidth.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.checkWindowWidth.bind(this))}updateHideBar(){const e=this.defaultActionButtons.filter((e=>e.visible));this.hideBar=e.every((e=>this.hiddenActionButtons.includes(e.label)))}initializeActionButtons(){let e=[{icon:l,tooltip:"Save View",label:"Save View",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:p,tooltip:"Views",label:"Views",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:h,tooltip:"Hotlists",label:"Hotlists",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:u,tooltip:"Search",label:"Search",visible:this.enableAdvancedSearch,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowCustomSearchClick},{icon:m,tooltip:"Refresh",label:"Refresh",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customRefreshClick},{icon:d,tooltip:"Clear Search",label:"Clear Search",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];return this.hideExport||e.splice(3,0,{icon:b,tooltip:"Export",label:"Export",visible:!0,showLabel:!0,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick}),this.showInsightsAction&&e.splice(this.hideExport?3:4,0,{icon:g,tooltip:"Insights",label:"Insights",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick}),this.showHotlistButton||(e=e.filter((e=>"Hotlists"!==e.label))),this.showGridOptions&&e.push({icon:f,tooltip:"Grid Options",label:"Grid Options",visible:!0,showLabel:!1,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick}),e}handleAdvancedSearchToggle(){this.defaultActionButtons=this.initializeActionButtons()}onHiddenActionButtonsChange(){this.updateHideBar()}render(){return s("div",{key:"2d0dc882d15ba0837da5370413134b26038b5245",class:"header-bar",style:this.hideBar?void 0:{background:"var(--accent-color)"}},s("div",{key:"3038864e6a161b4bd7cddf33dc1e5e0573a506e8",class:"title-section"},s("div",{key:"f7045453617d84424c89a6f12302db315728e4ac"},s("unity-typography",{key:"0f79a57195c00514f69426b4e0e42b3c3292340b",variant:"h4"},this.title," ")," ")),s("div",{key:"a724b8505de0f8178440bb4b62041165b84bd573",class:"button-section"},s("div",{key:"35248c4b0784d8ea4a1279973e6eb68695ecf26d"},s("slot",{key:"04c7b1a8651dbe6dc7fb73ea503ef9a22e17338b"})),this.defaultActionButtons.map((e=>!this.hiddenActionButtons.includes(e.label)&&e.visible?s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:e.secondary,icon:e.icon,onClick:t=>{e.clickHandler?e.clickHandler(t):console.log(`${e.label} Clicked but no custom handler defined`)},tooltip:e.tooltip,iconClassName:e.iconClassName},e.icon&&s("i",{class:e.icon}),"save"===e.label.toLowerCase()||!this.hiddenLabels.includes(e.label)&&e.showLabel?s("span",null,e.label):null):null)),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"69df2cdc07b5e218164905a780feeb2ee7ec2064",label:this.primaryActionLabel,onClick:e=>this.primaryActionClick(e),size:"tall"},this.primaryActionIcon&&s("udp-icon",{key:"45122a616eb3c887c7fb82ad7c48ec2bd94395e5",iconName:this.primaryActionIcon,darkIcon:!1}))))}static get watchers(){return{"window:resize":[{onResize:0}],enableAdvancedSearch:[{handleAdvancedSearchToggle:0}],hiddenActionButtons:[{onHiddenActionButtonsChange:0}]}}};w.style=".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}";const C=class{constructor(t){e(this,t)}render(){return s("div",{key:"00e2e89caf21f9f28242e99b5c5f74dda0bddaee",class:"kpi-container"},this.kpiValues.map(((e,t)=>s("div",{class:"kpi-item"},s("span",{class:"kpi-label",style:{fontSize:" 0.875rem",fontWeight:"300",lineHeight:"0.25",fontFamily:"sans-serif"}}," ",s("unity-typography",null," ",e.label,": "),"  "),s("span",{class:"kpi-value",style:{fontSize:" 0.875rem",fontWeight:"600",lineHeight:"0.25",fontFamily:"sans-serif"}},"  ",s("unity-typography",null," ",e.value.toLocaleString()," ")," "),t<this.kpiValues.length-1&&s("div",{class:"divider"})))))}};C.style=".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}";const N=class{constructor(t){e(this,t),this.name="",this.isPrivate=2,this.isDefault=!1,this.gridViewId="",this.fetchedCurrentView=!1,this.handleNameChange=e=>{this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=1===this.isPrivate?2:1},this.handleDefaultChange=()=>{this.isDefault=!this.isDefault},this.handleSubmit=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.isDefault),this.resetForm()},this.handleViewUpdate=()=>{this.handleViewAndConfigurationSubmit(this.name,this.isPrivate,this.isDefault)},this.resetForm=()=>{this.name="",this.isPrivate=2,this.isDefault=!1}}handleModalOpen(e){var t,i;e&&(this.name=this.currentName||"",this.isPrivate=null!==(t=this.currentIsPrivate)&&void 0!==t?t:2,this.isDefault=null!==(i=this.currentIsDefault)&&void 0!==i&&i,this.gridViewId=this.currentGridViewId||"")}render(){return s("fluent-dialog",{key:"d2ccd84d3fd567afd9a7741c34723172a938b511",open:this.open,actionOne:()=>{this.handleSubmit()},actionTwo:this.closeDialog,actionThree:()=>{this.handleViewUpdate()},handleClose:this.handleClose,labelOne:"Save as Copy",labelTwo:"Cancel",labelThree:"Save View",title:this.title,disableOne:!this.name,buttonThreeHidden:!this.gridViewId},s("form",{key:"fd9b558e261d6f98657a981ec91cf290f4b272bc",class:"save-form"},s("text-field",{key:"144de082027313030b008e3c052235c83632aeb5",label:"View Name",placeholder:"Create a name for your view",value:this.name,onInput:e=>this.handleNameChange(e)}),s("div",{key:"01e902f90a3cdfaa01d93fc69aac3c5cbcc08c7b",class:"toggle-options"},s("div",{key:"f598f9c5f0ebcb01c7df8c9eaac51cf64e208fc8"},s("stencil-toggle",{key:"64aad69579ec47be014914973e24d17f60343289",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),s("div",{key:"67942f2aad4b198239e4aa1d8c4aac39f7b8070b"},s("stencil-toggle",{key:"1baea48db836a6967af4559fd3bc2c2897b5e731",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return a(this)}static get watchers(){return{open:[{handleModalOpen:0}]}}};N.style=".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";const O=class{constructor(t){e(this,t),this.position="left",this.widthOption="long",this.disabled=!1,this.padding=!0,this.buttonTransform="translate(0,0)"}render(){const e="number"==typeof this.widthOption?"custom-width":this.widthOption,t="number"==typeof this.widthOption?{width:`${this.widthOption}px`}:{};return s("div",{key:"646cc424321b1d68fbe6a2f7ce8f8173480aa327"},s("div",{key:"cdf8f21c73bf0958399811980e1990d45bd865f4",class:{backdrop:!0,open:this.open},onClick:this.toggleDrawer}),s("div",{key:"bdf7060b5dbbad6b4dd60dd66d0b66070f041273",class:{"side-sheet":!0,open:this.open,close:!this.open,[this.position]:!0,[e]:!0},style:t},s("div",{key:"d945866e0f4a0e21874c847b911a604b005e83d6",class:"title"},s("div",{key:"6e570430d9142d08a1d7e45dbdb7452d5c497470",class:"close-button"},s("stencil-icon-button",{key:"9cdcb173805d5bd017d40c1bccc093c8991e7e8d",icon:n,onClick:this.toggleDrawer})),s("div",{key:"8a10792c8579567f8cdb84f94a1397aae1cfd593",class:"title"},s("unity-typography",{key:"581519cc576e97d9ec39d0053059413e94aec664",variant:"data-display-four"},this.title)),this.sideSheetButtonLabel&&s("custom-button",{key:"027c96b0066b18e3a84cc10b1b81b5073547b4fd",style:{transform:this.buttonTransform},size:"tall",disabled:this.disabled,onCustomClick:()=>this.handleSideSheetButton()},this.sideSheetButtonLabel)),s("side-sheet-container",{key:"728e798d19f72af9bb2ea772906912613ace9675",padding:this.padding},s("slot",{key:"5151a016be627713513f1b5361512c1f9f14149f"}))))}};O.style=".side-sheet{height:100%;position:fixed;z-index:9999;top:0;bottom:0;overflow-x:hidden;overflow-y:hidden;background-color:#ffffff;transition:transform 0.3s ease;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}.side-sheet.left{left:0;transform:translateX(-100%);}.side-sheet.right{right:0;transform:translateX(100%);}.side-sheet.long{width:1300px}.side-sheet.short{width:480px}.side-sheet.open{transform:translateX(0);}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.backdrop.open{opacity:1;pointer-events:auto}.title{display:flex;flex:1;align-items:center}.close-button{display:flex;align-items:center}.ag-root.ag-layout-normal{font-family:sans-serif !important;font-size:13px}";const j=class{constructor(t){e(this,t),this.name="",this.isPrivate=!1,this.handleNameChange=e=>{this.name=e.target.value},this.handlePrivateChange=()=>{this.isPrivate=!this.isPrivate},this.handleSubmit=e=>{e.preventDefault(),this.handleFormSubmit(this.name,this.isPrivate,this.columnState)},this.onCustomButtonClick=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.columnState)}}render(){return s("div",{key:"dbe2ce708da81d22f37c35beeb8fe778859ccac9",class:"wrapper"},s("form",{key:"94c1f7282656d17e4098b9ad7c291cc139015ad8",class:"save-form",onSubmit:this.handleSubmit},s("text-field",{key:"2ada338b3756ba92c03b30f438474ce88f64ed76",label:"Hotlist Name",placeholder:"Create a name for your Hotlist",value:this.name,onChange:e=>this.handleNameChange(e)}),s("stencil-toggle",{key:"cdba4ec398403056f286a41f9442f257075078c5",label:"Private",checked:this.isPrivate,onToggledChange:this.handlePrivateChange}),s("div",{key:"f9a9b340e36cfad725bf9b2d7fababc7ef8395d3",class:"submit-button"},s("custom-button",{key:"535ebdbf9499f36b5f00dc65b702d175b944be71",variant:"outline",type:"submit",onCustomClick:this.handleCancelClick},"Cancel"),s("custom-button",{key:"ed6cf44c5d74f7ccc23614da1f387b1e642cb385",disabled:!this.name,type:"submit",onCustomClick:this.onCustomButtonClick},"Create List"))))}get el(){return a(this)}};j.style=".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";const $=class{constructor(t){e(this,t),this.userCancel=!1,this.active=!1}activeChanged(e){e&&!this.userCancel&&setTimeout((()=>this.active=!1),3e3)}render(){const e=`status-${this.status}`;return s("div",{key:"17379efbdace37347b1681c14ce9646352afa8b6",class:{"udp-notification":!0,visible:this.active,[e]:!0}},this.userCancel&&s("button",{key:"188287b8107d70e0664bbec94ae93ecfb86829d2",class:"close-button",onClick:()=>this.active=!1},"×"),s("span",{key:"272d2666af08cd4e208b5cc89c7b66a4a820c308",class:"message"}," ",s("unity-typography",{key:"1cf9ba151a1daa19888cf61e198cb3e3cc93a626",variant:"body"}," ",this.message," ")))}static get watchers(){return{active:[{activeChanged:0}]}}};$.style=":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}";const I=class{constructor(t){e(this,t),this.isOpen=!1,this.handleClose=e=>{e&&this.el.shadowRoot.contains(e.target)||(this.isOpen=!1,document.removeEventListener("click",this.handleClose))}}componentWillLoad(){this.isOpen&&document.addEventListener("click",this.handleClose),document.removeEventListener("click",this.handleClose)}watchHandler(e){e?document.addEventListener("click",this.handleClose):document.removeEventListener("click",this.handleClose)}render(){const e={display:this.isOpen?"block":"none",position:"absolute",right:"6px"};if(this.anchorElement){const t=this.anchorElement.getBoundingClientRect();e.top=`${t.bottom}px`,e.left=`${t.left}px`}return s("div",{key:"97bbfe3dd2fb851df62b4f7f67c05ac44d87421e",class:"popover",style:e},s("unity-typography",{key:"d1cc6fc958430ea4e23c39fc5d6cf4f4301cb053",variant:"caption-text"},s("slot",{key:"35935cd9b82821f5e149be50e237005419fad8f5"})))}get el(){return a(this)}static get watchers(){return{isOpen:[{watchHandler:0}]}}};I.style=".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}";const L=class{constructor(t){e(this,t),this.type="info",this.message=""}render(){return s("div",{key:"991526b9c1b99b21c5d851ab889eeafe01f89e86",class:`alert-banner ${this.type}`},s("unity-typography",{key:"cc785932707bd8a71ee6385a62d1531d195f4a24",variant:"data-display-three"},"   ",this.message," "))}};L.style=":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}";export{y as advanced_search,v as advanced_search_grouped,k as ag_table,x as edit_view_form_dialog,w as grid_primary_bar,C as kpi_list,N as save_view_form_dialog,O as side_sheet,j as udp_hotlist_form,$ as udp_notification,I as udp_pop_over_grid_action_header,L as upd_alert_banner}