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

package/dist/components/api-method-instance-grid.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as s,t as a}from"./index2.js";import{m as o}from"./makeApiCall.js";import{L as i}from"./searchObject.js";import{isEqual as r}from"lodash-es";import{d}from"./ag-grid-base2.js";import{d as n}from"./ghost-render2.js";import{d as u}from"./grid-header2.js";import{d as p}from"./hint-panel2.js";import{d as c}from"./search-method-grid2.js";import{d as m}from"./server-side-grid2.js";import{d as l}from"./stencil-icon-button2.js";import{d as h}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-avatar2.js";import{d as b}from"./udp-badge2.js";import{d as g}from"./udp-button2.js";import{d as j}from"./udp-dialog2.js";import{d as v}from"./udp-flexbox2.js";import{d as k}from"./udp-fluent-avatar2.js";import{d as E}from"./udp-fluent-badge2.js";import{d as I}from"./udp-fluent-button2.js";import{d as O}from"./udp-fluent-dialog2.js";import{d as y}from"./udp-fluent-icon2.js";import{d as M}from"./udp-fluent-icon-button2.js";import{d as x}from"./udp-fluent-menu2.js";import{d as C}from"./udp-fluent-switch2.js";import{d as S}from"./udp-fluent-text-input2.js";import{d as D}from"./udp-icon2.js";import{d as G}from"./udp-linear-loader2.js";import{d as A}from"./list-item.js";import{d as w}from"./udp-menu-item2.js";import{d as N}from"./udp-pop-over2.js";import{d as H}from"./udp-primary-action-header2.js";import{d as L}from"./udp-search-input2.js";import{d as z}from"./udp-side-sheet2.js";import{d as F}from"./udp-spinner2.js";import{d as J}from"./udp-text2.js";import{d as R}from"./udp-tooltip2.js";import{d as q}from"./unity-typography2.js";import{b as T}from"./apiMethodInstance.js";import{C as W}from"./configService.js";const B=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.gridFunctions=[],this.isLoading=!0,this.apiMethodInstanceData={},this.searchMethodConfig=null}get entityName(){var e,t;return null!==(t=null===(e=this.apiMethodInstanceData)||void 0===e?void 0:e.returnObject)&&void 0!==t?t:""}get querySearchObject(){var e;const t={pageNumber:1,pageSize:50,logicalSearchOperator:1,orderElements:[],filterElements:[],filterGroups:[],groupOperationList:[]};try{return(null===(e=this.apiMethodInstanceData)||void 0===e?void 0:e.body)?JSON.parse(this.apiMethodInstanceData.body):t}catch(e){return console.error("Failed to parse apiMethodInstanceData.body:",e),t}}handleGridReady(e){this.gridApi=e.detail,e.preventDefault()}async getApiMethodInstanceData(){if(!this.apiMethodInstanceId)return;const e=await o("GET",W.integrationV1ApiUrl+"/apiMethodInstance/"+this.apiMethodInstanceId);this.apiMethodInstanceData=e}createColumnDefs(e,t){var s,a;(null===(s=this.apiMethodInstanceData)||void 0===s?void 0:s.catalogModification)&&(r(e,t)||(this.gridApi&&this.gridApi.setGridOption("context",Object.assign(Object.assign({},this.gridApi.getGridOption("context")),{apiMethodInstanceId:this.apiMethodInstanceId})),this.columnDefs=T(JSON.parse(this.apiMethodInstanceData.catalogModification),this.querySearchObject,this.columnDefOverrides,null===(a=this.gridFunctions)||void 0===a?void 0:a.some((e=>"advancedSearch"===(null==e?void 0:e.name)))),this.isLoading=!1))}updateSearchMethodConfig(){var e;if(!(null===(e=this.apiMethodInstanceData)||void 0===e?void 0:e.apiMethodId))return void(this.searchMethodConfig=null);const t=function(e,t){var s,a,o,r,d,n,u;if(!e||!t||!(null===(s=t.filterElements)||void 0===s?void 0:s.length))return e;const p=[...(null===(a=e.filterGroups)||void 0===a?void 0:a.map((e=>e.groupId)))||[],...(null===(o=t.filterGroups)||void 0===o?void 0:o.map((e=>e.groupId)))||[]],c=p.length>0?Math.max(...p):0,m=c+1,l=c+2,h={groupId:m,logicalSearchOperator:e.logicalSearchOperator||i.AND,parentGroupId:null},f={groupId:l,logicalSearchOperator:t.logicalSearchOperator||i.AND,parentGroupId:null},b=(null===(r=e.filterElements)||void 0===r?void 0:r.map((e=>Object.assign(Object.assign({},e),{groupId:m}))))||[],g=(null===(d=e.filterGroups)||void 0===d?void 0:d.map((e=>Object.assign(Object.assign({},e),{parentGroupId:m}))))||[],j=(null===(n=t.filterElements)||void 0===n?void 0:n.map((e=>Object.assign(Object.assign({},e),{groupId:l}))))||[],v=(null===(u=t.filterGroups)||void 0===u?void 0:u.map((e=>Object.assign(Object.assign({},e),{parentGroupId:l}))))||[];return Object.assign(Object.assign({},e),{logicalSearchOperator:i.AND,filterElements:[...b,...j],filterGroups:[...g,...v,h,f]})}(this.querySearchObject,this.defaultSearchObject),{apiMethodId:s}=this.apiMethodInstanceData;this.searchMethodConfig={apiMethodId:s,customSearchObject:t}}updateApiMethodInstanceId(){this.getApiMethodInstanceData()}componentWillLoad(){this.getApiMethodInstanceData()}render(){return s("div",{key:"ba3c1e3d6af72f4db730faf78ebfc36a4c76dbd9",style:{position:"relative"}},this.isLoading&&s("div",{key:"3b7082a09a93f7f98b4e0f8e6d36d18504228750",style:{position:"absolute",inset:"0",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"10"}},s("udp-spinner",{key:"e3b67121af39033e99b64f7a3aa42cf69c4106e6",size:"large"})),s("search-method-grid",{key:"67631e34b4360831d3e045af8a965788ed534b76",onGridReady:e=>this.handleGridReady(e),gridFunctions:this.gridFunctions,gridOptions:this.gridOptions,gridHeaderConfig:this.gridHeaderConfig,gridId:this.gridId,entityName:this.entityName,gridHeight:this.gridHeight,searchMethodConfig:this.searchMethodConfig,gridApiCallback:this.gridApiCallback,columnDefs:this.columnDefs}))}static get watchers(){return{apiMethodInstanceData:[{createColumnDefs:0},{updateSearchMethodConfig:0}],columnDefOverrides:[{createColumnDefs:0}],defaultSearchObject:[{updateSearchMethodConfig:0}],apiMethodInstanceId:[{updateApiMethodInstanceId:0}]}}},[0,"api-method-instance-grid",{apiMethodInstanceId:[1,"api-method-instance-id"],gridHeaderConfig:[16],gridFunctions:[16],gridOptions:[16],gridId:[1,"grid-id"],gridHeight:[1,"grid-height"],gridApiCallback:[16],columnDefOverrides:[16],defaultSearchObject:[16],columnDefs:[32],isLoading:[32],apiMethodInstanceData:[32],searchMethodConfig:[32]},void 0,{apiMethodInstanceData:[{createColumnDefs:0},{updateSearchMethodConfig:0}],columnDefOverrides:[{createColumnDefs:0}],defaultSearchObject:[{updateSearchMethodConfig:0}],apiMethodInstanceId:[{updateApiMethodInstanceId:0}]}]),K=B,P=function(){"undefined"!=typeof customElements&&["api-method-instance-grid","ag-grid-base","ghost-render","grid-header","hint-panel","search-method-grid","server-side-grid","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-dialog","udp-flexbox","udp-fluent-avatar","udp-fluent-badge","udp-fluent-button","udp-fluent-dialog","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-switch","udp-fluent-text-input","udp-icon","udp-linear-loader","udp-list-item","udp-menu-item","udp-pop-over","udp-primary-action-header","udp-search-input","udp-side-sheet","udp-spinner","udp-text","udp-tooltip","unity-typography"].forEach((e=>{switch(e){case"api-method-instance-grid":customElements.get(a(e))||customElements.define(a(e),B);break;case"ag-grid-base":customElements.get(a(e))||d();break;case"ghost-render":customElements.get(a(e))||n();break;case"grid-header":customElements.get(a(e))||u();break;case"hint-panel":customElements.get(a(e))||p();break;case"search-method-grid":customElements.get(a(e))||c();break;case"server-side-grid":customElements.get(a(e))||m();break;case"stencil-icon-button":customElements.get(a(e))||l();break;case"udp-ambient-tool-tip":customElements.get(a(e))||h();break;case"udp-avatar":customElements.get(a(e))||f();break;case"udp-badge":customElements.get(a(e))||b();break;case"udp-button":customElements.get(a(e))||g();break;case"udp-dialog":customElements.get(a(e))||j();break;case"udp-flexbox":customElements.get(a(e))||v();break;case"udp-fluent-avatar":customElements.get(a(e))||k();break;case"udp-fluent-badge":customElements.get(a(e))||E();break;case"udp-fluent-button":customElements.get(a(e))||I();break;case"udp-fluent-dialog":customElements.get(a(e))||O();break;case"udp-fluent-icon":customElements.get(a(e))||y();break;case"udp-fluent-icon-button":customElements.get(a(e))||M();break;case"udp-fluent-menu":customElements.get(a(e))||x();break;case"udp-fluent-switch":customElements.get(a(e))||C();break;case"udp-fluent-text-input":customElements.get(a(e))||S();break;case"udp-icon":customElements.get(a(e))||D();break;case"udp-linear-loader":customElements.get(a(e))||G();break;case"udp-list-item":customElements.get(a(e))||A();break;case"udp-menu-item":customElements.get(a(e))||w();break;case"udp-pop-over":customElements.get(a(e))||N();break;case"udp-primary-action-header":customElements.get(a(e))||H();break;case"udp-search-input":customElements.get(a(e))||L();break;case"udp-side-sheet":customElements.get(a(e))||z();break;case"udp-spinner":customElements.get(a(e))||F();break;case"udp-text":customElements.get(a(e))||J();break;case"udp-tooltip":customElements.get(a(e))||R();break;case"unity-typography":customElements.get(a(e))||q()}}))};export{K as ApiMethodInstanceGrid,P as defineCustomElement}
+import{p as e,H as t,h as s,t as a}from"./index2.js";import{m as o}from"./makeApiCall.js";import{L as i}from"./searchObject.js";import{isEqual as d}from"lodash-es";import{d as r}from"./ag-grid-base2.js";import{d as n}from"./ghost-render2.js";import{d as u}from"./grid-header2.js";import{d as p}from"./hint-panel2.js";import{d as c}from"./search-method-grid2.js";import{d as m}from"./server-side-grid2.js";import{d as l}from"./stencil-icon-button2.js";import{d as h}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-avatar2.js";import{d as b}from"./udp-badge2.js";import{d as g}from"./udp-button2.js";import{d as j}from"./udp-dialog2.js";import{d as v}from"./udp-flexbox2.js";import{d as k}from"./udp-fluent-avatar2.js";import{d as E}from"./udp-fluent-badge2.js";import{d as I}from"./udp-fluent-button2.js";import{d as O}from"./udp-fluent-dialog2.js";import{d as y}from"./udp-fluent-icon2.js";import{d as M}from"./udp-fluent-icon-button2.js";import{d as x}from"./udp-fluent-menu2.js";import{d as C}from"./udp-fluent-switch2.js";import{d as S}from"./udp-fluent-text-input2.js";import{d as D}from"./udp-icon2.js";import{d as G}from"./udp-linear-loader2.js";import{d as A}from"./list-item.js";import{d as w}from"./udp-menu-item2.js";import{d as N}from"./udp-pop-over2.js";import{d as H}from"./udp-primary-action-header2.js";import{d as L}from"./udp-search-input2.js";import{d as z}from"./udp-side-sheet2.js";import{d as F}from"./udp-spinner2.js";import{d as J}from"./udp-text2.js";import{d as R}from"./udp-tooltip2.js";import{d as q}from"./unity-typography2.js";import{b as T}from"./apiMethodInstance.js";import{C as W}from"./configService.js";const B=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.gridFunctions=[],this.isLoading=!0,this.apiMethodInstanceData={},this.searchMethodConfig=null}get entityName(){var e,t;return null!==(t=null===(e=this.apiMethodInstanceData)||void 0===e?void 0:e.returnObject)&&void 0!==t?t:""}get querySearchObject(){var e;const t={pageNumber:1,pageSize:50,logicalSearchOperator:1,orderElements:[],filterElements:[],filterGroups:[],groupOperationList:[]};try{return(null===(e=this.apiMethodInstanceData)||void 0===e?void 0:e.body)?JSON.parse(this.apiMethodInstanceData.body):t}catch(e){return console.error("Failed to parse apiMethodInstanceData.body:",e),t}}handleGridReady(e){this.gridApi=e.detail,e.preventDefault()}async getApiMethodInstanceData(){if(!this.apiMethodInstanceId)return;const e=await o("GET",W.integrationV1ApiUrl+"/apiMethodInstance/"+this.apiMethodInstanceId);this.apiMethodInstanceData=e}createColumnDefs(e,t){var s,a;(null===(s=this.apiMethodInstanceData)||void 0===s?void 0:s.catalogModification)&&(d(e,t)||(this.gridApi&&this.gridApi.setGridOption("context",Object.assign(Object.assign({},this.gridApi.getGridOption("context")),{apiMethodInstanceId:this.apiMethodInstanceId})),this.columnDefs=T(JSON.parse(this.apiMethodInstanceData.catalogModification),this.querySearchObject,this.columnDefOverrides,null===(a=this.gridFunctions)||void 0===a?void 0:a.some((e=>"advancedSearch"===(null==e?void 0:e.name)))),this.isLoading=!1))}updateSearchMethodConfig(){var e;if(!(null===(e=this.apiMethodInstanceData)||void 0===e?void 0:e.apiMethodId))return void(this.searchMethodConfig=null);const t=function(e,t){var s,a,o,d,r,n,u;if(!e||!t||!(null===(s=t.filterElements)||void 0===s?void 0:s.length))return e;const p=[...(null===(a=e.filterGroups)||void 0===a?void 0:a.map((e=>e.groupId)))||[],...(null===(o=t.filterGroups)||void 0===o?void 0:o.map((e=>e.groupId)))||[]],c=p.length>0?Math.max(...p):0,m=c+1,l=c+2,h={groupId:m,logicalSearchOperator:e.logicalSearchOperator||i.AND,parentGroupId:null},f={groupId:l,logicalSearchOperator:t.logicalSearchOperator||i.AND,parentGroupId:null},b=(null===(d=e.filterElements)||void 0===d?void 0:d.map((e=>Object.assign(Object.assign({},e),{groupId:m}))))||[],g=(null===(r=e.filterGroups)||void 0===r?void 0:r.map((e=>Object.assign(Object.assign({},e),{parentGroupId:m}))))||[],j=(null===(n=t.filterElements)||void 0===n?void 0:n.map((e=>Object.assign(Object.assign({},e),{groupId:l}))))||[],v=(null===(u=t.filterGroups)||void 0===u?void 0:u.map((e=>Object.assign(Object.assign({},e),{parentGroupId:l}))))||[];return Object.assign(Object.assign({},e),{logicalSearchOperator:i.AND,filterElements:[...b,...j],filterGroups:[...g,...v,h,f]})}(this.querySearchObject,this.defaultSearchObject),{apiMethodId:s}=this.apiMethodInstanceData;this.searchMethodConfig={apiMethodId:s,customSearchObject:t}}updateApiMethodInstanceId(){this.getApiMethodInstanceData()}componentWillLoad(){this.getApiMethodInstanceData()}render(){return s("div",{key:"3d24709d0fe5d7284994189f723f1e241abbb4e8",style:{position:"relative"}},this.isLoading&&s("div",{key:"c75165dd8282f7d92fc4a32f872937b9576cdd11",style:{position:"absolute",inset:"0",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"10"}},s("udp-spinner",{key:"cafa30d2a48577e7f38ad7cb337ea1949bb1ebbd",size:"large"})),s("search-method-grid",{key:"34509045b95e9f580ef544f8740b4cffa2fe1ce5",onGridReady:e=>this.handleGridReady(e),gridFunctions:this.gridFunctions,gridOptions:this.gridOptions,gridHeaderConfig:this.gridHeaderConfig,gridId:this.gridId,entityName:this.entityName,gridHeight:this.gridHeight,searchMethodConfig:this.searchMethodConfig,gridApiCallback:this.gridApiCallback,columnDefs:this.columnDefs}))}static get watchers(){return{apiMethodInstanceData:[{createColumnDefs:0},{updateSearchMethodConfig:0}],columnDefOverrides:[{createColumnDefs:0}],defaultSearchObject:[{updateSearchMethodConfig:0}],apiMethodInstanceId:[{updateApiMethodInstanceId:0}]}}},[0,"api-method-instance-grid",{apiMethodInstanceId:[1,"api-method-instance-id"],gridHeaderConfig:[16],gridFunctions:[16],gridOptions:[16],gridId:[1,"grid-id"],gridHeight:[1,"grid-height"],gridApiCallback:[16],columnDefOverrides:[16],defaultSearchObject:[16],columnDefs:[32],isLoading:[32],apiMethodInstanceData:[32],searchMethodConfig:[32]},void 0,{apiMethodInstanceData:[{createColumnDefs:0},{updateSearchMethodConfig:0}],columnDefOverrides:[{createColumnDefs:0}],defaultSearchObject:[{updateSearchMethodConfig:0}],apiMethodInstanceId:[{updateApiMethodInstanceId:0}]}]),K=B,P=function(){"undefined"!=typeof customElements&&["api-method-instance-grid","ag-grid-base","ghost-render","grid-header","hint-panel","search-method-grid","server-side-grid","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-dialog","udp-flexbox","udp-fluent-avatar","udp-fluent-badge","udp-fluent-button","udp-fluent-dialog","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-switch","udp-fluent-text-input","udp-icon","udp-linear-loader","udp-list-item","udp-menu-item","udp-pop-over","udp-primary-action-header","udp-search-input","udp-side-sheet","udp-spinner","udp-text","udp-tooltip","unity-typography"].forEach((e=>{switch(e){case"api-method-instance-grid":customElements.get(a(e))||customElements.define(a(e),B);break;case"ag-grid-base":customElements.get(a(e))||r();break;case"ghost-render":customElements.get(a(e))||n();break;case"grid-header":customElements.get(a(e))||u();break;case"hint-panel":customElements.get(a(e))||p();break;case"search-method-grid":customElements.get(a(e))||c();break;case"server-side-grid":customElements.get(a(e))||m();break;case"stencil-icon-button":customElements.get(a(e))||l();break;case"udp-ambient-tool-tip":customElements.get(a(e))||h();break;case"udp-avatar":customElements.get(a(e))||f();break;case"udp-badge":customElements.get(a(e))||b();break;case"udp-button":customElements.get(a(e))||g();break;case"udp-dialog":customElements.get(a(e))||j();break;case"udp-flexbox":customElements.get(a(e))||v();break;case"udp-fluent-avatar":customElements.get(a(e))||k();break;case"udp-fluent-badge":customElements.get(a(e))||E();break;case"udp-fluent-button":customElements.get(a(e))||I();break;case"udp-fluent-dialog":customElements.get(a(e))||O();break;case"udp-fluent-icon":customElements.get(a(e))||y();break;case"udp-fluent-icon-button":customElements.get(a(e))||M();break;case"udp-fluent-menu":customElements.get(a(e))||x();break;case"udp-fluent-switch":customElements.get(a(e))||C();break;case"udp-fluent-text-input":customElements.get(a(e))||S();break;case"udp-icon":customElements.get(a(e))||D();break;case"udp-linear-loader":customElements.get(a(e))||G();break;case"udp-list-item":customElements.get(a(e))||A();break;case"udp-menu-item":customElements.get(a(e))||w();break;case"udp-pop-over":customElements.get(a(e))||N();break;case"udp-primary-action-header":customElements.get(a(e))||H();break;case"udp-search-input":customElements.get(a(e))||L();break;case"udp-side-sheet":customElements.get(a(e))||z();break;case"udp-spinner":customElements.get(a(e))||F();break;case"udp-text":customElements.get(a(e))||J();break;case"udp-tooltip":customElements.get(a(e))||R();break;case"unity-typography":customElements.get(a(e))||q()}}))};export{K as ApiMethodInstanceGrid,P as defineCustomElement}

package/dist/components/app-bar.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as a,h as t,t as o}from"./index2.js";import s from"@carbon/icons/es/menu/24";import{d as c}from"./stencil-icon-button2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as r}from"./udp-avatar2.js";import{d as i}from"./udp-badge2.js";import{d}from"./udp-icon2.js";import{d as b}from"./unity-typography2.js";const p=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"9bcc2c7a5a7cb8be3eea5d95050ad386b1b35ca5",class:"header"},t("stencil-icon-button",{key:"aaeb7a200179d17184f5b32d52b4f868979b5a51",noBackground:!0,darkIcon:!1,icon:s}),t("unity-typography",{key:"e5401a155f5fbc0d29e76c86cc4a6c18ccfcd3e0",variant:"data-display-one"}," ",t("slot",{key:"92cb58bf864da4f744450162a3e5268f9d729e32"}),"   "),t("a",{key:"b257f74cc94ef64ac5f234b38725e64ab3fc61d4",class:"skip-to-content",href:"#main-content"},"Skip to main content"),t("div",{key:"09a5fece35f9ef80f19a900d302ab3d798e3426a",class:"header__logo"}),t("div",{key:"7264a7768329641ee1b7c0455d665e2b4bba95c9",class:"header__nav",role:"navigation","aria-label":"Carbon Design System"}),t("div",{key:"be87500c4abbf1a30b05332f8257cd7f82c776d9",class:"header__global"},t("udp-avatar",{key:"fb84be04941a7889650158f025482d496f8aa2f0",username:this.username})))}static get style(){return".header{display:flex;align-items:center;height:3rem;background-color:#262626;color:#fff;padding-right:1rem}.skip-to-content{position:absolute;top:-40px}.header__logo{}.header__nav{flex:1;display:flex;justify-content:space-between}.header__global{}"}},[257,"app-bar",{username:[1]}]),m=p,l=function(){"undefined"!=typeof customElements&&["app-bar","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-icon","unity-typography"].forEach((e=>{switch(e){case"app-bar":customElements.get(o(e))||customElements.define(o(e),p);break;case"stencil-icon-button":customElements.get(o(e))||c();break;case"udp-ambient-tool-tip":customElements.get(o(e))||n();break;case"udp-avatar":customElements.get(o(e))||r();break;case"udp-badge":customElements.get(o(e))||i();break;case"udp-icon":customElements.get(o(e))||d();break;case"unity-typography":customElements.get(o(e))||b()}}))};export{m as AppBar,l as defineCustomElement}
+import{p as e,H as a,h as t,t as o}from"./index2.js";import c from"@carbon/icons/es/menu/24";import{d as s}from"./stencil-icon-button2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d}from"./udp-avatar2.js";import{d as r}from"./udp-badge2.js";import{d as i}from"./udp-icon2.js";import{d as p}from"./unity-typography2.js";const b=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"9140883a286a1ed933d5f6e1b25bc51c6bbb75dd",class:"header"},t("stencil-icon-button",{key:"f878f0b14401cc91316798a1dffdccc79fa7371a",noBackground:!0,darkIcon:!1,icon:c}),t("unity-typography",{key:"3741c5755ac3d1b9545e52a1040f2e3a73307fa3",variant:"data-display-one"}," ",t("slot",{key:"7c3304b3a6c0b5b1c87afbacf43dc139125c3e26"}),"   "),t("a",{key:"c4068f92ddfc72e3d05a782c04bd663304a21834",class:"skip-to-content",href:"#main-content"},"Skip to main content"),t("div",{key:"2efe80f6ff2cbceb1c34b48f5d96a042da04d94c",class:"header__logo"}),t("div",{key:"555e9c50365d972eab6cc95c1c5891e4090e7af6",class:"header__nav",role:"navigation","aria-label":"Carbon Design System"}),t("div",{key:"e754a4c11b9892560058bb7d0477bcba306dd220",class:"header__global"},t("udp-avatar",{key:"7b5211ecd648129215568d6203597907b5ca9d30",username:this.username})))}static get style(){return".header{display:flex;align-items:center;height:3rem;background-color:#262626;color:#fff;padding-right:1rem}.skip-to-content{position:absolute;top:-40px}.header__logo{}.header__nav{flex:1;display:flex;justify-content:space-between}.header__global{}"}},[257,"app-bar",{username:[1]}]),m=b,l=function(){"undefined"!=typeof customElements&&["app-bar","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-icon","unity-typography"].forEach((e=>{switch(e){case"app-bar":customElements.get(o(e))||customElements.define(o(e),b);break;case"stencil-icon-button":customElements.get(o(e))||s();break;case"udp-ambient-tool-tip":customElements.get(o(e))||n();break;case"udp-avatar":customElements.get(o(e))||d();break;case"udp-badge":customElements.get(o(e))||r();break;case"udp-icon":customElements.get(o(e))||i();break;case"unity-typography":customElements.get(o(e))||p()}}))};export{m as AppBar,l as defineCustomElement}

package/dist/components/chart-kpi2.js

@@ -1 +1 @@
-import{p as t,H as e,h as a,d as s,t as i}from"./index2.js";import{d as n}from"./unity-typography2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a(s,{key:"a3da9af80fa9262e096cf81a0404ab5aa806b832",class:"chart-kpi-container"},a("unity-typography",{key:"548d2cb77df7706552b09dafa3d8bec0c9a0b36b",class:"element",variant:"data-display-four"},this.value),a("unity-typography",{key:"ee49858f3db51adb1ff1a6665fce16dcf302d4f6",class:"element",variant:"caption-text"},this.label))}static get style(){return":host{display:flex;flex-direction:column;align-items:center;width:20%}.element{line-height:1}"}},[1,"chart-kpi",{label:[1],value:[1]}]);function r(){"undefined"!=typeof customElements&&["chart-kpi","unity-typography"].forEach((t=>{switch(t){case"chart-kpi":customElements.get(i(t))||customElements.define(i(t),c);break;case"unity-typography":customElements.get(i(t))||n()}}))}export{c as C,r as d}
+import{p as t,H as e,h as a,d as s,t as c}from"./index2.js";import{d as i}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a(s,{key:"dea89abfff586ae6a00b5ac825dc89cd42fc1959",class:"chart-kpi-container"},a("unity-typography",{key:"2e584813e1c280ee834779b6e463f5964f74712b",class:"element",variant:"data-display-four"},this.value),a("unity-typography",{key:"c538a82cab55f26e7c1fb017021403fcbb460912",class:"element",variant:"caption-text"},this.label))}static get style(){return":host{display:flex;flex-direction:column;align-items:center;width:20%}.element{line-height:1}"}},[1,"chart-kpi",{label:[1],value:[1]}]);function r(){"undefined"!=typeof customElements&&["chart-kpi","unity-typography"].forEach((t=>{switch(t){case"chart-kpi":customElements.get(c(t))||customElements.define(c(t),n);break;case"unity-typography":customElements.get(c(t))||i()}}))}export{n as C,r as d}

package/dist/components/charts-theme.js

@@ -0,0 +1 @@
+import{g as e}from"./theme-manager.js";const t=(e,t)=>{const r=e.getPropertyValue(t).trim();return r.length>0?r:void 0},r=[255,255,255],l=[0,0,0],o=e=>{const t=e.trim();if(t.startsWith("#")){let e=t.slice(1);if(3===e.length&&(e=e.split("").map((e=>e+e)).join("")),e.length<6)return null;const r=parseInt(e.slice(0,2),16),l=parseInt(e.slice(2,4),16),o=parseInt(e.slice(4,6),16);return[r,l,o].some(Number.isNaN)?null:[r,l,o]}const r=t.match(/rgba?\(([^)]+)\)/);if(r){const e=r[1].split(/[,\s/]+/).map((e=>parseFloat(e)));if(e.length>=3&&e.slice(0,3).every((e=>!Number.isNaN(e))))return[e[0],e[1],e[2]]}return null},n=e=>"#"+e.map((e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,"0"))).join(""),i=(e,t,r)=>{const l=o(e);return l?n(l.map(((e,l)=>e+(t[l]-e)*r))):e},a=(e,t)=>i(e,r,t),u=(e,t)=>i(e,l,t),s=(e,t,r)=>(r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e),d=(e,t)=>{const r=o(e);if(!r)return e;const[l,i,a]=(([e,t,r])=>{e/=255,t/=255,r/=255;const l=Math.max(e,t,r),o=Math.min(e,t,r),n=(l+o)/2,i=l-o;if(0===i)return[0,0,n];let a;return a=l===e?(t-r)/i+(t<r?6:0):l===t?(r-e)/i+2:(e-t)/i+4,[a/6,n>.5?i/(2-l-o):i/(l+o),n]})(r);return n((([e,t,r])=>{if(0===t)return[255*r,255*r,255*r];const l=r<.5?r*(1+t):r+t-r*t,o=2*r-l;return[255*s(o,l,e+1/3),255*s(o,l,e),255*s(o,l,e-1/3)]})([l,i,(u=a+t,Math.max(0,Math.min(1,u)))]));var u},c=["#4e79a7","#f28e2b","#e15759","#76b7b2","#59a14f","#edc948","#b07aa1","#ff9da7","#9c755f","#bab0ac"],f={default:0,soft:.2,bold:-.08},b=["DarkRed","Cranberry","Red","Pumpkin","Peach","Marigold","Gold","Brass","Brown","Forest","Seafoam","DarkGreen","LightTeal","Teal","Steel","Blue","RoyalBlue","Cornflower","Navy","Lavender","Purple","Grape","Lilac","Pink","Magenta","Plum","Beige","Mink","Platinum","Anchor"],h=(e,r,l)=>{const o=l?t(l,`--colorPalette${b[e]}${"fill"===r?"Background2":"Foreground2"}`):void 0;if(o)return o;const n=Math.round(e*(360/b.length));return"fill"===r?`hsl(${n}, 70%, 88%)`:`hsl(${n}, 60%, 42%)`},g=(e,t="fill",r)=>{const l=b.length,o=((e=>{let t=0;for(let r=e.length-1;r>=0;r--){const l=e.charCodeAt(r),o=r%8;t^=(l<<o)+(l>>8-o)}return t})(e)%l+l)%l;return h(o,t,r)},p={default:{areaFillOpacity:.18,strokeWidth:2,showNumberAxisLine:!1,gridlineTint:0,paletteShift:0},soft:{areaFillOpacity:.3,strokeWidth:2,showNumberAxisLine:!1,gridlineTint:.45,paletteShift:.16},bold:{areaFillOpacity:.35,strokeWidth:3,showNumberAxisLine:!0,gridlineTint:0,paletteShift:-.12},mono:{areaFillOpacity:.22,strokeWidth:2,showNumberAxisLine:!1,gridlineTint:0,paletteShift:0},colorful:{areaFillOpacity:.55,strokeWidth:2,showNumberAxisLine:!1,gridlineTint:0,paletteShift:0}},k={square:{cornerRadius:0,interpolation:"linear"},rounded:{cornerRadius:4,interpolation:"smooth"}},v=(r,l={})=>{var o,n,i,s,f,g,v,m,S,y,O;const j="dark"===(null!==(o=l.mode)&&void 0!==o?o:e())?"ag-default-dark":"ag-default";if(!r||"undefined"==typeof window)return j;const F=null!==(n=l.appearance)&&void 0!==n?n:"default",M=null!==(i=l.shape)&&void 0!==i?i:"square",N="flush"===(null!==(s=l.chrome)&&void 0!==s?s:"full"),w=p[F],B=k[M],L=getComputedStyle(r),W=null!==(f=t(L,"--colorBrandBackground"))&&void 0!==f?f:"#0f6cbd",z=[a(W,.5),a(W,.3),W,u(W,.15),u(W,.3),u(W,.45),a(W,.65),u(W,.6)];let A,R;switch(F){case"mono":A=z,R=z;break;case"colorful":A=b.map(((e,t)=>h(t,"fill",L))),R=b.map(((e,t)=>h(t,"stroke",L)));break;default:A=c.map((e=>d(e,w.paletteShift))),R=A}const T={fills:A,strokes:R},x=null!==(g=t(L,"--colorNeutralForeground1"))&&void 0!==g?g:"#242424",C=null!==(v=t(L,"--colorNeutralForeground2"))&&void 0!==v?v:"#424242",P=null!==(m=t(L,"--colorNeutralForeground3"))&&void 0!==m?m:"#616161",q=null!==(S=t(L,"--colorNeutralStroke2"))&&void 0!==S?S:"#e0e0e0",D=null!==(y=t(L,"--colorNeutralStroke3"))&&void 0!==y?y:"#f0f0f0",I=null!==(O=t(L,"--fontFamilyBase"))&&void 0!==O?O:"Inter, sans-serif",$=w.gridlineTint>0?a(D,w.gridlineTint):D,G="bold"===F?C:P;return{baseTheme:j,palette:T,params:{foregroundColor:x,backgroundColor:"transparent",accentColor:W,fontFamily:I,fontSize:12},overrides:{common:Object.assign(Object.assign({background:{visible:!1}},N?{padding:{top:0,right:0,bottom:0,left:0}}:{}),{axes:{number:{line:{enabled:!N&&w.showNumberAxisLine,stroke:q},gridLine:N?{enabled:!1}:{style:[{stroke:$,lineDash:[2,3]}]},tick:{enabled:!1},label:{enabled:!N,color:G,fontSize:11},title:{color:C,fontSize:12,fontWeight:"normal"}},category:{line:{enabled:!N,stroke:q},gridLine:{enabled:!1},tick:{enabled:!N,stroke:q},label:{enabled:!N,color:G,fontSize:11},title:{color:C,fontSize:12,fontWeight:"normal"}},time:{line:{enabled:!N,stroke:q},gridLine:N?{enabled:!1}:{style:[{stroke:$,lineDash:[2,3]}]},tick:{enabled:!N,stroke:q},label:{enabled:!N,color:G,fontSize:11},title:{color:C,fontSize:12,fontWeight:"normal"}}},legend:{enabled:!N,item:{label:{color:C,fontSize:12}}}}),bar:{series:{cornerRadius:B.cornerRadius}},area:{series:{fillOpacity:w.areaFillOpacity,strokeWidth:w.strokeWidth,interpolation:{type:B.interpolation}}},line:{series:{strokeWidth:w.strokeWidth,marker:{enabled:!1},interpolation:{type:B.interpolation}}},pie:{series:{cornerRadius:Math.min(B.cornerRadius,12),sectorSpacing:"square"===M?0:2}},donut:{series:{cornerRadius:Math.min(B.cornerRadius,12),sectorSpacing:"square"===M?0:2}}}}},m=(e,r,l)=>{var o;if(!Array.isArray(e.series))return e;const n=r&&"undefined"!=typeof window?getComputedStyle(r):void 0;if("colorful"===l){const t=e=>g(e,"fill",n),r=e=>g(e,"stroke",n),l=1===e.series.length,o=e.series.map((o=>{var n,i,a,u,s,d,c;if(!o||"object"!=typeof o)return o;if("pie"===o.type||"donut"===o.type){if(null!=o.fills)return o;const r=null!==(i=null!==(n=o.data)&&void 0!==n?n:e.data)&&void 0!==i?i:[],l=null!==(s=null!==(u=null!==(a=o.legendItemKey)&&void 0!==a?a:o.calloutLabelKey)&&void 0!==u?u:o.sectorLabelKey)&&void 0!==s?s:o.angleKey;if(!l||!Array.isArray(r))return o;const d=r.map((e=>{var t;return String(null!==(t=null==e?void 0:e[l])&&void 0!==t?t:"")}));return Object.assign(Object.assign({},o),{fills:d.map(t)})}if(l&&"bar"===o.type&&o.xKey&&null==o.itemStyler&&null==o.fill){const e=o.xKey;return Object.assign(Object.assign({},o),{itemStyler:l=>{var o,n;const i=String(null!==(n=null===(o=null==l?void 0:l.datum)||void 0===o?void 0:o[e])&&void 0!==n?n:"");return{fill:t(i),stroke:r(i)}}})}if(null!=o.fill)return o;const f=null!==(c=null!==(d=o.yName)&&void 0!==d?d:o.yKey)&&void 0!==c?c:o.title;return null==f?o:Object.assign(Object.assign({},o),{fill:t(String(f)),stroke:r(String(f))})}));return Object.assign(Object.assign({},e),{series:o})}const i=l?f[l]:void 0;if(null!=i&&1===e.series.length){const r=e.series[0];if(r&&"object"==typeof r&&"pie"!==r.type&&"donut"!==r.type&&null==r.fill){const l=null!==(o=n?t(n,"--colorBrandBackground"):void 0)&&void 0!==o?o:"#0f6cbd",a=0===i?l:d(l,i);return Object.assign(Object.assign({},e),{series:[Object.assign(Object.assign({},r),{fill:a,stroke:a})]})}}return e};export{m as a,v as b}

package/dist/components/check-box.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as i,c as t,h as s,d as a,t as h}from"./index2.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=t(this,"change",7),this.checked=!1,this.disabled=!1,this.internalChecked=!1,this.handleChange=e=>{const i=e.target.checked;this.internalChecked=i,void 0!==this.checked&&(this.checked=i),this.change.emit(i?"true":"false")}}updateError(){this.errorMessage=this.error}initialValueChanged(e){this.internalChecked&&void 0!==this.checked||void 0!==e&&(this.internalChecked="true"===e||"1"===e||"on"===e)}checkedChanged(){void 0!==this.checked&&this.checked!==this.internalChecked&&(this.internalChecked=this.checked)}componentWillLoad(){this.internalChecked=void 0!==this.checked?this.checked:void 0!==this.initialValue&&("true"===this.initialValue||"1"===this.initialValue||"on"===this.initialValue),this.error&&(this.errorMessage=this.error)}render(){const e=!!this.errorMessage;return s(a,{key:"eee6e787476ed2cf30bb37f46e2c07583995f29a",class:{"udp-input":!0,"udp-input--error":e,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--checked":this.internalChecked},"aria-invalid":e?"true":"false","aria-required":this.required?"true":"false"},s("div",{key:"a6328aba43099c7d0911fb2d82e15972d8a7dbcd",class:"checkbox-container"},s("input",{key:"dadfe0b5e11f20c9852cfe5d5eefb69c067c527d",type:"checkbox",checked:this.internalChecked,onChange:this.handleChange,id:this.id,name:this.name,disabled:this.disabled,required:this.required}),this.label&&s("label",{key:"f249a421fcb0aae4efe80d78bd42bd2aa253e2a7",htmlFor:this.id},this.label),this.errorMessage&&s("div",{key:"43ebfc2f5efca5c5713fe953745af47adb8984e2",class:"error-message"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}}static get style(){return'.checkbox-container{display:flex;align-items:center}.checkbox-container input[type="checkbox"]{margin-right:8px}'}},[1,"check-box",{initialValue:[1,"initial-value"],checked:[1028],label:[1],id:[1],name:[1],disabled:[4],error:[1],required:[4],internalChecked:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}]),d=c,r=function(){"undefined"!=typeof customElements&&["check-box"].forEach((e=>{"check-box"===e&&(customElements.get(h(e))||customElements.define(h(e),c))}))};export{d as CheckBox,r as defineCustomElement}
+import{p as e,H as i,c as t,h as s,d as h,t as d}from"./index2.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=t(this,"change",7),this.checked=!1,this.disabled=!1,this.internalChecked=!1,this.handleChange=e=>{const i=e.target.checked;this.internalChecked=i,void 0!==this.checked&&(this.checked=i),this.change.emit(i?"true":"false")}}updateError(){this.errorMessage=this.error}initialValueChanged(e){this.internalChecked&&void 0!==this.checked||void 0!==e&&(this.internalChecked="true"===e||"1"===e||"on"===e)}checkedChanged(){void 0!==this.checked&&this.checked!==this.internalChecked&&(this.internalChecked=this.checked)}componentWillLoad(){this.internalChecked=void 0!==this.checked?this.checked:void 0!==this.initialValue&&("true"===this.initialValue||"1"===this.initialValue||"on"===this.initialValue),this.error&&(this.errorMessage=this.error)}render(){const e=!!this.errorMessage;return s(h,{key:"38b86edb1086d96e64d595299425e99557fb19c1",class:{"udp-input":!0,"udp-input--error":e,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--checked":this.internalChecked},"aria-invalid":e?"true":"false","aria-required":this.required?"true":"false"},s("div",{key:"d3d864ed22dd2b97a067504c75ea686474e19866",class:"checkbox-container"},s("input",{key:"5de6dacf24df58a388e044c423d2d79c6f8139a3",type:"checkbox",checked:this.internalChecked,onChange:this.handleChange,id:this.id,name:this.name,disabled:this.disabled,required:this.required}),this.label&&s("label",{key:"2df405fd4dab70af58815b934d7522e91b6f0c7c",htmlFor:this.id},this.label),this.errorMessage&&s("div",{key:"b0c450de24306361e505d8712bedaacdead91700",class:"error-message"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}}static get style(){return'.checkbox-container{display:flex;align-items:center}.checkbox-container input[type="checkbox"]{margin-right:8px}'}},[1,"check-box",{initialValue:[1,"initial-value"],checked:[1028],label:[1],id:[1],name:[1],disabled:[4],error:[1],required:[4],internalChecked:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}]),c=a,r=function(){"undefined"!=typeof customElements&&["check-box"].forEach((e=>{"check-box"===e&&(customElements.get(d(e))||customElements.define(d(e),a))}))};export{c as CheckBox,r as defineCustomElement}

package/dist/components/chip-section.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as i,H as e,h as t,t as s}from"./index2.js";import{d as n}from"./stencil-chip2.js";import{d as o}from"./udp-dynamic-container-with-menu2.js";import{d as a}from"./udp-pop-over2.js";import{d as h}from"./unity-typography2.js";const l=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.filterChips=[],this.viewChips=[],this.menuItems=[],this.additionalFilterChips=[],this.hideKpiSection=!1,this.kpiValues=[],this.maxKPIsDisplayed=4,this.anchorEl=null,this.chipsReceived=!1,this.selectedFilterChip=null,this.abbrNum=(i,e)=>{if("string"!=typeof i||isNaN(Number(i))){if("number"!=typeof i)throw Error("The input must be a number or a string that can be converted to a number.")}else i=Number(i);if("number"!=typeof e)return null;e=Math.pow(10,e);let t=["k","m","b","t"];for(let s=3;s>=0;s--){let n=Math.pow(10,3*(s+1));if(n<=i){1e3==(i=Math.round(i*e/n)/e)&&s<3&&(i=1,s++),i+=t[s];break}}return i},this.isEmpty=i=>Array.isArray(i)&&0===i.length,this.abbreviateLabel=i=>i.length>10?i.slice(0,7)+"...":null,this.handleFilterChipToggle=i=>{this.selectedFilterChip=i,"function"==typeof i.onToggle&&i.onToggle()},this.handleFilterChipUntoggle=()=>{this.selectedFilterChip&&("function"==typeof this.selectedFilterChip.onUntoggle&&this.selectedFilterChip.onUntoggle(),this.selectedFilterChip=null)}}filterChipsChanged(i){!this.chipsReceived&&i.length>0&&(this.allFilterChips=i,this.visibleFilterChips=i)}componentWillLoad(){console.log("componentWillLoad in ChipSection",this.filterChips),!this.chipsReceived&&this.filterChips.length>0&&(this.allFilterChips=this.filterChips,this.visibleFilterChips=this.filterChips)}componentDidLoad(){console.log("componentDidLoad in ChipSection"),this.chipSectionContainer=this.el.shadowRoot.querySelector("#chipSectionContainer"),this.viewChipsContainer=this.el.shadowRoot.querySelector("#viewChipsContainer"),this.filterChipsContainer=this.el.shadowRoot.querySelector("#filterChipsContainer"),this.additionalFilterChipsContainer=this.el.shadowRoot.querySelector("#additionalFilterChipsContainer"),this.kpiContainer=this.el.shadowRoot.querySelector("#kpiContainer")}handleClick(i){console.log("Click event",i)}render(){return console.log("Rendering ChipSection",this.visibleFilterChips),t("div",{key:"a8c1fb0e717bb6da7c05416130209179f7e3dd0e",class:"wrapper",id:"chipSectionContainer"},t("div",{key:"79bb39f4bd8bef80e13e3c6551ac404fa88863c6",class:"chipHolder"},t("div",{key:"5240e03fced619de673dd7b3a9d9d8e90f73c4cb",id:"viewChipsContainer"},this.viewChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("view",e),text:i.label,class:"viewChip"})))),t("udp-dynamic-container-with-menu",{key:"c4771d765fa45e12f0a14264c0e023b5d425b50e",id:"filterChipsContainer",menuItems:this.menuItems},this.selectedFilterChip&&t("stencil-chip",{key:"86c8a14c8170ce99bf7809f87a1e26200c2a418f",onOnDelete:this.handleFilterChipUntoggle,text:this.selectedFilterChip.label,class:"viewChip"}),console.log("filtering here...",this.filterChips),this.filterChips.map((i=>this.selectedFilterChip&&i.id===this.selectedFilterChip.id?(console.log("returning null..."),null):t("stencil-chip",{text:`${i.label} ${i.value}`,class:"filterChip",onClick:()=>this.handleFilterChipToggle(i)})))),t("div",{key:"48124a18b533be7e9f56e8703d179bd62173c2e1",id:"additionalFilterChipsContainer"},this.additionalFilterChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("additionalFilter",e),text:i.label,class:"additionalFilterChip"})))),!this.hideKpiSection&&t("div",{key:"829d682c2fc848d525c6ec01e069ee06bf1eb0b9",class:"KPI",id:"kpiContainer"},this.kpiValues.slice(0,this.maxKPIsDisplayed).map((i=>t("div",{class:"kpiItem"},t("span",{class:"kpiLabel"},this.abbreviateLabel(i.label)||i.label),t("span",{class:"kpiValue"},this.abbrNum(i.value,1))))))))}get el(){return this}static get watchers(){return{filterChips:[{filterChipsChanged:0}]}}static get style(){return".wrapper{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex-grow:1;width:100%;}.chipHolder{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex:1 1 auto;overflow:scroll}.chipHolder::-webkit-scrollbar{display:none}.viewChip{background-color:var(--primary-color);color:white;max-width:150px;transition:opacity 0.3s ease}.filterChipMenuIcon{background:grey;padding:8px;color:#3f51b5;}.additionalFilterChip{}.KPI{margin-left:auto;display:flex;gap:8px;color:grey;width:auto}.kpiValue{color:black;font-size:1.1em}.kpiItem{display:flex;justify-content:center;width:max-content}.kpiLabel{width:max-content;margin-right:8px;}.clickedChip{background-color:var(--primary-color);color:white;max-width:150px}"}},[1,"chip-section",{filterChips:[16],viewChips:[16],menuItems:[16],additionalFilterChips:[16],hideKpiSection:[4,"hide-kpi-section"],kpiValues:[16],maxKPIsDisplayed:[2,"max-k-p-is-displayed"],handleDelete:[16],allFilterChips:[32],visibleFilterChips:[32],anchorEl:[32],chipsReceived:[32],selectedFilterChip:[32]},[[2,"click","handleClick"]],{filterChips:[{filterChipsChanged:0}]}]),c=l,r=function(){"undefined"!=typeof customElements&&["chip-section","stencil-chip","udp-dynamic-container-with-menu","udp-pop-over","unity-typography"].forEach((i=>{switch(i){case"chip-section":customElements.get(s(i))||customElements.define(s(i),l);break;case"stencil-chip":customElements.get(s(i))||n();break;case"udp-dynamic-container-with-menu":customElements.get(s(i))||o();break;case"udp-pop-over":customElements.get(s(i))||a();break;case"unity-typography":customElements.get(s(i))||h()}}))};export{c as ChipSection,r as defineCustomElement}
+import{p as i,H as e,h as t,t as s}from"./index2.js";import{d as n}from"./stencil-chip2.js";import{d as a}from"./udp-dynamic-container-with-menu2.js";import{d as o}from"./udp-pop-over2.js";import{d as c}from"./unity-typography2.js";const h=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.filterChips=[],this.viewChips=[],this.menuItems=[],this.additionalFilterChips=[],this.hideKpiSection=!1,this.kpiValues=[],this.maxKPIsDisplayed=4,this.anchorEl=null,this.chipsReceived=!1,this.selectedFilterChip=null,this.abbrNum=(i,e)=>{if("string"!=typeof i||isNaN(Number(i))){if("number"!=typeof i)throw Error("The input must be a number or a string that can be converted to a number.")}else i=Number(i);if("number"!=typeof e)return null;e=Math.pow(10,e);let t=["k","m","b","t"];for(let s=3;s>=0;s--){let n=Math.pow(10,3*(s+1));if(n<=i){1e3==(i=Math.round(i*e/n)/e)&&s<3&&(i=1,s++),i+=t[s];break}}return i},this.isEmpty=i=>Array.isArray(i)&&0===i.length,this.abbreviateLabel=i=>i.length>10?i.slice(0,7)+"...":null,this.handleFilterChipToggle=i=>{this.selectedFilterChip=i,"function"==typeof i.onToggle&&i.onToggle()},this.handleFilterChipUntoggle=()=>{this.selectedFilterChip&&("function"==typeof this.selectedFilterChip.onUntoggle&&this.selectedFilterChip.onUntoggle(),this.selectedFilterChip=null)}}filterChipsChanged(i){!this.chipsReceived&&i.length>0&&(this.allFilterChips=i,this.visibleFilterChips=i)}componentWillLoad(){console.log("componentWillLoad in ChipSection",this.filterChips),!this.chipsReceived&&this.filterChips.length>0&&(this.allFilterChips=this.filterChips,this.visibleFilterChips=this.filterChips)}componentDidLoad(){console.log("componentDidLoad in ChipSection"),this.chipSectionContainer=this.el.shadowRoot.querySelector("#chipSectionContainer"),this.viewChipsContainer=this.el.shadowRoot.querySelector("#viewChipsContainer"),this.filterChipsContainer=this.el.shadowRoot.querySelector("#filterChipsContainer"),this.additionalFilterChipsContainer=this.el.shadowRoot.querySelector("#additionalFilterChipsContainer"),this.kpiContainer=this.el.shadowRoot.querySelector("#kpiContainer")}handleClick(i){console.log("Click event",i)}render(){return console.log("Rendering ChipSection",this.visibleFilterChips),t("div",{key:"682d90efd9def02e31111a7213268a78e1192ece",class:"wrapper",id:"chipSectionContainer"},t("div",{key:"b1604e89dd0863d30d7b6da49896fba101ce9db9",class:"chipHolder"},t("div",{key:"21908fddfcab881cbc7f6fc95e5fcc6ffee2bfac",id:"viewChipsContainer"},this.viewChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("view",e),text:i.label,class:"viewChip"})))),t("udp-dynamic-container-with-menu",{key:"c1273403c82ca1b92a7a2a03fc2743281b5732a7",id:"filterChipsContainer",menuItems:this.menuItems},this.selectedFilterChip&&t("stencil-chip",{key:"ec5a481306fa1aee40d919727eaab27043f2056e",onOnDelete:this.handleFilterChipUntoggle,text:this.selectedFilterChip.label,class:"viewChip"}),console.log("filtering here...",this.filterChips),this.filterChips.map((i=>this.selectedFilterChip&&i.id===this.selectedFilterChip.id?(console.log("returning null..."),null):t("stencil-chip",{text:`${i.label} ${i.value}`,class:"filterChip",onClick:()=>this.handleFilterChipToggle(i)})))),t("div",{key:"bda333aded786e38ec42084733a0f6be6c27bf7c",id:"additionalFilterChipsContainer"},this.additionalFilterChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("additionalFilter",e),text:i.label,class:"additionalFilterChip"})))),!this.hideKpiSection&&t("div",{key:"06151e31fc3cda55a639103c3597f3671f2d7ed5",class:"KPI",id:"kpiContainer"},this.kpiValues.slice(0,this.maxKPIsDisplayed).map((i=>t("div",{class:"kpiItem"},t("span",{class:"kpiLabel"},this.abbreviateLabel(i.label)||i.label),t("span",{class:"kpiValue"},this.abbrNum(i.value,1))))))))}get el(){return this}static get watchers(){return{filterChips:[{filterChipsChanged:0}]}}static get style(){return".wrapper{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex-grow:1;width:100%;}.chipHolder{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex:1 1 auto;overflow:scroll}.chipHolder::-webkit-scrollbar{display:none}.viewChip{background-color:var(--primary-color);color:white;max-width:150px;transition:opacity 0.3s ease}.filterChipMenuIcon{background:grey;padding:8px;color:#3f51b5;}.additionalFilterChip{}.KPI{margin-left:auto;display:flex;gap:8px;color:grey;width:auto}.kpiValue{color:black;font-size:1.1em}.kpiItem{display:flex;justify-content:center;width:max-content}.kpiLabel{width:max-content;margin-right:8px;}.clickedChip{background-color:var(--primary-color);color:white;max-width:150px}"}},[1,"chip-section",{filterChips:[16],viewChips:[16],menuItems:[16],additionalFilterChips:[16],hideKpiSection:[4,"hide-kpi-section"],kpiValues:[16],maxKPIsDisplayed:[2,"max-k-p-is-displayed"],handleDelete:[16],allFilterChips:[32],visibleFilterChips:[32],anchorEl:[32],chipsReceived:[32],selectedFilterChip:[32]},[[2,"click","handleClick"]],{filterChips:[{filterChipsChanged:0}]}]),l=h,r=function(){"undefined"!=typeof customElements&&["chip-section","stencil-chip","udp-dynamic-container-with-menu","udp-pop-over","unity-typography"].forEach((i=>{switch(i){case"chip-section":customElements.get(s(i))||customElements.define(s(i),h);break;case"stencil-chip":customElements.get(s(i))||n();break;case"udp-dynamic-container-with-menu":customElements.get(s(i))||a();break;case"udp-pop-over":customElements.get(s(i))||o();break;case"unity-typography":customElements.get(s(i))||c()}}))};export{l as ChipSection,r as defineCustomElement}

package/dist/components/client-side-grid2.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as a,t as d}from"./index2.js";import{d as o}from"./ag-grid-base2.js";import{d as i}from"./ghost-render2.js";import{d as r}from"./grid-header2.js";import{d as u}from"./hint-panel2.js";import{d as n}from"./stencil-icon-button2.js";import{d as p}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-avatar2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./udp-button2.js";import{d as f}from"./udp-dialog2.js";import{d as b}from"./udp-flexbox2.js";import{d as g}from"./udp-fluent-avatar2.js";import{d as h}from"./udp-fluent-badge2.js";import{d as j}from"./udp-fluent-button2.js";import{d as k}from"./udp-fluent-dialog2.js";import{d as E}from"./udp-fluent-icon2.js";import{d as y}from"./udp-fluent-icon-button2.js";import{d as x}from"./udp-fluent-menu2.js";import{d as w}from"./udp-fluent-switch2.js";import{d as v}from"./udp-fluent-text-input2.js";import{d as D}from"./udp-icon2.js";import{d as R}from"./udp-linear-loader2.js";import{d as C}from"./list-item.js";import{d as L}from"./udp-menu-item2.js";import{d as O}from"./udp-pop-over2.js";import{d as H}from"./udp-primary-action-header2.js";import{d as A}from"./udp-search-input2.js";import{d as F}from"./udp-side-sheet2.js";import{d as G}from"./udp-spinner2.js";import{d as I}from"./udp-text2.js";import{d as M}from"./udp-tooltip2.js";import{d as S}from"./unity-typography2.js";const T=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.gridReady=s(this,"gridReady",7),this.rowData=[],this.gridFunctions=[],this.gridOptions={},this.loading=!1}updateRowData(){this.gridApi&&this.gridApi.setGridOption("rowData",this.rowData)}updateLoading(){this.gridApi&&this.gridApi.setGridOption("loading",this.loading)}handleGridReady(t){this.gridApi=t.detail,this.rowData&&this.gridApi.setGridOption("rowData",this.rowData)}componentWillLoad(){this.clientSideConfig=Object.assign(Object.assign({},this.gridOptions),{rowModelType:"clientSide"})}render(){return a("ag-grid-base",{key:"666162b2a5fdc844236ccc9d093d66f3820cd85d",columnDefs:this.columnDefs,gridOptions:this.clientSideConfig,headerConfig:this.gridHeaderConfig,onGridReady:t=>this.handleGridReady(t),gridFunctions:this.gridFunctions,gridId:this.gridId,gridApiCallback:this.gridApiCallback,gridHeight:this.gridHeight})}static get watchers(){return{rowData:[{updateRowData:0}],loading:[{updateLoading:0}]}}},[0,"client-side-grid",{rowData:[16],columnDefs:[16],gridFunctions:[16],gridOptions:[16],gridHeaderConfig:[16],gridHeight:[1,"grid-height"],gridId:[1,"grid-id"],gridApiCallback:[16],loading:[4]},void 0,{rowData:[{updateRowData:0}],loading:[{updateLoading:0}]}]);function W(){"undefined"!=typeof customElements&&["client-side-grid","ag-grid-base","ghost-render","grid-header","hint-panel","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-dialog","udp-flexbox","udp-fluent-avatar","udp-fluent-badge","udp-fluent-button","udp-fluent-dialog","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-switch","udp-fluent-text-input","udp-icon","udp-linear-loader","udp-list-item","udp-menu-item","udp-pop-over","udp-primary-action-header","udp-search-input","udp-side-sheet","udp-spinner","udp-text","udp-tooltip","unity-typography"].forEach((t=>{switch(t){case"client-side-grid":customElements.get(d(t))||customElements.define(d(t),T);break;case"ag-grid-base":customElements.get(d(t))||o();break;case"ghost-render":customElements.get(d(t))||i();break;case"grid-header":customElements.get(d(t))||r();break;case"hint-panel":customElements.get(d(t))||u();break;case"stencil-icon-button":customElements.get(d(t))||n();break;case"udp-ambient-tool-tip":customElements.get(d(t))||p();break;case"udp-avatar":customElements.get(d(t))||m();break;case"udp-badge":customElements.get(d(t))||c();break;case"udp-button":customElements.get(d(t))||l();break;case"udp-dialog":customElements.get(d(t))||f();break;case"udp-flexbox":customElements.get(d(t))||b();break;case"udp-fluent-avatar":customElements.get(d(t))||g();break;case"udp-fluent-badge":customElements.get(d(t))||h();break;case"udp-fluent-button":customElements.get(d(t))||j();break;case"udp-fluent-dialog":customElements.get(d(t))||k();break;case"udp-fluent-icon":customElements.get(d(t))||E();break;case"udp-fluent-icon-button":customElements.get(d(t))||y();break;case"udp-fluent-menu":customElements.get(d(t))||x();break;case"udp-fluent-switch":customElements.get(d(t))||w();break;case"udp-fluent-text-input":customElements.get(d(t))||v();break;case"udp-icon":customElements.get(d(t))||D();break;case"udp-linear-loader":customElements.get(d(t))||R();break;case"udp-list-item":customElements.get(d(t))||C();break;case"udp-menu-item":customElements.get(d(t))||L();break;case"udp-pop-over":customElements.get(d(t))||O();break;case"udp-primary-action-header":customElements.get(d(t))||H();break;case"udp-search-input":customElements.get(d(t))||A();break;case"udp-side-sheet":customElements.get(d(t))||F();break;case"udp-spinner":customElements.get(d(t))||G();break;case"udp-text":customElements.get(d(t))||I();break;case"udp-tooltip":customElements.get(d(t))||M();break;case"unity-typography":customElements.get(d(t))||S()}}))}export{T as C,W as d}
+import{p as t,H as e,c as s,h as a,t as o}from"./index2.js";import{d}from"./ag-grid-base2.js";import{d as i}from"./ghost-render2.js";import{d as r}from"./grid-header2.js";import{d as u}from"./hint-panel2.js";import{d as n}from"./stencil-icon-button2.js";import{d as p}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-avatar2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./udp-button2.js";import{d as f}from"./udp-dialog2.js";import{d as b}from"./udp-flexbox2.js";import{d as g}from"./udp-fluent-avatar2.js";import{d as h}from"./udp-fluent-badge2.js";import{d as j}from"./udp-fluent-button2.js";import{d as k}from"./udp-fluent-dialog2.js";import{d as E}from"./udp-fluent-icon2.js";import{d as y}from"./udp-fluent-icon-button2.js";import{d as x}from"./udp-fluent-menu2.js";import{d as w}from"./udp-fluent-switch2.js";import{d as v}from"./udp-fluent-text-input2.js";import{d as D}from"./udp-icon2.js";import{d as R}from"./udp-linear-loader2.js";import{d as C}from"./list-item.js";import{d as L}from"./udp-menu-item2.js";import{d as O}from"./udp-pop-over2.js";import{d as H}from"./udp-primary-action-header2.js";import{d as A}from"./udp-search-input2.js";import{d as F}from"./udp-side-sheet2.js";import{d as G}from"./udp-spinner2.js";import{d as I}from"./udp-text2.js";import{d as M}from"./udp-tooltip2.js";import{d as S}from"./unity-typography2.js";const T=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.gridReady=s(this,"gridReady",7),this.rowData=[],this.gridFunctions=[],this.gridOptions={},this.loading=!1}updateRowData(){this.gridApi&&this.gridApi.setGridOption("rowData",this.rowData)}updateLoading(){this.gridApi&&this.gridApi.setGridOption("loading",this.loading)}handleGridReady(t){this.gridApi=t.detail,this.rowData&&this.gridApi.setGridOption("rowData",this.rowData)}componentWillLoad(){this.clientSideConfig=Object.assign(Object.assign({},this.gridOptions),{rowModelType:"clientSide"})}render(){return a("ag-grid-base",{key:"986f172c2d9f1758548f3f49be1b3cd2c2693b26",columnDefs:this.columnDefs,gridOptions:this.clientSideConfig,headerConfig:this.gridHeaderConfig,onGridReady:t=>this.handleGridReady(t),gridFunctions:this.gridFunctions,gridId:this.gridId,gridApiCallback:this.gridApiCallback,gridHeight:this.gridHeight})}static get watchers(){return{rowData:[{updateRowData:0}],loading:[{updateLoading:0}]}}},[0,"client-side-grid",{rowData:[16],columnDefs:[16],gridFunctions:[16],gridOptions:[16],gridHeaderConfig:[16],gridHeight:[1,"grid-height"],gridId:[1,"grid-id"],gridApiCallback:[16],loading:[4]},void 0,{rowData:[{updateRowData:0}],loading:[{updateLoading:0}]}]);function W(){"undefined"!=typeof customElements&&["client-side-grid","ag-grid-base","ghost-render","grid-header","hint-panel","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-dialog","udp-flexbox","udp-fluent-avatar","udp-fluent-badge","udp-fluent-button","udp-fluent-dialog","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-switch","udp-fluent-text-input","udp-icon","udp-linear-loader","udp-list-item","udp-menu-item","udp-pop-over","udp-primary-action-header","udp-search-input","udp-side-sheet","udp-spinner","udp-text","udp-tooltip","unity-typography"].forEach((t=>{switch(t){case"client-side-grid":customElements.get(o(t))||customElements.define(o(t),T);break;case"ag-grid-base":customElements.get(o(t))||d();break;case"ghost-render":customElements.get(o(t))||i();break;case"grid-header":customElements.get(o(t))||r();break;case"hint-panel":customElements.get(o(t))||u();break;case"stencil-icon-button":customElements.get(o(t))||n();break;case"udp-ambient-tool-tip":customElements.get(o(t))||p();break;case"udp-avatar":customElements.get(o(t))||m();break;case"udp-badge":customElements.get(o(t))||c();break;case"udp-button":customElements.get(o(t))||l();break;case"udp-dialog":customElements.get(o(t))||f();break;case"udp-flexbox":customElements.get(o(t))||b();break;case"udp-fluent-avatar":customElements.get(o(t))||g();break;case"udp-fluent-badge":customElements.get(o(t))||h();break;case"udp-fluent-button":customElements.get(o(t))||j();break;case"udp-fluent-dialog":customElements.get(o(t))||k();break;case"udp-fluent-icon":customElements.get(o(t))||E();break;case"udp-fluent-icon-button":customElements.get(o(t))||y();break;case"udp-fluent-menu":customElements.get(o(t))||x();break;case"udp-fluent-switch":customElements.get(o(t))||w();break;case"udp-fluent-text-input":customElements.get(o(t))||v();break;case"udp-icon":customElements.get(o(t))||D();break;case"udp-linear-loader":customElements.get(o(t))||R();break;case"udp-list-item":customElements.get(o(t))||C();break;case"udp-menu-item":customElements.get(o(t))||L();break;case"udp-pop-over":customElements.get(o(t))||O();break;case"udp-primary-action-header":customElements.get(o(t))||H();break;case"udp-search-input":customElements.get(o(t))||A();break;case"udp-side-sheet":customElements.get(o(t))||F();break;case"udp-spinner":customElements.get(o(t))||G();break;case"udp-text":customElements.get(o(t))||I();break;case"udp-tooltip":customElements.get(o(t))||M();break;case"unity-typography":customElements.get(o(t))||S()}}))}export{T as C,W as d}

package/dist/components/edit-view-form.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as i,t as s}from"./index2.js";import{d as a}from"./stencil-toggle2.js";import{d as l}from"./text-field2.js";import{d as o}from"./unity-typography2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 i("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},i("form",{key:"6310648623469abcbc10c50ccb315d9c75af6fc9",class:"edit-form"},i("text-field",{key:"172d88e862c69db5dc38fa1b881cc942341a9cf4",label:"View Name",value:this.name,onInput:e=>this.handleNameChange(e)}),this.fetchedCurrentView&&i("div",{key:"ddef7cab46f3ed1f6c8f1df286c0ce9e13d0aa68",class:"toggle-options"},i("div",{key:"c28ab97a64172b6a8b0b76adf67a750871031e57"},i("stencil-toggle",{key:"bd188395e8a85148d904e548ad9085e88f66f05e",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),i("div",{key:"b4a9920cdac11b34cf4a17ff20d9787e57e070ff"},i("stencil-toggle",{key:"a22473a10be77d0ae078e08280e34b07bbf9d6f4",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return this}static get style(){return".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}"}},[1,"edit-view-form-dialog",{open:[4],title:[1],handleClose:[16],tenant:[1],application:[1],entity:[1],user:[8],refetchViews:[16],gApi:[8,"g-api"],gcApi:[8,"gc-api"],gridId:[8,"grid-id"],domain:[8],apiCatalogId:[8,"api-catalog-id"],closeDialog:[8,"close-dialog"],currentGridId:[1,"current-grid-id"],currentName:[1,"current-name"],currentGridViewVisibilityTypeId:[2,"current-grid-view-visibility-type-id"],currentIsDefault:[4,"current-is-default"],handleFormSubmit:[16],name:[32],isPrivate:[32],isDefault:[32],fetchedCurrentView:[32]}]);function n(){"undefined"!=typeof customElements&&["edit-view-form-dialog","stencil-toggle","text-field","unity-typography"].forEach((e=>{switch(e){case"edit-view-form-dialog":customElements.get(s(e))||customElements.define(s(e),d);break;case"stencil-toggle":customElements.get(s(e))||a();break;case"text-field":customElements.get(s(e))||l();break;case"unity-typography":customElements.get(s(e))||o()}}))}export{d as E,n as d}
+import{p as e,H as t,h as i,t as s}from"./index2.js";import{d as a}from"./stencil-toggle2.js";import{d as c}from"./text-field2.js";import{d as l}from"./unity-typography2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 i("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},i("form",{key:"876ca0dc0ea667cf9c9b66cea0870d3f7021d149",class:"edit-form"},i("text-field",{key:"53da2849244c65c58f8bf27999c0f2fd71169d35",label:"View Name",value:this.name,onInput:e=>this.handleNameChange(e)}),this.fetchedCurrentView&&i("div",{key:"d3c6cedc613ea76941b49bacec3e49bcd3fb20e6",class:"toggle-options"},i("div",{key:"00d0fc001770983188d8e26265482fe46ed677b1"},i("stencil-toggle",{key:"d7121ebc66be6b78b4738d90cef8654fe63e6b15",label:"Private",checked:1===this.isPrivate,onToggledChange:this.handlePrivateChange})," "),i("div",{key:"79d0795eb5059c2c79401a40b5ec190631643190"},i("stencil-toggle",{key:"86e1dd8285b5dad8fd1c896a3d763aa760c583cb",label:"Default",checked:this.isDefault,onToggledChange:this.handleDefaultChange,style:{marginTop:"10px"}})))))}get el(){return this}static get style(){return".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}"}},[1,"edit-view-form-dialog",{open:[4],title:[1],handleClose:[16],tenant:[1],application:[1],entity:[1],user:[8],refetchViews:[16],gApi:[8,"g-api"],gcApi:[8,"gc-api"],gridId:[8,"grid-id"],domain:[8],apiCatalogId:[8,"api-catalog-id"],closeDialog:[8,"close-dialog"],currentGridId:[1,"current-grid-id"],currentName:[1,"current-name"],currentGridViewVisibilityTypeId:[2,"current-grid-view-visibility-type-id"],currentIsDefault:[4,"current-is-default"],handleFormSubmit:[16],name:[32],isPrivate:[32],isDefault:[32],fetchedCurrentView:[32]}]);function d(){"undefined"!=typeof customElements&&["edit-view-form-dialog","stencil-toggle","text-field","unity-typography"].forEach((e=>{switch(e){case"edit-view-form-dialog":customElements.get(s(e))||customElements.define(s(e),o);break;case"stencil-toggle":customElements.get(s(e))||a();break;case"text-field":customElements.get(s(e))||c();break;case"unity-typography":customElements.get(s(e))||l()}}))}export{o as E,d}

package/dist/components/feature-details-card2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as a}from"./index2.js";import s from"@carbon/icons/es/close/24";import o from"@carbon/icons/es/overflow-menu--vertical/16";import{g as n}from"./iconUtils.js";import{a as r}from"./action-column-util.js";import{d}from"./stencil-icon-button2.js";import{d as c}from"./udp-adornment2.js";import{d as l}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as p}from"./udp-icon2.js";import{d as h}from"./udp-menu-item2.js";import{d as b}from"./udp-pop-over2.js";import{d as f}from"./unity-typography2.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showAdornment=!0,this.status="info",this.enableViewFeature=!0,this.primaryActions=[],this.hideMessageIcon=!1,this.moreIconAnchor=null,this.showMoreHeaderPopover=!1,this.primaryActionAnchor=null,this.showPrimaryPopover=!1,this.visiblePrimaryActions=[],this.overflowPrimaryActions=[],this.maximumVisibleListItems=4,this.handleOnClickMoreIcon=e=>{e.stopPropagation(),e.preventDefault(),this.primaryActionAnchor=null,this.showPrimaryPopover=!1,this.moreIconAnchor=null==e?void 0:e.currentTarget,this.showMoreHeaderPopover=!0},this.handleOnClickPrimaryAction=e=>{e.stopPropagation(),e.preventDefault(),this.moreIconAnchor=null,this.showMoreHeaderPopover=!1,this.primaryActionAnchor=null==e?void 0:e.currentTarget,this.showPrimaryPopover=!0},this.handleClosePopover=()=>{this.showMoreHeaderPopover=!1,this.showPrimaryPopover=!1}}getHeaderBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.75)";case"warning":return"rgba(255, 131, 43, 0.75)";case"error":return"rgba(142, 30, 36, 0.75)";default:return"rgba(52, 120, 176, 0.75)"}}getMessageBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.45)";case"warning":return"rgba(255, 131, 43, 0.45)";case"error":return"rgba(142, 30, 36, 0.45)";default:return"rgba(52, 120, 176, 0.45)"}}getDefaultMessageIcon(){switch(this.status){case"success":return"checkmark";case"error":return"warning";case"warning":return"warningAlt";default:return"information"}}updatePrimaryActionOverflow(){var e;let t=this.maximumVisibleListItems-(this.enableViewFeature?1:0);if((null===(e=this.primaryActions)||void 0===e?void 0:e.length)<=t)this.visiblePrimaryActions=this.primaryActions,this.overflowPrimaryActions=[];else{t-=1;const{visibleActions:e,overflowActions:i}=r(this.primaryActions,t);this.visiblePrimaryActions=e,this.overflowPrimaryActions=i}}componentWillLoad(){this.updatePrimaryActionOverflow()}updatePrimaryActions(){this.updatePrimaryActionOverflow()}render(){var e,t,a,r,d,c,l,u,p,h;const b=null!==(e=this.messageIcon)&&void 0!==e?e:this.getDefaultMessageIcon();return i("div",{key:"a947687cd05775afb2b5770d5efbbcf87ab21ca2",class:"card-wrapper",style:{width:null!==(t=this.width)&&void 0!==t?t:"100%"}},this.showAdornment&&this.status&&i("div",{key:"5109dc637e2252f3222748e0e9488d8f44d23332",class:"adornment"},i("udp-adornment",{key:"cd40b6bf60f8dcfdf6b5d59641fccb9288c4c0c4",status:null!==(a=this.status)&&void 0!==a?a:"info"})),i("div",{key:"7ff8f6c42e628844cba49efdc7bf47c187a26457",class:"content-wrapper"},i("div",{key:"0b5c96e1ed948f92459e2941aaea26baf4903388",class:"header-wrapper",style:{backgroundColor:this.getHeaderBackgroundColor()}},i("div",{key:"1e51d94eeca0ba6f6da407d9d1a7f280aacc1e18",class:"title-wrapper"},i("stencil-icon-button",{key:"93554b719da1f30142f2d708a2550171a460bd4d",onClick:this.onClose,icon:s,tooltip:"Close",noBackground:!0}),i("unity-typography",{key:"ffd0eb023a5a8ee64a93f12679132174878df902",variant:"h6"},this.title)),(null===(r=this.moreIconActions)||void 0===r?void 0:r.length)>0&&i("div",{key:"55654fd74aeb25996736ca87185bcf923e95cd66"},i("div",{key:"b030ceca6f253818eaaa96c65cce45f74f52a05f",id:"moreHeaderIconButton1"},i("stencil-icon-button",{key:"b788896c0632b9aca3b87a65f941323628f5f5e8",onClick:this.handleOnClickMoreIcon,icon:o,tooltip:"More",noBackground:!0,buttonId:"moreHeaderIconButton"})),this.moreIconAnchor&&i("udp-pop-over",{key:"00a085f9905ae2ac7359e84e9fbf0e5b9b23b25e",anchorElement:this.moreIconAnchor,isOpen:this.showMoreHeaderPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},i("div",{key:"588c4f8523c54b1666a93741f070eaa5a995acd8",class:"menu"},null===(d=this.moreIconActions)||void 0===d?void 0:d.map((e=>{var t;return i("udp-menu-item",{label:null==e?void 0:e.name,iconName:null==e?void 0:e.iconName,handleOnClick:()=>{e.onClick(this.data)},disabled:(null==e?void 0:e.checkDisabled)?null==e?void 0:e.checkDisabled(this.data):null!==(t=null==e?void 0:e.disabled)&&void 0!==t&&t})})))))),this.message&&i("div",{key:"ebee39cd6d2bb82d4c6885cc5a88c17eb3f2b3b7",class:"message-wrapper",style:{backgroundColor:this.getMessageBackgroundColor()}},!this.hideMessageIcon&&i("div",{key:"df5cfeaf5fa60561590551185303fd4d919d253f",class:"icon-message"},i("udp-icon",{key:"7d6303e0dc5b15a0b48a8199c20c5dbfb5933f35",iconName:b})),i("div",{key:"1812183e24fcbd7a6b00b7309aca1df7a1732b19",class:"message"},i("unity-typography",{key:"01766c898b9097ea878e660463fc9bfdc33bdeb0"},this.message))),i("div",{key:"f60d954af45ea9a5c15214e4dfbabe22418b0f33",class:"data-section"},null===(c=this.listData)||void 0===c?void 0:c.map((({subject:e,value:t})=>i("div",{class:"data-row"},i("div",{class:"key"},i("unity-typography",{variant:"data-display-three"},`${e}: `)),i("div",{class:"value"},i("unity-typography",{variant:"data-display-three"},t)))))),i("div",{key:"9b4b95540d9796025ac4d8ab260884a1491bb829",class:"options"},this.enableViewFeature&&this.data&&i("div",{key:"250cd7616bb3b47cdc2f91b65c533841b9667138",id:"viewFeatureOption"},i("stencil-icon-button",{key:"2e5e1e31fd78f9a2338df0dbacf2326f9aca5a50",tooltip:"View",icon:n("view"),buttonId:"viewFeatureButton",onClick:()=>this.handleViewFeature({selectedFeature:this.data,formattedSelectedFeature:this.listData})})),(null===(l=this.primaryActions)||void 0===l?void 0:l.length)>0&&i("div",{key:"193898c361ecb2b0f6a2232363976fcfa26d512e"},i("div",{key:"adcd078fb6bab82c75ee229244740912ea03ebc5",class:"options"},null===(u=this.visiblePrimaryActions)||void 0===u?void 0:u.map(((e,t)=>{var a,s;return i("stencil-icon-button",{tooltip:null==e?void 0:e.name,icon:n(null==e?void 0:e.iconName),buttonId:null!==(a=null==e?void 0:e.id)&&void 0!==a?a:`primary-icon-action-${t}`,onClick:()=>e.onClick(this.data),disabled:(null==e?void 0:e.checkDisabled)?null==e?void 0:e.checkDisabled(this.data):null!==(s=null==e?void 0:e.disabled)&&void 0!==s&&s})})),(null===(p=this.overflowPrimaryActions)||void 0===p?void 0:p.length)>0&&i("stencil-icon-button",{key:"48d724081f1e51fa3cfbbdfeccb2f233852a0e92",onClick:this.handleOnClickPrimaryAction,icon:o,tooltip:"More",noBackground:!0,buttonId:"morePrimaryIconButton"})),this.primaryActionAnchor&&i("udp-pop-over",{key:"1790a87008a4a504bcffc14deaf29a5764109c43",anchorElement:this.primaryActionAnchor,isOpen:this.showPrimaryPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},i("div",{key:"7de0269d38d5d96d56e8e7e32091a7d70bd7984d",class:"menu"},null===(h=this.overflowPrimaryActions)||void 0===h?void 0:h.map((e=>{var t;return i("udp-menu-item",{label:null==e?void 0:e.name,iconName:null==e?void 0:e.iconName,handleOnClick:()=>{e.onClick(this.data)},disabled:(null==e?void 0:e.checkDisabled)?null==e?void 0:e.checkDisabled(this.data):null!==(t=null==e?void 0:e.disabled)&&void 0!==t&&t})}))))))))}get el(){return this}static get watchers(){return{primaryActions:[{updatePrimaryActions:0}]}}static get style(){return".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}"}},[1,"feature-details-card",{data:[8],title:[1],listData:[16],showAdornment:[4,"show-adornment"],status:[1],enableViewFeature:[4,"enable-view-feature"],handleViewFeature:[16],primaryActions:[16],moreIconActions:[16],message:[1],messageIcon:[8,"message-icon"],hideMessageIcon:[4,"hide-message-icon"],onClose:[16],width:[1],popoverContainer:[16],moreIconAnchor:[32],showMoreHeaderPopover:[32],primaryActionAnchor:[32],showPrimaryPopover:[32],visiblePrimaryActions:[32],overflowPrimaryActions:[32]},void 0,{primaryActions:[{updatePrimaryActions:0}]}]);function v(){"undefined"!=typeof customElements&&["feature-details-card","stencil-icon-button","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"feature-details-card":customElements.get(a(e))||customElements.define(a(e),m);break;case"stencil-icon-button":customElements.get(a(e))||d();break;case"udp-adornment":customElements.get(a(e))||c();break;case"udp-ambient-tool-tip":customElements.get(a(e))||l();break;case"udp-badge":customElements.get(a(e))||u();break;case"udp-icon":customElements.get(a(e))||p();break;case"udp-menu-item":customElements.get(a(e))||h();break;case"udp-pop-over":customElements.get(a(e))||b();break;case"unity-typography":customElements.get(a(e))||f()}}))}export{m as F,v as d}
+import{p as e,H as t,h as i,t as a}from"./index2.js";import s from"@carbon/icons/es/close/24";import o from"@carbon/icons/es/overflow-menu--vertical/16";import{g as n}from"./iconUtils.js";import{a as r}from"./action-column-util.js";import{d}from"./stencil-icon-button2.js";import{d as c}from"./udp-adornment2.js";import{d as l}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as p}from"./udp-icon2.js";import{d as h}from"./udp-menu-item2.js";import{d as b}from"./udp-pop-over2.js";import{d as f}from"./unity-typography2.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showAdornment=!0,this.status="info",this.enableViewFeature=!0,this.primaryActions=[],this.hideMessageIcon=!1,this.moreIconAnchor=null,this.showMoreHeaderPopover=!1,this.primaryActionAnchor=null,this.showPrimaryPopover=!1,this.visiblePrimaryActions=[],this.overflowPrimaryActions=[],this.maximumVisibleListItems=4,this.handleOnClickMoreIcon=e=>{e.stopPropagation(),e.preventDefault(),this.primaryActionAnchor=null,this.showPrimaryPopover=!1,this.moreIconAnchor=null==e?void 0:e.currentTarget,this.showMoreHeaderPopover=!0},this.handleOnClickPrimaryAction=e=>{e.stopPropagation(),e.preventDefault(),this.moreIconAnchor=null,this.showMoreHeaderPopover=!1,this.primaryActionAnchor=null==e?void 0:e.currentTarget,this.showPrimaryPopover=!0},this.handleClosePopover=()=>{this.showMoreHeaderPopover=!1,this.showPrimaryPopover=!1}}getHeaderBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.75)";case"warning":return"rgba(255, 131, 43, 0.75)";case"error":return"rgba(142, 30, 36, 0.75)";default:return"rgba(52, 120, 176, 0.75)"}}getMessageBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.45)";case"warning":return"rgba(255, 131, 43, 0.45)";case"error":return"rgba(142, 30, 36, 0.45)";default:return"rgba(52, 120, 176, 0.45)"}}getDefaultMessageIcon(){switch(this.status){case"success":return"checkmark";case"error":return"warning";case"warning":return"warningAlt";default:return"information"}}updatePrimaryActionOverflow(){var e;let t=this.maximumVisibleListItems-(this.enableViewFeature?1:0);if((null===(e=this.primaryActions)||void 0===e?void 0:e.length)<=t)this.visiblePrimaryActions=this.primaryActions,this.overflowPrimaryActions=[];else{t-=1;const{visibleActions:e,overflowActions:i}=r(this.primaryActions,t);this.visiblePrimaryActions=e,this.overflowPrimaryActions=i}}componentWillLoad(){this.updatePrimaryActionOverflow()}updatePrimaryActions(){this.updatePrimaryActionOverflow()}render(){var e,t,a,r,d,c,l,u,p,h;const b=null!==(e=this.messageIcon)&&void 0!==e?e:this.getDefaultMessageIcon();return i("div",{key:"b57abb927418b258228d56a24d408b734418eef7",class:"card-wrapper",style:{width:null!==(t=this.width)&&void 0!==t?t:"100%"}},this.showAdornment&&this.status&&i("div",{key:"5004a46a088254945fb3f869bc6dd8797ebe361c",class:"adornment"},i("udp-adornment",{key:"461dc65fa0fd3146cc559bfe59af89f5c62f0301",status:null!==(a=this.status)&&void 0!==a?a:"info"})),i("div",{key:"68b6855311158fad2318a617ce5ccbfaf787eeaf",class:"content-wrapper"},i("div",{key:"aa52d1a5c665ff52ccce8a510f3904341375c288",class:"header-wrapper",style:{backgroundColor:this.getHeaderBackgroundColor()}},i("div",{key:"c495ee520e536fcbd4d2fe2a4b882b1bd32dba19",class:"title-wrapper"},i("stencil-icon-button",{key:"f1258bef35273faa9f35f319c955067b0db5ad56",onClick:this.onClose,icon:s,tooltip:"Close",noBackground:!0}),i("unity-typography",{key:"2b5c3e36aceee24cf91bd7ecd350ae27255c4eea",variant:"h6"},this.title)),(null===(r=this.moreIconActions)||void 0===r?void 0:r.length)>0&&i("div",{key:"1cb0a77666ecfc47078c78967c42fc49d97208a9"},i("div",{key:"2c10bd62d16e34cf585e552420c4314d6e3a2bbd",id:"moreHeaderIconButton1"},i("stencil-icon-button",{key:"c682e17f99259449ce677dd39b0a941c835e1b9b",onClick:this.handleOnClickMoreIcon,icon:o,tooltip:"More",noBackground:!0,buttonId:"moreHeaderIconButton"})),this.moreIconAnchor&&i("udp-pop-over",{key:"0fcca69dcbf96c03ddf33c58140048503b9af051",anchorElement:this.moreIconAnchor,isOpen:this.showMoreHeaderPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},i("div",{key:"b06efc52078f41ff7220dd07eac202efb946ebda",class:"menu"},null===(d=this.moreIconActions)||void 0===d?void 0:d.map((e=>{var t;return i("udp-menu-item",{label:null==e?void 0:e.name,iconName:null==e?void 0:e.iconName,handleOnClick:()=>{e.onClick(this.data)},disabled:(null==e?void 0:e.checkDisabled)?null==e?void 0:e.checkDisabled(this.data):null!==(t=null==e?void 0:e.disabled)&&void 0!==t&&t})})))))),this.message&&i("div",{key:"53b42706e39053fdf204b5cb08157a8152a3db03",class:"message-wrapper",style:{backgroundColor:this.getMessageBackgroundColor()}},!this.hideMessageIcon&&i("div",{key:"3d45b770bdf51b736067c10e4ffb862043c2d08c",class:"icon-message"},i("udp-icon",{key:"ea2e76d30172e3be9490c3ba6f659ef2ddb53b61",iconName:b})),i("div",{key:"407e30de1ef413a1ca3dc57586f8947f3701772f",class:"message"},i("unity-typography",{key:"d0aea7adfc4a5b4ffac19d5a8a923cbb5d19a409"},this.message))),i("div",{key:"d1dae9ee30dd546a646152e5c0590d944f06f2dd",class:"data-section"},null===(c=this.listData)||void 0===c?void 0:c.map((({subject:e,value:t})=>i("div",{class:"data-row"},i("div",{class:"key"},i("unity-typography",{variant:"data-display-three"},`${e}: `)),i("div",{class:"value"},i("unity-typography",{variant:"data-display-three"},t)))))),i("div",{key:"63fc76dd1eef1470e259965504c70cacd5c668e7",class:"options"},this.enableViewFeature&&this.data&&i("div",{key:"cbb015b49e4e8ddc7edd8486c01549fb24cf96d3",id:"viewFeatureOption"},i("stencil-icon-button",{key:"844fe03a6cec0be812dfa4f56a1d931a5c5938ee",tooltip:"View",icon:n("view"),buttonId:"viewFeatureButton",onClick:()=>this.handleViewFeature({selectedFeature:this.data,formattedSelectedFeature:this.listData})})),(null===(l=this.primaryActions)||void 0===l?void 0:l.length)>0&&i("div",{key:"e605989caf83c78c683c88fa0a0515f4f928510e"},i("div",{key:"3e5c9296a878b9fb916590af5f8ea8b717a83ffd",class:"options"},null===(u=this.visiblePrimaryActions)||void 0===u?void 0:u.map(((e,t)=>{var a,s;return i("stencil-icon-button",{tooltip:null==e?void 0:e.name,icon:n(null==e?void 0:e.iconName),buttonId:null!==(a=null==e?void 0:e.id)&&void 0!==a?a:`primary-icon-action-${t}`,onClick:()=>e.onClick(this.data),disabled:(null==e?void 0:e.checkDisabled)?null==e?void 0:e.checkDisabled(this.data):null!==(s=null==e?void 0:e.disabled)&&void 0!==s&&s})})),(null===(p=this.overflowPrimaryActions)||void 0===p?void 0:p.length)>0&&i("stencil-icon-button",{key:"3a3648691c7554e71d39e26a5fd6cf6dad0b26ac",onClick:this.handleOnClickPrimaryAction,icon:o,tooltip:"More",noBackground:!0,buttonId:"morePrimaryIconButton"})),this.primaryActionAnchor&&i("udp-pop-over",{key:"13a2d77e7b5b0daef42772f93b932581bbbfbb86",anchorElement:this.primaryActionAnchor,isOpen:this.showPrimaryPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},i("div",{key:"9c151b9c829fdaf8203ab67cb4df242cb8f685cb",class:"menu"},null===(h=this.overflowPrimaryActions)||void 0===h?void 0:h.map((e=>{var t;return i("udp-menu-item",{label:null==e?void 0:e.name,iconName:null==e?void 0:e.iconName,handleOnClick:()=>{e.onClick(this.data)},disabled:(null==e?void 0:e.checkDisabled)?null==e?void 0:e.checkDisabled(this.data):null!==(t=null==e?void 0:e.disabled)&&void 0!==t&&t})}))))))))}get el(){return this}static get watchers(){return{primaryActions:[{updatePrimaryActions:0}]}}static get style(){return".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}"}},[1,"feature-details-card",{data:[8],title:[1],listData:[16],showAdornment:[4,"show-adornment"],status:[1],enableViewFeature:[4,"enable-view-feature"],handleViewFeature:[16],primaryActions:[16],moreIconActions:[16],message:[1],messageIcon:[8,"message-icon"],hideMessageIcon:[4,"hide-message-icon"],onClose:[16],width:[1],popoverContainer:[16],moreIconAnchor:[32],showMoreHeaderPopover:[32],primaryActionAnchor:[32],showPrimaryPopover:[32],visiblePrimaryActions:[32],overflowPrimaryActions:[32]},void 0,{primaryActions:[{updatePrimaryActions:0}]}]);function v(){"undefined"!=typeof customElements&&["feature-details-card","stencil-icon-button","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"feature-details-card":customElements.get(a(e))||customElements.define(a(e),m);break;case"stencil-icon-button":customElements.get(a(e))||d();break;case"udp-adornment":customElements.get(a(e))||c();break;case"udp-ambient-tool-tip":customElements.get(a(e))||l();break;case"udp-badge":customElements.get(a(e))||u();break;case"udp-icon":customElements.get(a(e))||p();break;case"udp-menu-item":customElements.get(a(e))||h();break;case"udp-pop-over":customElements.get(a(e))||b();break;case"unity-typography":customElements.get(a(e))||f()}}))}export{m as F,v as d}

package/dist/components/feature-details-popup2.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as o}from"./index2.js";import{startCase as s}from"lodash-es";import{g as a}from"./udp-map-utils.js";import{d}from"./feature-details-card2.js";import{d as n}from"./stencil-icon-button2.js";import{d as r}from"./udp-adornment2.js";import{d as l}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as p}from"./udp-icon2.js";import{d as c}from"./udp-menu-item2.js";import{d as m}from"./udp-pop-over2.js";import{d as h}from"./unity-typography2.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coordinates=[],this.enableViewFeature=!0,this.showPopOver=!1,this.isReadOnly=!1,this.hideMessageIcon=!1,this.popoverWidth="300px",this.listData=[]}updateListData(){var t,e,i,o,a;const d=(null===(t=this.cardConfig)||void 0===t?void 0:t.popoverCardListFields)||(null===(e=this.cardConfig)||void 0===e?void 0:e.extendedListFields);this.listData=(null===(i=this.cardConfig)||void 0===i?void 0:i.getListFields)?null===(o=this.cardConfig)||void 0===o?void 0:o.getListFields(this.data):null!==(a=null==d?void 0:d.map((t=>{var e,i;return{subject:s(t),value:null!==(i=null===(e=this.data)||void 0===e?void 0:e[t])&&void 0!==i?i:"-"}})))&&void 0!==a?a:[]}updateTitle(){var t,e,i,o,s,d,n,r,l,u;(null===(t=this.data)||void 0===t?void 0:t[null===(e=this.cardConfig)||void 0===e?void 0:e.titleField])?this.cardTitle=null===(i=this.data)||void 0===i?void 0:i[null===(o=this.cardConfig)||void 0===o?void 0:o.titleField]:(null===(s=this.cardConfig)||void 0===s?void 0:s.getTitle)?this.cardTitle=null!==(l=null!==(d=this.cardConfig.getTitle(this.data))&&void 0!==d?d:null===(n=this.data)||void 0===n?void 0:n[null===(r=this.cardConfig)||void 0===r?void 0:r.titleField])&&void 0!==l?l:"":this.coordinates&&(this.cardTitle=a(this.coordinates,null===(u=this.cardConfig)||void 0===u?void 0:u.maxLengthCoordinatesTitle))}render(){var t,e,o;const s=this.getMessage?this.getMessage(this.data):null,a=this.getMessageIcon?this.getMessageIcon(this.data):null;return i("div",{key:"378616c025835b879369c58fe9daa2c34edb70dd"},this.showPopOver&&i("feature-details-card",{key:"86bf3b98ae993f1a4a5ad5723c38cb0f78fe4889",data:this.currentSelectedFeature,title:this.cardTitle,listData:this.listData,status:null===(o=null===(t=this.data)||void 0===t?void 0:t[null===(e=this.cardConfig)||void 0===e?void 0:e.statusColor])||void 0===o?void 0:o.toLowerCase(),enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,primaryActions:this.isReadOnly?[]:this.primaryActions,moreIconActions:this.isReadOnly?[]:this.moreIconActions,message:s,messageIcon:a,hideMessageIcon:this.hideMessageIcon,onClose:this.additionalOnclosePopover,width:this.popoverWidth,popoverContainer:this.popoverContainer}))}static get watchers(){return{cardConfig:[{updateListData:0},{updateTitle:0}],data:[{updateListData:0}],coordinates:[{updateTitle:0}]}}static get style(){return".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}"}},[1,"feature-details-popup",{currentSelectedFeature:[8,"current-selected-feature"],data:[8],coordinates:[16],enableViewFeature:[4,"enable-view-feature"],handleViewFeature:[8,"handle-view-feature"],showPopOver:[4,"show-pop-over"],isReadOnly:[4,"is-read-only"],additionalOnclosePopover:[16],cardConfig:[8,"card-config"],primaryActions:[16],moreIconActions:[16],getMessage:[16],getMessageIcon:[16],hideMessageIcon:[4,"hide-message-icon"],popoverWidth:[1,"popover-width"],popoverContainer:[16],listData:[32],cardTitle:[32]},void 0,{cardConfig:[{updateListData:0},{updateTitle:0}],data:[{updateListData:0}],coordinates:[{updateTitle:0}]}]);function f(){"undefined"!=typeof customElements&&["feature-details-popup","feature-details-card","stencil-icon-button","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","unity-typography"].forEach((t=>{switch(t){case"feature-details-popup":customElements.get(o(t))||customElements.define(o(t),v);break;case"feature-details-card":customElements.get(o(t))||d();break;case"stencil-icon-button":customElements.get(o(t))||n();break;case"udp-adornment":customElements.get(o(t))||r();break;case"udp-ambient-tool-tip":customElements.get(o(t))||l();break;case"udp-badge":customElements.get(o(t))||u();break;case"udp-icon":customElements.get(o(t))||p();break;case"udp-menu-item":customElements.get(o(t))||c();break;case"udp-pop-over":customElements.get(o(t))||m();break;case"unity-typography":customElements.get(o(t))||h()}}))}export{v as F,f as d}
+import{p as t,H as e,h as i,t as o}from"./index2.js";import{startCase as s}from"lodash-es";import{g as a}from"./udp-map-utils.js";import{d}from"./feature-details-card2.js";import{d as n}from"./stencil-icon-button2.js";import{d as r}from"./udp-adornment2.js";import{d as l}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as c}from"./udp-icon2.js";import{d as p}from"./udp-menu-item2.js";import{d as m}from"./udp-pop-over2.js";import{d as h}from"./unity-typography2.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coordinates=[],this.enableViewFeature=!0,this.showPopOver=!1,this.isReadOnly=!1,this.hideMessageIcon=!1,this.popoverWidth="300px",this.listData=[]}updateListData(){var t,e,i,o,a;const d=(null===(t=this.cardConfig)||void 0===t?void 0:t.popoverCardListFields)||(null===(e=this.cardConfig)||void 0===e?void 0:e.extendedListFields);this.listData=(null===(i=this.cardConfig)||void 0===i?void 0:i.getListFields)?null===(o=this.cardConfig)||void 0===o?void 0:o.getListFields(this.data):null!==(a=null==d?void 0:d.map((t=>{var e,i;return{subject:s(t),value:null!==(i=null===(e=this.data)||void 0===e?void 0:e[t])&&void 0!==i?i:"-"}})))&&void 0!==a?a:[]}updateTitle(){var t,e,i,o,s,d,n,r,l,u;(null===(t=this.data)||void 0===t?void 0:t[null===(e=this.cardConfig)||void 0===e?void 0:e.titleField])?this.cardTitle=null===(i=this.data)||void 0===i?void 0:i[null===(o=this.cardConfig)||void 0===o?void 0:o.titleField]:(null===(s=this.cardConfig)||void 0===s?void 0:s.getTitle)?this.cardTitle=null!==(l=null!==(d=this.cardConfig.getTitle(this.data))&&void 0!==d?d:null===(n=this.data)||void 0===n?void 0:n[null===(r=this.cardConfig)||void 0===r?void 0:r.titleField])&&void 0!==l?l:"":this.coordinates&&(this.cardTitle=a(this.coordinates,null===(u=this.cardConfig)||void 0===u?void 0:u.maxLengthCoordinatesTitle))}render(){var t,e,o;const s=this.getMessage?this.getMessage(this.data):null,a=this.getMessageIcon?this.getMessageIcon(this.data):null;return i("div",{key:"69afa720e7423846753de0764d2d3bfc0cf0987f"},this.showPopOver&&i("feature-details-card",{key:"ef00c8bc1c214d9c12f6f0d3c89b39957f5328de",data:this.currentSelectedFeature,title:this.cardTitle,listData:this.listData,status:null===(o=null===(t=this.data)||void 0===t?void 0:t[null===(e=this.cardConfig)||void 0===e?void 0:e.statusColor])||void 0===o?void 0:o.toLowerCase(),enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,primaryActions:this.isReadOnly?[]:this.primaryActions,moreIconActions:this.isReadOnly?[]:this.moreIconActions,message:s,messageIcon:a,hideMessageIcon:this.hideMessageIcon,onClose:this.additionalOnclosePopover,width:this.popoverWidth,popoverContainer:this.popoverContainer}))}static get watchers(){return{cardConfig:[{updateListData:0},{updateTitle:0}],data:[{updateListData:0}],coordinates:[{updateTitle:0}]}}static get style(){return".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}"}},[1,"feature-details-popup",{currentSelectedFeature:[8,"current-selected-feature"],data:[8],coordinates:[16],enableViewFeature:[4,"enable-view-feature"],handleViewFeature:[8,"handle-view-feature"],showPopOver:[4,"show-pop-over"],isReadOnly:[4,"is-read-only"],additionalOnclosePopover:[16],cardConfig:[8,"card-config"],primaryActions:[16],moreIconActions:[16],getMessage:[16],getMessageIcon:[16],hideMessageIcon:[4,"hide-message-icon"],popoverWidth:[1,"popover-width"],popoverContainer:[16],listData:[32],cardTitle:[32]},void 0,{cardConfig:[{updateListData:0},{updateTitle:0}],data:[{updateListData:0}],coordinates:[{updateTitle:0}]}]);function f(){"undefined"!=typeof customElements&&["feature-details-popup","feature-details-card","stencil-icon-button","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","unity-typography"].forEach((t=>{switch(t){case"feature-details-popup":customElements.get(o(t))||customElements.define(o(t),v);break;case"feature-details-card":customElements.get(o(t))||d();break;case"stencil-icon-button":customElements.get(o(t))||n();break;case"udp-adornment":customElements.get(o(t))||r();break;case"udp-ambient-tool-tip":customElements.get(o(t))||l();break;case"udp-badge":customElements.get(o(t))||u();break;case"udp-icon":customElements.get(o(t))||c();break;case"udp-menu-item":customElements.get(o(t))||p();break;case"udp-pop-over":customElements.get(o(t))||m();break;case"unity-typography":customElements.get(o(t))||h()}}))}export{v as F,f as d}

package/dist/components/file-upload-renderer2.js

@@ -1 +1 @@
-import{p as e,H as i,h as t,t as s}from"./index2.js";import{d as l}from"./stencil-toggle2.js";import{d as o}from"./unity-typography2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,i,s,l;return t("div",{key:"85973664054777b6a768c750091ebe53c5416610",class:"file-upload-input-container"},t("div",{key:"a90429b0a1ea067c67bb07af94fc256ac59eb73b"},t("stencil-toggle",{key:"ff8ff67c3512e14f69855eb8ad8c788666989fb6",label:"Allow Multiple Items",disabled:this.isViewOnly,checked:!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.allowMultiple),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowMultiple");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),t("div",{key:"3c32c51b5b661e14ef3f57086485c66887c421ac"},t("stencil-toggle",{key:"bd379e154a71047207c234355a9a96d886939894",label:"Display Upload Time",disabled:this.isViewOnly,checked:!!(null===(i=this.question.fieldProperties)||void 0===i?void 0:i.displayUploadTime),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayUploadTime");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),t("div",{key:"0ca9f5a4c72b2630277e28fa7ecce55d23687fbb"},t("stencil-toggle",{key:"cf233cb5fe8c628303229778190c843860f49d25",label:"Hide and Disable Drag And Drop",disabled:this.isViewOnly,checked:!!(null===(s=this.question.fieldProperties)||void 0===s?void 0:s.hideDragAndDrop),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"hideDragAndDrop");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),t("div",{key:"c3f7d3431d43b9640ad8a5953fb6f6cb90d81a3d"},t("stencil-toggle",{key:"2173406356843d93f9dcb9873c0a1abc688b6f5e",label:"Hide and Disable Upload Button",disabled:this.isViewOnly,checked:!!(null===(l=this.question.fieldProperties)||void 0===l?void 0:l.hideButton),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"hideButton");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".file-upload-input-container{display:flex;flex-direction:column;}"}},[1,"file-upload-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function a(){"undefined"!=typeof customElements&&["file-upload-renderer","stencil-toggle","unity-typography"].forEach((e=>{switch(e){case"file-upload-renderer":customElements.get(s(e))||customElements.define(s(e),n);break;case"stencil-toggle":customElements.get(s(e))||l();break;case"unity-typography":customElements.get(s(e))||o()}}))}export{n as F,a as d}
+import{p as e,H as i,h as t,t as s}from"./index2.js";import{d as l}from"./stencil-toggle2.js";import{d}from"./unity-typography2.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,i,s,l;return t("div",{key:"0bd55a0546f7cb503487e845fd4cbca91368a36b",class:"file-upload-input-container"},t("div",{key:"74bba1649bdd51afe5d54622ac5c2ef486350a01"},t("stencil-toggle",{key:"76814da69f46a17baeccec154412d856c1f64dd0",label:"Allow Multiple Items",disabled:this.isViewOnly,checked:!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.allowMultiple),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowMultiple");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),t("div",{key:"1d54822e922113e61dae1bc479c0569005fa3780"},t("stencil-toggle",{key:"9adb4814130d2c4181b55d62dc2b038d03560fad",label:"Display Upload Time",disabled:this.isViewOnly,checked:!!(null===(i=this.question.fieldProperties)||void 0===i?void 0:i.displayUploadTime),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayUploadTime");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),t("div",{key:"f2a7472ad0ca0e22cc7bb4944fa9a0423514bf37"},t("stencil-toggle",{key:"5bb98c94d94ccce8c45a81ec550b92de41b8f93f",label:"Hide and Disable Drag And Drop",disabled:this.isViewOnly,checked:!!(null===(s=this.question.fieldProperties)||void 0===s?void 0:s.hideDragAndDrop),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"hideDragAndDrop");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),t("div",{key:"481bbf58bcbec43a82e3a6c7b599d5edd9d24453"},t("stencil-toggle",{key:"16a67388b337db188d054e5343ebfdf1e08de940",label:"Hide and Disable Upload Button",disabled:this.isViewOnly,checked:!!(null===(l=this.question.fieldProperties)||void 0===l?void 0:l.hideButton),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"hideButton");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".file-upload-input-container{display:flex;flex-direction:column;}"}},[1,"file-upload-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function a(){"undefined"!=typeof customElements&&["file-upload-renderer","stencil-toggle","unity-typography"].forEach((e=>{switch(e){case"file-upload-renderer":customElements.get(s(e))||customElements.define(s(e),o);break;case"stencil-toggle":customElements.get(s(e))||l();break;case"unity-typography":customElements.get(s(e))||d()}}))}export{o as F,a as d}

package/dist/components/file-upload2.js

@@ -1 +1 @@
-import{p as i,H as t,c as e,h as s,d as a,t as o}from"./index2.js";import l from"@carbon/icons/es/close/24";import n from"axios";import{i as r,p as h,g as d}from"./udp-drive-utils.js";import{d as c}from"./utils.js";import{g as p}from"./iconUtils.js";import{d as m}from"./custom-button2.js";import{d as u}from"./stencil-icon-button2.js";import{d as f}from"./udp-ambient-tool-tip2.js";import{d as g}from"./udp-badge2.js";import{d as v}from"./udp-divider2.js";import{d as y}from"./udp-spinner2.js";import{d as w}from"./unity-typography2.js";import{C as x}from"./configService.js";const b=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.metadataEmit=e(this,"metadataEmit",7),this.fullWidth=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.renderImage=!1,this.displayUploadTime=!1,this.files=[],this.fileWindowOpen=!1,this.existingFileReferences=new Map,this.imagePreviewUrl=null,this.imagePreviewUrls=[],this.imagePreviewLoading=[],this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.isInitialized=!1,this.previewLoadRequestId=0,this.modalLayoutResizeObserver=null,this.modalLayoutRafId=null,this.uploadTimestampsByFileName=new Map,this.dragCounter=0,this.handleDragOver=i=>{this.disabled||this.readonly||this.hideDragAndDrop||(i.preventDefault(),i.stopPropagation())},this.handleDragEnter=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter++,t.classList.add("highlight")},this.handleDragLeave=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter--,0===this.dragCounter&&t.classList.remove("highlight")},this.handleDrop=i=>{if(this.hideDragAndDrop)return i.preventDefault(),void i.stopPropagation();this.disabled||this.readonly||(i.preventDefault(),i.stopPropagation(),i.currentTarget.classList.remove("highlight"),this.handleFiles(i.dataTransfer.files))},this.handleFileInput=i=>{const t=i.target;t.files&&t.files.length>0&&this.handleFiles(t.files),t.value="",this.fileWindowOpen=!1},this.handleFiles=i=>{if(0===i.length)return;const t=[...this.files],e=[],s=new Set,a=new Set;for(let o=0;o<i.length;o++){const l=i[o];if(!l.name||""===l.name.trim())continue;const n=this.normalizeFileName(l.name);if(this.allowMultiple){const i=t.some((i=>this.normalizeFileName(i.name)===n)),e=a.has(n);if(i||e){s.add(l.name.trim());continue}}if(a.add(n),!t.some((i=>i.name===l.name&&i.size===l.size))&&this.isFileTypeAllowed(l)&&(e.push(l),!this.allowMultiple))break}s.size>0?this.showDuplicateFileError(Array.from(s)):this.errorMessage=this.error,e.length>0&&(this.files=this.allowMultiple?[...t,...e]:[e[0]],this.updateImagePreview(),this.emitFileChangeEvents())},this.handleBrowseFiles=i=>{if(!this.disabled&&!this.readonly){if(i.preventDefault(),i.stopPropagation(),!this.hiddenInput){console.error("File input not initialized yet, attempting to create it now...");try{this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput)}catch(i){return void console.error("Failed to create file input:",i)}}this.fileWindowOpen=!0,this.hiddenInput.click()}},this.handleRemoveFile=i=>{if(this.disabled||this.readonly)return;const t=this.files[i];this.existingFileReferences.has(t.name)&&this.existingFileReferences.delete(t.name),this.files.splice(i,1),this.files=[...this.files],this.updateImagePreview(),this.files.length||(this.isImageModalOpen=!1),this.emitFileChangeEvents()},this.syncModalLayoutToLayoutContainer=()=>{const i=this.findLayoutContainer();if(!i)return void this.clearModalLayoutVars();const t=i.getBoundingClientRect(),e=getComputedStyle(document.documentElement),s=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-top-offset"))||48,a=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-bottom-offset"))||0,o=Math.max(0,s),l=Math.max(o,window.innerHeight-Math.max(0,a)),n=Math.max(t.top,o),r=Math.min(t.bottom,l),h=Math.max(0,Math.round(n)),d=Math.max(0,Math.round(t.left)),c=Math.max(0,Math.round(window.innerWidth-t.right)),p=Math.max(0,Math.round(window.innerHeight-r));this.el.style.setProperty("--udp-image-modal-top-offset",`${h}px`),this.el.style.setProperty("--udp-image-modal-left-offset",`${d}px`),this.el.style.setProperty("--udp-image-modal-right-offset",`${c}px`),this.el.style.setProperty("--udp-image-modal-bottom-offset",`${p}px`)},this.scheduleModalLayoutSync=()=>{null!==this.modalLayoutRafId&&cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=requestAnimationFrame((()=>{this.modalLayoutRafId=null,this.syncModalLayoutToLayoutContainer()}))},this.openImageModal=(i,t)=>{var e,s;if(this.disabled)return;const a=i||this.imagePreviewUrl;a&&(this.selectedImageModalUrl=a,this.selectedImageModalName=t||(null===(s=null===(e=this.files)||void 0===e?void 0:e[0])||void 0===s?void 0:s.name)||null,this.isImageModalOpen=!0,this.startModalLayoutSync())},this.closeImageModal=i=>{i&&(i.stopPropagation(),i.preventDefault()),this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.stopModalLayoutSync()}}updateError(){this.errorMessage=this.error}async initialValueChanged(i){var t,e,s,a,o;let l=i;if(l&&"object"==typeof l&&"value"in l&&"files"in l){const i=l,t=Array.isArray(i.files)?i.files:[];let e=[];"string"==typeof i.value&&r(i.value)&&(e=(await h(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const s=new Map;e.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),t.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),l=Array.from(s.values())}if(!l)return this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),void this.uploadTimestampsByFileName.clear();try{this.existingFileReferences.clear();let i=[];if("string"==typeof l&&r(l)){const n=await h(l);if(this.renderImage&&!this.allowMultiple&&n.length>0){const o=n[0],l=(null==o?void 0:o.type)||this.getMimeTypeFromExtension((null==o?void 0:o.extension)||(null===(e=null===(t=null==o?void 0:o.name)||void 0===t?void 0:t.split("."))||void 0===e?void 0:e.pop())||"");if(this.isRenderableImageFromNameOrMime(null==o?void 0:o.name,l)&&(null==o?void 0:o.driveFileId))try{const t={driveFileId:o.driveFileId,name:o.name,extension:o.extension||(null===(a=null===(s=o.name)||void 0===s?void 0:s.split("."))||void 0===a?void 0:a.pop())||""},e=await this.createFileFromUdpDriveFile(t);this.existingFileReferences.set(e.name,t),i=[e]}catch(i){console.warn("Eager image fetch from reference failed, using placeholders:",i)}}if(!i||0===i.length){i=n;for(const t of i)if(t.driveFileId){const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||(null===(o=t.name.split("."))||void 0===o?void 0:o.pop())||"",tenantId:null,productId:0,path:""};this.existingFileReferences.set(t.name,i)}}}else if(Array.isArray(l))i=(await Promise.all(l.map((i=>this.processInitialFile(i))))).filter((i=>null!==i));else if("object"==typeof l){const t=await this.processInitialFile(l);i=t?[t]:[]}this.files=i,this.updateImagePreview(),this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error processing initial files:",i),this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),this.uploadTimestampsByFileName.clear()}}async processInitialFile(i){if(console.log(i),!i)return null;if(!this.isUdpDriveFile(i))return i instanceof File?i:null;{const t=this.getMimeTypeFromExtension(i.extension);if(this.renderImage&&!this.allowMultiple&&this.isRenderableImageFromNameOrMime(i.name,t))try{const t=await this.createFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){console.warn("Eager fetch failed, using placeholder:",i)}try{const t=this.createPlaceholderFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){return console.error("Error creating placeholder file from UdpDriveFile:",i),null}}}isUdpDriveFile(i){return i&&"object"==typeof i&&"driveFileId"in i}createPlaceholderFileFromUdpDriveFile(i){const t=i.extension||"bin",e=i.name||`file.${t}`,s=new Blob([""],{type:this.getMimeTypeFromExtension(t)});let a=Date.now();return i.lastUpdated&&("string"==typeof i.lastUpdated||"number"==typeof i.lastUpdated?a=new Date(i.lastUpdated).getTime():i.lastUpdated instanceof Date&&(a=i.lastUpdated.getTime())),new File([s],e,{type:s.type,lastModified:a})}async createFileFromUdpDriveFile(i){try{const t=`${x.tenantV1ApiUrl}/UdpDrive/${i.driveFileId}/stream`,e=(await n({method:"GET",url:t,responseType:"blob",timeout:3e5,headers:{}})).data,s=i.name||`file.${i.extension}`;return new File([e],s,{type:e.type||this.getMimeTypeFromExtension(i.extension),lastModified:i.lastUpdated?new Date(i.lastUpdated).getTime():Date.now()})}catch(t){return console.error("Error creating file from UdpDriveFile:",t),new File([""],i.name||`file.${i.extension}`,{type:"application/octet-stream"})}}async updateImagePreview(){const i=++this.previewLoadRequestId;if(this.clearImagePreviewUrls(),!this.renderImage||0===this.files.length)return this.imagePreviewUrl=null,this.imagePreviewUrls=[],void(this.imagePreviewLoading=[]);if(this.allowMultiple)this.imagePreviewUrl=null,this.imagePreviewUrls=this.files.map((()=>"")),this.imagePreviewLoading=this.files.map((()=>!0)),this.files.forEach(((t,e)=>{(async()=>{let s="";const a=this.existingFileReferences.get(t.name);if(a)try{const i=await this.createFileFromUdpDriveFile(a);this.isImageFile(i)&&(s=URL.createObjectURL(i))}catch(i){console.warn("Failed to load existing image preview:",i)}else this.isImageFile(t)&&(s=URL.createObjectURL(t));if(i!==this.previewLoadRequestId){if(s)try{URL.revokeObjectURL(s)}catch(i){}return}const o=[...this.imagePreviewUrls];o[e]=s,this.imagePreviewUrls=o;const l=[...this.imagePreviewLoading];l[e]=!1,this.imagePreviewLoading=l})().catch((()=>{if(i!==this.previewLoadRequestId)return;const t=[...this.imagePreviewLoading];t[e]=!1,this.imagePreviewLoading=t}))}));else{this.imagePreviewLoading=[];const i=this.files[0];if(this.isImageFile(i)){if(this.imagePreviewUrl)try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=URL.createObjectURL(i)}else this.imagePreviewUrl=null}}clearImagePreviewUrls(){Array.isArray(this.imagePreviewUrls)&&0!==this.imagePreviewUrls.length&&(this.imagePreviewUrls.forEach((i=>{try{URL.revokeObjectURL(i)}catch(i){}})),this.imagePreviewUrls=[],this.imagePreviewLoading=[])}isImageFile(i){return!!i&&i.type.startsWith("image/")&&i.size>0}getMimeTypeFromExtension(i){return i&&{pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"}[i.toLowerCase()]||"application/octet-stream"}isRenderableImageFromNameOrMime(i,t){var e,s;if(t&&t.toLowerCase().startsWith("image/"))return!0;const a=null===(s=null===(e=null==i?void 0:i.split("."))||void 0===e?void 0:e.pop())||void 0===s?void 0:s.toLowerCase();return!!a&&new Set(["png","jpg","jpeg","gif","svg","webp","bmp"]).has(a)}async componentWillLoad(){if(!this.isInitialized){if(this.dragCounter=0,this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput),this.allowedMimeTypes&&this.disallowedMimeTypes)throw new Error("allowedMimeTypes and disallowedMimeTypes are mutually exclusive, you cannot use both props");if(!this.allowedMimeTypes&&!this.disallowedMimeTypes&&this.allowedFileTypes&&this.disallowedFileTypes)throw new Error("allowedFileTypes and disallowedFileTypes are mutually exclusive, you cannot use both props");this.allowedFileTypes&&console.warn("allowedFileTypes prop is deprecated. Use allowedMimeTypes for better security and validation."),this.disallowedFileTypes&&console.warn("disallowedFileTypes prop is deprecated. Use disallowedMimeTypes for better security and validation."),this.error&&(this.errorMessage=this.error),null!=this.initialValue&&""!==this.initialValue?await this.initialValueChanged(this.initialValue):null!=this.value&&await this.processValueProp(this.value),this.isInitialized=!0}}async processValueProp(i){let t=i;if(t&&"object"==typeof t&&"value"in t&&"files"in t){const i=t,e=Array.isArray(i.files)?i.files:[];let s=[];"string"==typeof i.value&&r(i.value)&&(s=(await h(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const a=new Map;s.forEach((i=>{(null==i?void 0:i.name)&&a.set(i.name,i)})),e.forEach((i=>{(null==i?void 0:i.name)&&a.set(i.name,i)})),t=Array.from(a.values())}if(null==t)return this.files=[],void this.uploadTimestampsByFileName.clear();try{if(Array.isArray(t)){if(0===t.length)return void(this.files=[]);const i=[];for(const e of t){const t=await this.processInitialFile(e);t&&i.push(t)}this.files=i}else{const i=await this.processInitialFile(t);this.files=i?[i]:[]}this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error in processValueProp:",i),this.files=[],this.uploadTimestampsByFileName.clear()}}emitFileChangeEvents(){this.updateValueProp();const i=this.files.filter((i=>!this.existingFileReferences.has(i.name))),t=this.files.filter((i=>this.existingFileReferences.has(i.name)));if(0===i.length&&0===t.length)return this.change.emit(null),this.uploadTimestampsByFileName.clear(),void(this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:null}));const e=[];i.forEach((i=>{i.name&&""!==i.name.trim()&&e.push(encodeURIComponent(i.name.trim()))})),t.forEach((i=>{if(i.name&&""!==i.name.trim()){const t=this.existingFileReferences.get(i.name);t&&e.push(`${encodeURIComponent(i.name.trim())}|udp:${t.driveFileId}`)}}));const s=e.join(","),a={toString:()=>s,valueOf:()=>s,value:s,files:i.filter((i=>i.name&&""!==i.name.trim()))};this.change.emit(a),this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:this.buildUploadTimestampMetadata(this.files)})}getExternalUploadTimestampForFileName(i){if(!i||!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const t=i.trim(),e=encodeURIComponent(t);return this.uploadTimestamps[e]||this.uploadTimestamps[t]||null}buildUploadTimestampMetadata(i){if(!Array.isArray(i)||0===i.length)return this.uploadTimestampsByFileName.clear(),null;const t=new Set(i.map((i=>this.normalizeFileName(i.name))).filter(Boolean));Array.from(this.uploadTimestampsByFileName.keys()).forEach((i=>{t.has(i)||this.uploadTimestampsByFileName.delete(i)}));const e=(new Date).toISOString();i.forEach((i=>{const t=this.normalizeFileName(i.name);if(!t||this.uploadTimestampsByFileName.has(t))return;const s=this.getExternalUploadTimestampForFileName(i.name);s?this.uploadTimestampsByFileName.set(t,s):this.existingFileReferences.has(i.name)||this.uploadTimestampsByFileName.set(t,e)}));const s={};return i.forEach((i=>{const t=this.normalizeFileName(i.name),e=this.uploadTimestampsByFileName.get(t)||this.getExternalUploadTimestampForFileName(i.name);e&&i.name&&(s[encodeURIComponent(i.name.trim())]=e)})),0===Object.keys(s).length?null:s}getUploadTimestampForFile(i){if(!(null==i?void 0:i.name))return null;const t=this.uploadTimestampsByFileName.get(this.normalizeFileName(i.name));if(t)return t;if(!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const e=i.name.trim(),s=encodeURIComponent(e);return this.uploadTimestamps[s]||this.uploadTimestamps[e]||null}formatUploadTimestamp(i){if(!i)return"N/A";const t=c(i,"long");return!t||t.includes("Invalid Date")?i:t}getResolvedDragAndDropMessage(){var i;return(null===(i=this.dragAndDropMessage)||void 0===i?void 0:i.trim())?this.dragAndDropMessage:`Drag and drop your ${this.allowMultiple?"files":"file"} here`}getResolvedBrowseFileMessage(){var i;return(null===(i=this.browseFileMessage)||void 0===i?void 0:i.trim())?this.browseFileMessage:"Browse "+(this.allowMultiple?"Files":"File")}updateValueProp(){}normalizeFileName(i){return i.trim().toLowerCase()}showDuplicateFileError(i){const t=Array.from(new Set(i.map((i=>i.trim())).filter(Boolean))),e=t.length>0?`Duplicate file name${t.length>1?"s":""} not allowed. The following ${t.length>1?"files have":"file has"} already been added: ${t.join(", ")}.`:"Duplicate file names are not allowed.";this.errorMessage=e}isFileTypeAllowed(i){var t;if(!i.name)return!1;const e=null===(t=i.name.split(".").pop())||void 0===t?void 0:t.toLowerCase(),s=i.type||d(e);return this.allowedMimeTypes&&this.allowedMimeTypes.length>0?this.allowedMimeTypes.some((i=>this.isMimeTypeMatch(s,i))):this.disallowedMimeTypes&&this.disallowedMimeTypes.length>0?!this.disallowedMimeTypes.some((i=>this.isMimeTypeMatch(s,i))):!!e&&(this.allowedFileTypes&&this.allowedFileTypes.length>0?this.allowedFileTypes.map((i=>i.toLowerCase())).includes(e):!(this.disallowedFileTypes&&this.disallowedFileTypes.length>0&&this.disallowedFileTypes.map((i=>i.toLowerCase())).includes(e)))}isMimeTypeMatch(i,t){if(!i||!t)return!1;if(i.toLowerCase()===t.toLowerCase())return!0;if(t.endsWith("/*")){const e=t.slice(0,-2).toLowerCase();return i.toLowerCase().startsWith(e+"/")}return!1}async downloadFile(i){if(!this.disabled)try{const t=this.existingFileReferences.get(i.name);if(t){const i=await this.createFileFromUdpDriveFile(t),e=URL.createObjectURL(i),s=document.createElement("a");s.href=e,s.download=i.name,s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(e)}else{const t=URL.createObjectURL(i),e=document.createElement("a");e.href=t,e.download=i.name,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),URL.revokeObjectURL(t)}}catch(i){console.error("Error downloading file:",i)}}disconnectedCallback(){if(this.stopModalLayoutSync(),this.hiddenInput&&(document.body.removeChild(this.hiddenInput),this.hiddenInput=null),this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=null}this.clearImagePreviewUrls()}findLayoutContainer(){var i,e;const s=".forms-renderer-container";let a=this.el;for(;a;){if(a instanceof t&&a.matches(s))return a;if(a instanceof ShadowRoot){const i=a.querySelector(s);if(i)return i}if(a.parentNode){a=a.parentNode;continue}const o=null===(e=(i=a).getRootNode)||void 0===e?void 0:e.call(i);a=o instanceof ShadowRoot&&o.host?o.host:null}return document.querySelector(s)}clearModalLayoutVars(){this.el.style.removeProperty("--udp-image-modal-top-offset"),this.el.style.removeProperty("--udp-image-modal-left-offset"),this.el.style.removeProperty("--udp-image-modal-right-offset"),this.el.style.removeProperty("--udp-image-modal-bottom-offset")}startModalLayoutSync(){this.syncModalLayoutToLayoutContainer(),window.addEventListener("resize",this.scheduleModalLayoutSync),window.addEventListener("scroll",this.scheduleModalLayoutSync,{passive:!0,capture:!0});const i=this.findLayoutContainer();i&&"undefined"!=typeof ResizeObserver&&(this.modalLayoutResizeObserver||(this.modalLayoutResizeObserver=new ResizeObserver(this.scheduleModalLayoutSync)),this.modalLayoutResizeObserver.observe(i))}stopModalLayoutSync(){window.removeEventListener("resize",this.scheduleModalLayoutSync),window.removeEventListener("scroll",this.scheduleModalLayoutSync,!0),this.modalLayoutResizeObserver&&this.modalLayoutResizeObserver.disconnect(),null!==this.modalLayoutRafId&&(cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=null),this.clearModalLayoutVars()}renderImageModal(){return this.isImageModalOpen&&this.selectedImageModalUrl?s("div",{class:"image-modal-backdrop",onClick:this.closeImageModal},s("div",{class:"image-modal-content",onClick:i=>i.stopPropagation()},s("img",{src:this.selectedImageModalUrl,alt:"Full image"}),this.selectedImageModalName&&s("div",{class:"image-modal-title",title:this.selectedImageModalName},this.selectedImageModalName),s("div",{class:"image-modal-close"},s("stencil-icon-button",{showLabel:!1,icon:l,onClick:this.closeImageModal})))):null}render(){const i=!!this.errorMessage,t=!this.allowMultiple&&this.files.length>0,e=this.renderImage&&this.files.length>0,o=!this.readonly&&!t,l=this.readonly&&0===this.files.length;return s(a,{key:"59dbc334b9de909336f1413a3322ad0ffa10930f",class:{"udp-input":!0,"udp-input--error":i,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":i?"true":"false","aria-disabled":this.disabled?"true":"false"},s("div",{key:"0dacf08f99d086f4d5a1e1b7c04573e51d29ffcc",id:"drop-area",onDragOver:t?void 0:this.handleDragOver,onDrop:t?void 0:this.handleDrop,onDragEnter:t?void 0:this.handleDragEnter,onDragLeave:t?void 0:this.handleDragLeave,class:this.fullWidth?"full-width":"contained-width"},e&&s("div",{key:"743a20b577700fe26fc9025761dfbd8489636714",class:"image-gallery","aria-label":"Uploaded image previews",style:{gridTemplateColumns:`repeat(${Math.min(this.files.length,3)}, minmax(0, 1fr))`}},this.files.map(((i,t)=>{const e=this.allowMultiple?this.imagePreviewUrls[t]:this.imagePreviewUrl,a=!!this.allowMultiple&&!0===this.imagePreviewLoading[t],o=this.getUploadTimestampForFile(i);return s("div",{class:"image-gallery-card",key:`image-preview-${t}`},s("div",{class:"image-gallery-item",onClick:()=>e&&this.openImageModal(e,i.name)},e?s("img",{src:e,alt:`Uploaded image ${t+1}`,class:"image-gallery-thumbnail"}):a?s("udp-spinner",{size:"small",appearance:"primary"}):s("unity-typography",{variant:"caption-text"},"No preview"),!this.readonly&&s("div",{class:"image-gallery-item-actions",onClick:i=>i.stopPropagation()},s("stencil-icon-button",{showLabel:!1,icon:p("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly}))),s("div",{class:"image-gallery-meta"},s("div",{class:"image-gallery-file-details"},s("button",{type:"button",class:"image-gallery-file-name",onClick:()=>this.downloadFile(i),disabled:this.disabled,title:i.name},s("span",{class:"file-name-ellipsis"},i.name)),this.displayUploadTime&&s("unity-typography",{variant:"caption-text"},this.formatUploadTimestamp(o)))))}))),!e&&this.files.length>0&&s("div",{key:"e59c0a642e6b158019cceab77f18e2f424076da0",class:"upload-container"},s("div",{key:"f30e358962c323b3300c3eb7c7cb7077eb935b97",class:"file-list"},this.files.map(((i,t)=>{const e=this.existingFileReferences.has(i.name),a=this.getUploadTimestampForFile(i);return s("div",{class:"file-container",key:t},s("div",{class:"file-details "+(this.displayUploadTime?"with-timestamp":"without-timestamp")},s("div",{class:"file-text",onClick:()=>this.downloadFile(i)},s("unity-typography",null,s("span",{class:"file-name-ellipsis",title:i.name},i.name," ",e&&s("span",{style:{fontSize:"0.8em",opacity:"0.7"}}," (saved)")))),this.displayUploadTime&&s("div",{class:"timestamp-text"},s("unity-typography",{variant:"caption-text",color:"inherit"},this.formatUploadTimestamp(a)))),!this.readonly&&s("div",null,s("stencil-icon-button",{showLabel:!1,icon:p("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly})))})))),this.files.length>0&&!this.readonly&&o&&s("udp-divider",{key:"9fc50dbd44a7462ab43e3fa6d74205dfaf55cdb9",size:"100%"}),l?s("div",{class:"upload-container"},s("unity-typography",{variant:"h4"},"No item"+(this.allowMultiple?"s":""))):o&&s("div",{class:"upload-container"},s("div",null,this.hideDragAndDrop?"":s("unity-typography",null,s("p",null,this.getResolvedDragAndDropMessage()),this.hideButton?"":s("p",null,"or")),this.hideButton?"":s("custom-button",{label:this.getResolvedBrowseFileMessage(),onClick:i=>this.handleBrowseFiles(i),id:"udpRecord-file-upload-"+this.id,disabled:this.disabled||this.readonly,udprecordid:"udpRecord-file-upload-"+this.id}))),this.renderImageModal(),this.errorMessage&&!this.fileWindowOpen?s("div",{id:"error-text"},s("unity-typography",{color:"error"},this.errorMessage)):""))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}]}}static get style(){return"#drop-area{min-height:200px;height:auto;display:flex;flex-direction:column;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;flex:1;gap:2px;text-decoration:underline;cursor:pointer}.file-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.file-details.without-timestamp{align-self:center}.file-text unity-typography{display:block;width:100%;min-width:0}.file-list{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-gallery{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin:12px 0;width:100%}.image-gallery-item{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-color-primary);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-gallery-item-actions{position:absolute;top:8px;right:8px;z-index:1}.image-gallery-item-actions stencil-icon-button{display:block;transform:scale(0.75);transform-origin:top right}.image-gallery-card{display:flex;flex-direction:column;gap:6px}.image-gallery-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.image-gallery-file-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;width:100%;flex:1}.image-gallery-file-name{background:transparent;border:none;display:block;width:100%;min-width:0;padding:0;margin:0;text-align:left;text-decoration:underline;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-name-ellipsis{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-gallery-file-name:disabled{cursor:not-allowed;text-decoration:none}.image-gallery-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.upload-container{display:flex;flex-direction:column;flex:1;min-height:200px;align-items:center;justify-content:center;gap:0;padding:0}.image-modal-backdrop{--image-modal-top-offset:var(--udp-image-modal-top-offset, 48px);--image-modal-right-offset:var(--udp-image-modal-right-offset, 0px);--image-modal-bottom-offset:var(--udp-image-modal-bottom-offset, 0px);--image-modal-left-offset:var(--udp-image-modal-left-offset, 0px);--image-modal-available-width:calc(100vw - var(--image-modal-left-offset) - var(--image-modal-right-offset));--image-modal-available-height:calc(100vh - var(--image-modal-top-offset) - var(--image-modal-bottom-offset));position:fixed;inset:var(--image-modal-top-offset) var(--image-modal-right-offset) var(--image-modal-bottom-offset) var(--image-modal-left-offset);background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.image-modal-content{position:relative;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));background:#000;border-radius:8px;overflow:hidden}.image-modal-title{position:absolute;bottom:8px;left:8px;right:8px;color:#fff;background:rgba(0, 0, 0, 0.45);border-radius:4px;padding:4px 8px;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.image-modal-content img{display:block;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}"}},[1,"file-upload",{allowMultiple:[4,"allow-multiple"],allowedFileTypes:[16],disallowedFileTypes:[16],allowedMimeTypes:[16],disallowedMimeTypes:[16],fullWidth:[4,"full-width"],required:[4],error:[1],dragAndDropMessage:[1,"drag-and-drop-message"],browseFileMessage:[1,"browse-file-message"],hideDragAndDrop:[4,"hide-drag-and-drop"],hideButton:[4,"hide-button"],id:[1],name:[1],label:[1],disabled:[4],readonly:[4],initialValue:[1,"initial-value"],renderImage:[4,"render-image"],metadataTimestampKey:[1,"metadata-timestamp-key"],displayUploadTime:[4,"display-upload-time"],uploadTimestamps:[1,"upload-timestamps"],value:[1040],files:[32],fileWindowOpen:[32],errorMessage:[32],existingFileReferences:[32],imagePreviewUrl:[32],imagePreviewUrls:[32],imagePreviewLoading:[32],isImageModalOpen:[32],selectedImageModalUrl:[32],selectedImageModalName:[32],isInitialized:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}]}]);function F(){"undefined"!=typeof customElements&&["file-upload","custom-button","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-divider","udp-spinner","unity-typography"].forEach((i=>{switch(i){case"file-upload":customElements.get(o(i))||customElements.define(o(i),b);break;case"custom-button":customElements.get(o(i))||m();break;case"stencil-icon-button":customElements.get(o(i))||u();break;case"udp-ambient-tool-tip":customElements.get(o(i))||f();break;case"udp-badge":customElements.get(o(i))||g();break;case"udp-divider":customElements.get(o(i))||v();break;case"udp-spinner":customElements.get(o(i))||y();break;case"unity-typography":customElements.get(o(i))||w()}}))}export{b as F,F as d}
+import{p as i,H as t,c as e,h as s,d as a,t as o}from"./index2.js";import l from"@carbon/icons/es/close/24";import n from"axios";import{i as r,p as h,g as d}from"./udp-drive-utils.js";import{d as c}from"./utils.js";import{g as p}from"./iconUtils.js";import{d as m}from"./custom-button2.js";import{d as u}from"./stencil-icon-button2.js";import{d as f}from"./udp-ambient-tool-tip2.js";import{d as g}from"./udp-badge2.js";import{d as v}from"./udp-divider2.js";import{d as y}from"./udp-spinner2.js";import{d as w}from"./unity-typography2.js";import{C as x}from"./configService.js";const b=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.metadataEmit=e(this,"metadataEmit",7),this.fullWidth=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.renderImage=!1,this.displayUploadTime=!1,this.files=[],this.fileWindowOpen=!1,this.existingFileReferences=new Map,this.imagePreviewUrl=null,this.imagePreviewUrls=[],this.imagePreviewLoading=[],this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.isInitialized=!1,this.previewLoadRequestId=0,this.modalLayoutResizeObserver=null,this.modalLayoutRafId=null,this.uploadTimestampsByFileName=new Map,this.dragCounter=0,this.handleDragOver=i=>{this.disabled||this.readonly||this.hideDragAndDrop||(i.preventDefault(),i.stopPropagation())},this.handleDragEnter=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter++,t.classList.add("highlight")},this.handleDragLeave=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter--,0===this.dragCounter&&t.classList.remove("highlight")},this.handleDrop=i=>{if(this.hideDragAndDrop)return i.preventDefault(),void i.stopPropagation();this.disabled||this.readonly||(i.preventDefault(),i.stopPropagation(),i.currentTarget.classList.remove("highlight"),this.handleFiles(i.dataTransfer.files))},this.handleFileInput=i=>{const t=i.target;t.files&&t.files.length>0&&this.handleFiles(t.files),t.value="",this.fileWindowOpen=!1},this.handleFiles=i=>{if(0===i.length)return;const t=[...this.files],e=[],s=new Set,a=new Set;for(let o=0;o<i.length;o++){const l=i[o];if(!l.name||""===l.name.trim())continue;const n=this.normalizeFileName(l.name);if(this.allowMultiple){const i=t.some((i=>this.normalizeFileName(i.name)===n)),e=a.has(n);if(i||e){s.add(l.name.trim());continue}}if(a.add(n),!t.some((i=>i.name===l.name&&i.size===l.size))&&this.isFileTypeAllowed(l)&&(e.push(l),!this.allowMultiple))break}s.size>0?this.showDuplicateFileError(Array.from(s)):this.errorMessage=this.error,e.length>0&&(this.files=this.allowMultiple?[...t,...e]:[e[0]],this.updateImagePreview(),this.emitFileChangeEvents())},this.handleBrowseFiles=i=>{if(!this.disabled&&!this.readonly){if(i.preventDefault(),i.stopPropagation(),!this.hiddenInput){console.error("File input not initialized yet, attempting to create it now...");try{this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput)}catch(i){return void console.error("Failed to create file input:",i)}}this.fileWindowOpen=!0,this.hiddenInput.click()}},this.handleRemoveFile=i=>{if(this.disabled||this.readonly)return;const t=this.files[i];this.existingFileReferences.has(t.name)&&this.existingFileReferences.delete(t.name),this.files.splice(i,1),this.files=[...this.files],this.updateImagePreview(),this.files.length||(this.isImageModalOpen=!1),this.emitFileChangeEvents()},this.syncModalLayoutToLayoutContainer=()=>{const i=this.findLayoutContainer();if(!i)return void this.clearModalLayoutVars();const t=i.getBoundingClientRect(),e=getComputedStyle(document.documentElement),s=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-top-offset"))||48,a=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-bottom-offset"))||0,o=Math.max(0,s),l=Math.max(o,window.innerHeight-Math.max(0,a)),n=Math.max(t.top,o),r=Math.min(t.bottom,l),h=Math.max(0,Math.round(n)),d=Math.max(0,Math.round(t.left)),c=Math.max(0,Math.round(window.innerWidth-t.right)),p=Math.max(0,Math.round(window.innerHeight-r));this.el.style.setProperty("--udp-image-modal-top-offset",`${h}px`),this.el.style.setProperty("--udp-image-modal-left-offset",`${d}px`),this.el.style.setProperty("--udp-image-modal-right-offset",`${c}px`),this.el.style.setProperty("--udp-image-modal-bottom-offset",`${p}px`)},this.scheduleModalLayoutSync=()=>{null!==this.modalLayoutRafId&&cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=requestAnimationFrame((()=>{this.modalLayoutRafId=null,this.syncModalLayoutToLayoutContainer()}))},this.openImageModal=(i,t)=>{var e,s;if(this.disabled)return;const a=i||this.imagePreviewUrl;a&&(this.selectedImageModalUrl=a,this.selectedImageModalName=t||(null===(s=null===(e=this.files)||void 0===e?void 0:e[0])||void 0===s?void 0:s.name)||null,this.isImageModalOpen=!0,this.startModalLayoutSync())},this.closeImageModal=i=>{i&&(i.stopPropagation(),i.preventDefault()),this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.stopModalLayoutSync()}}updateError(){this.errorMessage=this.error}async initialValueChanged(i){var t,e,s,a,o;let l=i;if(l&&"object"==typeof l&&"value"in l&&"files"in l){const i=l,t=Array.isArray(i.files)?i.files:[];let e=[];"string"==typeof i.value&&r(i.value)&&(e=(await h(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const s=new Map;e.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),t.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),l=Array.from(s.values())}if(!l)return this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),void this.uploadTimestampsByFileName.clear();try{this.existingFileReferences.clear();let i=[];if("string"==typeof l&&r(l)){const n=await h(l);if(this.renderImage&&!this.allowMultiple&&n.length>0){const o=n[0],l=(null==o?void 0:o.type)||this.getMimeTypeFromExtension((null==o?void 0:o.extension)||(null===(e=null===(t=null==o?void 0:o.name)||void 0===t?void 0:t.split("."))||void 0===e?void 0:e.pop())||"");if(this.isRenderableImageFromNameOrMime(null==o?void 0:o.name,l)&&(null==o?void 0:o.driveFileId))try{const t={driveFileId:o.driveFileId,name:o.name,extension:o.extension||(null===(a=null===(s=o.name)||void 0===s?void 0:s.split("."))||void 0===a?void 0:a.pop())||""},e=await this.createFileFromUdpDriveFile(t);this.existingFileReferences.set(e.name,t),i=[e]}catch(i){console.warn("Eager image fetch from reference failed, using placeholders:",i)}}if(!i||0===i.length){i=n;for(const t of i)if(t.driveFileId){const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||(null===(o=t.name.split("."))||void 0===o?void 0:o.pop())||"",tenantId:null,productId:0,path:""};this.existingFileReferences.set(t.name,i)}}}else if(Array.isArray(l))i=(await Promise.all(l.map((i=>this.processInitialFile(i))))).filter((i=>null!==i));else if("object"==typeof l){const t=await this.processInitialFile(l);i=t?[t]:[]}this.files=i,this.updateImagePreview(),this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error processing initial files:",i),this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),this.uploadTimestampsByFileName.clear()}}async processInitialFile(i){if(console.log(i),!i)return null;if(!this.isUdpDriveFile(i))return i instanceof File?i:null;{const t=this.getMimeTypeFromExtension(i.extension);if(this.renderImage&&!this.allowMultiple&&this.isRenderableImageFromNameOrMime(i.name,t))try{const t=await this.createFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){console.warn("Eager fetch failed, using placeholder:",i)}try{const t=this.createPlaceholderFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){return console.error("Error creating placeholder file from UdpDriveFile:",i),null}}}isUdpDriveFile(i){return i&&"object"==typeof i&&"driveFileId"in i}createPlaceholderFileFromUdpDriveFile(i){const t=i.extension||"bin",e=i.name||`file.${t}`,s=new Blob([""],{type:this.getMimeTypeFromExtension(t)});let a=Date.now();return i.lastUpdated&&("string"==typeof i.lastUpdated||"number"==typeof i.lastUpdated?a=new Date(i.lastUpdated).getTime():i.lastUpdated instanceof Date&&(a=i.lastUpdated.getTime())),new File([s],e,{type:s.type,lastModified:a})}async createFileFromUdpDriveFile(i){try{const t=`${x.tenantV1ApiUrl}/UdpDrive/${i.driveFileId}/stream`,e=(await n({method:"GET",url:t,responseType:"blob",timeout:3e5,headers:{}})).data,s=i.name||`file.${i.extension}`;return new File([e],s,{type:e.type||this.getMimeTypeFromExtension(i.extension),lastModified:i.lastUpdated?new Date(i.lastUpdated).getTime():Date.now()})}catch(t){return console.error("Error creating file from UdpDriveFile:",t),new File([""],i.name||`file.${i.extension}`,{type:"application/octet-stream"})}}async updateImagePreview(){const i=++this.previewLoadRequestId;if(this.clearImagePreviewUrls(),!this.renderImage||0===this.files.length)return this.imagePreviewUrl=null,this.imagePreviewUrls=[],void(this.imagePreviewLoading=[]);if(this.allowMultiple)this.imagePreviewUrl=null,this.imagePreviewUrls=this.files.map((()=>"")),this.imagePreviewLoading=this.files.map((()=>!0)),this.files.forEach(((t,e)=>{(async()=>{let s="";const a=this.existingFileReferences.get(t.name);if(a)try{const i=await this.createFileFromUdpDriveFile(a);this.isImageFile(i)&&(s=URL.createObjectURL(i))}catch(i){console.warn("Failed to load existing image preview:",i)}else this.isImageFile(t)&&(s=URL.createObjectURL(t));if(i!==this.previewLoadRequestId){if(s)try{URL.revokeObjectURL(s)}catch(i){}return}const o=[...this.imagePreviewUrls];o[e]=s,this.imagePreviewUrls=o;const l=[...this.imagePreviewLoading];l[e]=!1,this.imagePreviewLoading=l})().catch((()=>{if(i!==this.previewLoadRequestId)return;const t=[...this.imagePreviewLoading];t[e]=!1,this.imagePreviewLoading=t}))}));else{this.imagePreviewLoading=[];const i=this.files[0];if(this.isImageFile(i)){if(this.imagePreviewUrl)try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=URL.createObjectURL(i)}else this.imagePreviewUrl=null}}clearImagePreviewUrls(){Array.isArray(this.imagePreviewUrls)&&0!==this.imagePreviewUrls.length&&(this.imagePreviewUrls.forEach((i=>{try{URL.revokeObjectURL(i)}catch(i){}})),this.imagePreviewUrls=[],this.imagePreviewLoading=[])}isImageFile(i){return!!i&&i.type.startsWith("image/")&&i.size>0}getMimeTypeFromExtension(i){return i&&{pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"}[i.toLowerCase()]||"application/octet-stream"}isRenderableImageFromNameOrMime(i,t){var e,s;if(t&&t.toLowerCase().startsWith("image/"))return!0;const a=null===(s=null===(e=null==i?void 0:i.split("."))||void 0===e?void 0:e.pop())||void 0===s?void 0:s.toLowerCase();return!!a&&new Set(["png","jpg","jpeg","gif","svg","webp","bmp"]).has(a)}async componentWillLoad(){if(!this.isInitialized){if(this.dragCounter=0,this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput),this.allowedMimeTypes&&this.disallowedMimeTypes)throw new Error("allowedMimeTypes and disallowedMimeTypes are mutually exclusive, you cannot use both props");if(!this.allowedMimeTypes&&!this.disallowedMimeTypes&&this.allowedFileTypes&&this.disallowedFileTypes)throw new Error("allowedFileTypes and disallowedFileTypes are mutually exclusive, you cannot use both props");this.allowedFileTypes&&console.warn("allowedFileTypes prop is deprecated. Use allowedMimeTypes for better security and validation."),this.disallowedFileTypes&&console.warn("disallowedFileTypes prop is deprecated. Use disallowedMimeTypes for better security and validation."),this.error&&(this.errorMessage=this.error),null!=this.initialValue&&""!==this.initialValue?await this.initialValueChanged(this.initialValue):null!=this.value&&await this.processValueProp(this.value),this.isInitialized=!0}}async processValueProp(i){let t=i;if(t&&"object"==typeof t&&"value"in t&&"files"in t){const i=t,e=Array.isArray(i.files)?i.files:[];let s=[];"string"==typeof i.value&&r(i.value)&&(s=(await h(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const a=new Map;s.forEach((i=>{(null==i?void 0:i.name)&&a.set(i.name,i)})),e.forEach((i=>{(null==i?void 0:i.name)&&a.set(i.name,i)})),t=Array.from(a.values())}if(null==t)return this.files=[],void this.uploadTimestampsByFileName.clear();try{if(Array.isArray(t)){if(0===t.length)return void(this.files=[]);const i=[];for(const e of t){const t=await this.processInitialFile(e);t&&i.push(t)}this.files=i}else{const i=await this.processInitialFile(t);this.files=i?[i]:[]}this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error in processValueProp:",i),this.files=[],this.uploadTimestampsByFileName.clear()}}emitFileChangeEvents(){this.updateValueProp();const i=this.files.filter((i=>!this.existingFileReferences.has(i.name))),t=this.files.filter((i=>this.existingFileReferences.has(i.name)));if(0===i.length&&0===t.length)return this.change.emit(null),this.uploadTimestampsByFileName.clear(),void(this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:null}));const e=[];i.forEach((i=>{i.name&&""!==i.name.trim()&&e.push(encodeURIComponent(i.name.trim()))})),t.forEach((i=>{if(i.name&&""!==i.name.trim()){const t=this.existingFileReferences.get(i.name);t&&e.push(`${encodeURIComponent(i.name.trim())}|udp:${t.driveFileId}`)}}));const s=e.join(","),a={toString:()=>s,valueOf:()=>s,value:s,files:i.filter((i=>i.name&&""!==i.name.trim()))};this.change.emit(a),this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:this.buildUploadTimestampMetadata(this.files)})}getExternalUploadTimestampForFileName(i){if(!i||!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const t=i.trim(),e=encodeURIComponent(t);return this.uploadTimestamps[e]||this.uploadTimestamps[t]||null}buildUploadTimestampMetadata(i){if(!Array.isArray(i)||0===i.length)return this.uploadTimestampsByFileName.clear(),null;const t=new Set(i.map((i=>this.normalizeFileName(i.name))).filter(Boolean));Array.from(this.uploadTimestampsByFileName.keys()).forEach((i=>{t.has(i)||this.uploadTimestampsByFileName.delete(i)}));const e=(new Date).toISOString();i.forEach((i=>{const t=this.normalizeFileName(i.name);if(!t||this.uploadTimestampsByFileName.has(t))return;const s=this.getExternalUploadTimestampForFileName(i.name);s?this.uploadTimestampsByFileName.set(t,s):this.existingFileReferences.has(i.name)||this.uploadTimestampsByFileName.set(t,e)}));const s={};return i.forEach((i=>{const t=this.normalizeFileName(i.name),e=this.uploadTimestampsByFileName.get(t)||this.getExternalUploadTimestampForFileName(i.name);e&&i.name&&(s[encodeURIComponent(i.name.trim())]=e)})),0===Object.keys(s).length?null:s}getUploadTimestampForFile(i){if(!(null==i?void 0:i.name))return null;const t=this.uploadTimestampsByFileName.get(this.normalizeFileName(i.name));if(t)return t;if(!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const e=i.name.trim(),s=encodeURIComponent(e);return this.uploadTimestamps[s]||this.uploadTimestamps[e]||null}formatUploadTimestamp(i){if(!i)return"N/A";const t=c(i,"long");return!t||t.includes("Invalid Date")?i:t}getResolvedDragAndDropMessage(){var i;return(null===(i=this.dragAndDropMessage)||void 0===i?void 0:i.trim())?this.dragAndDropMessage:`Drag and drop your ${this.allowMultiple?"files":"file"} here`}getResolvedBrowseFileMessage(){var i;return(null===(i=this.browseFileMessage)||void 0===i?void 0:i.trim())?this.browseFileMessage:"Browse "+(this.allowMultiple?"Files":"File")}updateValueProp(){}normalizeFileName(i){return i.trim().toLowerCase()}showDuplicateFileError(i){const t=Array.from(new Set(i.map((i=>i.trim())).filter(Boolean))),e=t.length>0?`Duplicate file name${t.length>1?"s":""} not allowed. The following ${t.length>1?"files have":"file has"} already been added: ${t.join(", ")}.`:"Duplicate file names are not allowed.";this.errorMessage=e}isFileTypeAllowed(i){var t;if(!i.name)return!1;const e=null===(t=i.name.split(".").pop())||void 0===t?void 0:t.toLowerCase(),s=i.type||d(e);return this.allowedMimeTypes&&this.allowedMimeTypes.length>0?this.allowedMimeTypes.some((i=>this.isMimeTypeMatch(s,i))):this.disallowedMimeTypes&&this.disallowedMimeTypes.length>0?!this.disallowedMimeTypes.some((i=>this.isMimeTypeMatch(s,i))):!!e&&(this.allowedFileTypes&&this.allowedFileTypes.length>0?this.allowedFileTypes.map((i=>i.toLowerCase())).includes(e):!(this.disallowedFileTypes&&this.disallowedFileTypes.length>0&&this.disallowedFileTypes.map((i=>i.toLowerCase())).includes(e)))}isMimeTypeMatch(i,t){if(!i||!t)return!1;if(i.toLowerCase()===t.toLowerCase())return!0;if(t.endsWith("/*")){const e=t.slice(0,-2).toLowerCase();return i.toLowerCase().startsWith(e+"/")}return!1}async downloadFile(i){if(!this.disabled)try{const t=this.existingFileReferences.get(i.name);if(t){const i=await this.createFileFromUdpDriveFile(t),e=URL.createObjectURL(i),s=document.createElement("a");s.href=e,s.download=i.name,s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(e)}else{const t=URL.createObjectURL(i),e=document.createElement("a");e.href=t,e.download=i.name,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),URL.revokeObjectURL(t)}}catch(i){console.error("Error downloading file:",i)}}disconnectedCallback(){if(this.stopModalLayoutSync(),this.hiddenInput&&(document.body.removeChild(this.hiddenInput),this.hiddenInput=null),this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=null}this.clearImagePreviewUrls()}findLayoutContainer(){var i,e;const s=".forms-renderer-container";let a=this.el;for(;a;){if(a instanceof t&&a.matches(s))return a;if(a instanceof ShadowRoot){const i=a.querySelector(s);if(i)return i}if(a.parentNode){a=a.parentNode;continue}const o=null===(e=(i=a).getRootNode)||void 0===e?void 0:e.call(i);a=o instanceof ShadowRoot&&o.host?o.host:null}return document.querySelector(s)}clearModalLayoutVars(){this.el.style.removeProperty("--udp-image-modal-top-offset"),this.el.style.removeProperty("--udp-image-modal-left-offset"),this.el.style.removeProperty("--udp-image-modal-right-offset"),this.el.style.removeProperty("--udp-image-modal-bottom-offset")}startModalLayoutSync(){this.syncModalLayoutToLayoutContainer(),window.addEventListener("resize",this.scheduleModalLayoutSync),window.addEventListener("scroll",this.scheduleModalLayoutSync,{passive:!0,capture:!0});const i=this.findLayoutContainer();i&&"undefined"!=typeof ResizeObserver&&(this.modalLayoutResizeObserver||(this.modalLayoutResizeObserver=new ResizeObserver(this.scheduleModalLayoutSync)),this.modalLayoutResizeObserver.observe(i))}stopModalLayoutSync(){window.removeEventListener("resize",this.scheduleModalLayoutSync),window.removeEventListener("scroll",this.scheduleModalLayoutSync,!0),this.modalLayoutResizeObserver&&this.modalLayoutResizeObserver.disconnect(),null!==this.modalLayoutRafId&&(cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=null),this.clearModalLayoutVars()}renderImageModal(){return this.isImageModalOpen&&this.selectedImageModalUrl?s("div",{class:"image-modal-backdrop",onClick:this.closeImageModal},s("div",{class:"image-modal-content",onClick:i=>i.stopPropagation()},s("img",{src:this.selectedImageModalUrl,alt:"Full image"}),this.selectedImageModalName&&s("div",{class:"image-modal-title",title:this.selectedImageModalName},this.selectedImageModalName),s("div",{class:"image-modal-close"},s("stencil-icon-button",{showLabel:!1,icon:l,onClick:this.closeImageModal})))):null}render(){const i=!!this.errorMessage,t=!this.allowMultiple&&this.files.length>0,e=this.renderImage&&this.files.length>0,o=!this.readonly&&!t,l=this.readonly&&0===this.files.length;return s(a,{key:"1b5fc48b4d05e0a30906f1e1bfb24a22804c98b8",class:{"udp-input":!0,"udp-input--error":i,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":i?"true":"false","aria-disabled":this.disabled?"true":"false"},s("div",{key:"29c9fc2516788d23cd66846486337a411295f142",id:"drop-area",onDragOver:t?void 0:this.handleDragOver,onDrop:t?void 0:this.handleDrop,onDragEnter:t?void 0:this.handleDragEnter,onDragLeave:t?void 0:this.handleDragLeave,class:this.fullWidth?"full-width":"contained-width"},e&&s("div",{key:"66324232e451f94870e5e47d59fc9aaa87b8be5d",class:"image-gallery","aria-label":"Uploaded image previews",style:{gridTemplateColumns:`repeat(${Math.min(this.files.length,3)}, minmax(0, 1fr))`}},this.files.map(((i,t)=>{const e=this.allowMultiple?this.imagePreviewUrls[t]:this.imagePreviewUrl,a=!!this.allowMultiple&&!0===this.imagePreviewLoading[t],o=this.getUploadTimestampForFile(i);return s("div",{class:"image-gallery-card",key:`image-preview-${t}`},s("div",{class:"image-gallery-item",onClick:()=>e&&this.openImageModal(e,i.name)},e?s("img",{src:e,alt:`Uploaded image ${t+1}`,class:"image-gallery-thumbnail"}):a?s("udp-spinner",{size:"small",appearance:"primary"}):s("unity-typography",{variant:"caption-text"},"No preview"),!this.readonly&&s("div",{class:"image-gallery-item-actions",onClick:i=>i.stopPropagation()},s("stencil-icon-button",{showLabel:!1,icon:p("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly}))),s("div",{class:"image-gallery-meta"},s("div",{class:"image-gallery-file-details"},s("button",{type:"button",class:"image-gallery-file-name",onClick:()=>this.downloadFile(i),disabled:this.disabled,title:i.name},s("span",{class:"file-name-ellipsis"},i.name)),this.displayUploadTime&&s("unity-typography",{variant:"caption-text"},this.formatUploadTimestamp(o)))))}))),!e&&this.files.length>0&&s("div",{key:"02b6a6bd23b1497bfa717c678757c170833ccea2",class:"upload-container"},s("div",{key:"1273441664b098c6308b4758fedbcc1c91de63c5",class:"file-list"},this.files.map(((i,t)=>{const e=this.existingFileReferences.has(i.name),a=this.getUploadTimestampForFile(i);return s("div",{class:"file-container",key:t},s("div",{class:"file-details "+(this.displayUploadTime?"with-timestamp":"without-timestamp")},s("div",{class:"file-text",onClick:()=>this.downloadFile(i)},s("unity-typography",null,s("span",{class:"file-name-ellipsis",title:i.name},i.name," ",e&&s("span",{style:{fontSize:"0.8em",opacity:"0.7"}}," (saved)")))),this.displayUploadTime&&s("div",{class:"timestamp-text"},s("unity-typography",{variant:"caption-text",color:"inherit"},this.formatUploadTimestamp(a)))),!this.readonly&&s("div",null,s("stencil-icon-button",{showLabel:!1,icon:p("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly})))})))),this.files.length>0&&!this.readonly&&o&&s("udp-divider",{key:"030ae95ecf23e75d56d75bb32142881570adbeaf",size:"100%"}),l?s("div",{class:"upload-container"},s("unity-typography",{variant:"h4"},"No item"+(this.allowMultiple?"s":""))):o&&s("div",{class:"upload-container"},s("div",null,this.hideDragAndDrop?"":s("unity-typography",null,s("p",null,this.getResolvedDragAndDropMessage()),this.hideButton?"":s("p",null,"or")),this.hideButton?"":s("custom-button",{label:this.getResolvedBrowseFileMessage(),onClick:i=>this.handleBrowseFiles(i),id:"udpRecord-file-upload-"+this.id,disabled:this.disabled||this.readonly,udprecordid:"udpRecord-file-upload-"+this.id}))),this.renderImageModal(),this.errorMessage&&!this.fileWindowOpen?s("div",{id:"error-text"},s("unity-typography",{color:"error"},this.errorMessage)):""))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}]}}static get style(){return"#drop-area{min-height:200px;height:auto;display:flex;flex-direction:column;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;flex:1;gap:2px;text-decoration:underline;cursor:pointer}.file-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.file-details.without-timestamp{align-self:center}.file-text unity-typography{display:block;width:100%;min-width:0}.file-list{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-gallery{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin:12px 0;width:100%}.image-gallery-item{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-color-primary);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-gallery-item-actions{position:absolute;top:8px;right:8px;z-index:1}.image-gallery-item-actions stencil-icon-button{display:block;transform:scale(0.75);transform-origin:top right}.image-gallery-card{display:flex;flex-direction:column;gap:6px}.image-gallery-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.image-gallery-file-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;width:100%;flex:1}.image-gallery-file-name{background:transparent;border:none;display:block;width:100%;min-width:0;padding:0;margin:0;text-align:left;text-decoration:underline;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-name-ellipsis{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-gallery-file-name:disabled{cursor:not-allowed;text-decoration:none}.image-gallery-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.upload-container{display:flex;flex-direction:column;flex:1;min-height:200px;align-items:center;justify-content:center;gap:0;padding:0}.image-modal-backdrop{--image-modal-top-offset:var(--udp-image-modal-top-offset, 48px);--image-modal-right-offset:var(--udp-image-modal-right-offset, 0px);--image-modal-bottom-offset:var(--udp-image-modal-bottom-offset, 0px);--image-modal-left-offset:var(--udp-image-modal-left-offset, 0px);--image-modal-available-width:calc(100vw - var(--image-modal-left-offset) - var(--image-modal-right-offset));--image-modal-available-height:calc(100vh - var(--image-modal-top-offset) - var(--image-modal-bottom-offset));position:fixed;inset:var(--image-modal-top-offset) var(--image-modal-right-offset) var(--image-modal-bottom-offset) var(--image-modal-left-offset);background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.image-modal-content{position:relative;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));background:#000;border-radius:8px;overflow:hidden}.image-modal-title{position:absolute;bottom:8px;left:8px;right:8px;color:#fff;background:rgba(0, 0, 0, 0.45);border-radius:4px;padding:4px 8px;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.image-modal-content img{display:block;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}"}},[1,"file-upload",{allowMultiple:[4,"allow-multiple"],allowedFileTypes:[16],disallowedFileTypes:[16],allowedMimeTypes:[16],disallowedMimeTypes:[16],fullWidth:[4,"full-width"],required:[4],error:[1],dragAndDropMessage:[1,"drag-and-drop-message"],browseFileMessage:[1,"browse-file-message"],hideDragAndDrop:[4,"hide-drag-and-drop"],hideButton:[4,"hide-button"],id:[1],name:[1],label:[1],disabled:[4],readonly:[4],initialValue:[1,"initial-value"],renderImage:[4,"render-image"],metadataTimestampKey:[1,"metadata-timestamp-key"],displayUploadTime:[4,"display-upload-time"],uploadTimestamps:[1,"upload-timestamps"],value:[1040],files:[32],fileWindowOpen:[32],errorMessage:[32],existingFileReferences:[32],imagePreviewUrl:[32],imagePreviewUrls:[32],imagePreviewLoading:[32],isImageModalOpen:[32],selectedImageModalUrl:[32],selectedImageModalName:[32],isInitialized:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}]}]);function F(){"undefined"!=typeof customElements&&["file-upload","custom-button","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-divider","udp-spinner","unity-typography"].forEach((i=>{switch(i){case"file-upload":customElements.get(o(i))||customElements.define(o(i),b);break;case"custom-button":customElements.get(o(i))||m();break;case"stencil-icon-button":customElements.get(o(i))||u();break;case"udp-ambient-tool-tip":customElements.get(o(i))||f();break;case"udp-badge":customElements.get(o(i))||g();break;case"udp-divider":customElements.get(o(i))||v();break;case"udp-spinner":customElements.get(o(i))||y();break;case"unity-typography":customElements.get(o(i))||w()}}))}export{b as F,F as d}

package/dist/components/form-metadata-display-renderer2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as s}from"./index2.js";import{d as a}from"./stencil-toggle2.js";import{d as o}from"./unity-typography2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,t,s;return i("div",{key:"cecc2c904ceaacd71ec4132add445db89e47ac66",class:"form-metadata-display-input-container"},i("div",{key:"da7c1f0813af26a800e615a25d2e886bd3265f1c"},i("stencil-toggle",{key:"07c3ddd16ede52becfadb619621857548b603281",label:"Show Form Responder Full Name",disabled:this.isViewOnly,checked:!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.displayOwnerFullName),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerFullName");this.onFormSectionsDraftChange(e)},labelPosition:"right"}),i("stencil-toggle",{key:"02b5c7b6b50c51c4664d6ee205ee41e9c57b467b",label:"Show Form Responder Email",disabled:this.isViewOnly,checked:!!(null===(t=this.question.fieldProperties)||void 0===t?void 0:t.displayOwnerEmail),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerEmail");this.onFormSectionsDraftChange(e)},labelPosition:"right"}),i("stencil-toggle",{key:"cad36c51fabed8befd89cbdf5e26416fd9273147",label:"Show Submission Date",disabled:this.isViewOnly,checked:!!(null===(s=this.question.fieldProperties)||void 0===s?void 0:s.displaySubmissionDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displaySubmissionDate");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}"}},[1,"form-metadata-display-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function d(){"undefined"!=typeof customElements&&["form-metadata-display-renderer","stencil-toggle","unity-typography"].forEach((e=>{switch(e){case"form-metadata-display-renderer":customElements.get(s(e))||customElements.define(s(e),n);break;case"stencil-toggle":customElements.get(s(e))||a();break;case"unity-typography":customElements.get(s(e))||o()}}))}export{n as F,d}
+import{p as e,H as t,h as i,t as s}from"./index2.js";import{d as a}from"./stencil-toggle2.js";import{d as o}from"./unity-typography2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,t,s;return i("div",{key:"9899d63c456701dd41573df80c479a30eb353fe4",class:"form-metadata-display-input-container"},i("div",{key:"358002aea240a513275ec904ac244ac3a01c9130"},i("stencil-toggle",{key:"0e50bd0887c34d1f26a5d7de1006ba1a605ad2d7",label:"Show Form Responder Full Name",disabled:this.isViewOnly,checked:!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.displayOwnerFullName),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerFullName");this.onFormSectionsDraftChange(e)},labelPosition:"right"}),i("stencil-toggle",{key:"5cacd22c8e76442a0f35b9f05af225a8810c0653",label:"Show Form Responder Email",disabled:this.isViewOnly,checked:!!(null===(t=this.question.fieldProperties)||void 0===t?void 0:t.displayOwnerEmail),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerEmail");this.onFormSectionsDraftChange(e)},labelPosition:"right"}),i("stencil-toggle",{key:"74decad3352705b899838f254b71d4055f3c99d9",label:"Show Submission Date",disabled:this.isViewOnly,checked:!!(null===(s=this.question.fieldProperties)||void 0===s?void 0:s.displaySubmissionDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displaySubmissionDate");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}"}},[1,"form-metadata-display-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function l(){"undefined"!=typeof customElements&&["form-metadata-display-renderer","stencil-toggle","unity-typography"].forEach((e=>{switch(e){case"form-metadata-display-renderer":customElements.get(s(e))||customElements.define(s(e),n);break;case"stencil-toggle":customElements.get(s(e))||a();break;case"unity-typography":customElements.get(s(e))||o()}}))}export{n as F,l as d}

package/dist/components/form-metadata-display2.js

@@ -1 +1 @@
-import{p as a,H as t,h as s,t as e}from"./index2.js";import{d as i}from"./utils.js";import{d as r}from"./unity-typography2.js";const o=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.displayOwnerFullName=!0,this.displayOwnerEmail=!0,this.displaySubmissionDate=!0}renderRow(a,t){return s("div",{class:"row"},s("span",{class:"label"},a),s("unity-typography",{class:"value",variant:"h4"},t))}render(){return s("div",{key:"612634c4e6a6af4181abc6b4526be06abb03a159",class:"container",role:"group","aria-label":"Form metadata"},this.displayOwnerFullName&&this.userDisplayName&&this.renderRow("Name",this.userDisplayName),this.displayOwnerEmail&&this.userEmail&&this.renderRow("Email",this.userEmail),this.displaySubmissionDate&&this.submittedOn&&this.renderRow("Submitted on",i(this.submittedOn,"long")))}static get style(){return":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}"}},[1,"form-metadata-display",{userDisplayName:[1,"user-display-name"],userEmail:[1,"user-email"],submittedOn:[1,"submitted-on"],displayOwnerFullName:[4,"display-owner-full-name"],displayOwnerEmail:[4,"display-owner-email"],displaySubmissionDate:[4,"display-submission-date"]}]);function l(){"undefined"!=typeof customElements&&["form-metadata-display","unity-typography"].forEach((a=>{switch(a){case"form-metadata-display":customElements.get(e(a))||customElements.define(e(a),o);break;case"unity-typography":customElements.get(e(a))||r()}}))}export{o as F,l as d}
+import{p as a,H as t,h as s,t as e}from"./index2.js";import{d as i}from"./utils.js";import{d as r}from"./unity-typography2.js";const o=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.displayOwnerFullName=!0,this.displayOwnerEmail=!0,this.displaySubmissionDate=!0}renderRow(a,t){return s("div",{class:"row"},s("span",{class:"label"},a),s("unity-typography",{class:"value",variant:"h4"},t))}render(){return s("div",{key:"63040b66bd59a3dc1b78d177357f935f1143b1a4",class:"container",role:"group","aria-label":"Form metadata"},this.displayOwnerFullName&&this.userDisplayName&&this.renderRow("Name",this.userDisplayName),this.displayOwnerEmail&&this.userEmail&&this.renderRow("Email",this.userEmail),this.displaySubmissionDate&&this.submittedOn&&this.renderRow("Submitted on",i(this.submittedOn,"long")))}static get style(){return":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}"}},[1,"form-metadata-display",{userDisplayName:[1,"user-display-name"],userEmail:[1,"user-email"],submittedOn:[1,"submitted-on"],displayOwnerFullName:[4,"display-owner-full-name"],displayOwnerEmail:[4,"display-owner-email"],displaySubmissionDate:[4,"display-submission-date"]}]);function l(){"undefined"!=typeof customElements&&["form-metadata-display","unity-typography"].forEach((a=>{switch(a){case"form-metadata-display":customElements.get(e(a))||customElements.define(e(a),o);break;case"unity-typography":customElements.get(e(a))||r()}}))}export{o as F,l as d}

package/dist/components/ghost-render2.js

@@ -1 +1 @@
-import{p as e,H as s,h as t,d as n,t as r}from"./index2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(n,{key:"c72866559dd6aad32d4f453634b047364bc49e91"},t("slot",{key:"9549af952adb5fb4539901f8a9be68f59618b4ec"}))}static get style(){return":host {\n      display: none;\n    }"}},[257,"ghost-render"]);function d(){"undefined"!=typeof customElements&&["ghost-render"].forEach((e=>{"ghost-render"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))}export{o as G,d}
+import{p as e,H as s,h as t,d as n,t as r}from"./index2.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(n,{key:"bec0fa4741a39ce0d804f3f98ce8c211138028d3"},t("slot",{key:"f6934523537cde4b6ebc2fe0f8af1a83c3cab2d8"}))}static get style(){return":host {\n      display: none;\n    }"}},[257,"ghost-render"]);function o(){"undefined"!=typeof customElements&&["ghost-render"].forEach((e=>{"ghost-render"===e&&(customElements.get(r(e))||customElements.define(r(e),c))}))}export{c as G,o as d}

package/dist/components/grid-primary-bar2.js

@@ -1 +1 @@
-import{p as i,H as e,h as s,t}from"./index2.js";import o from"@carbon/icons/es/save/16";import a from"@carbon/icons/es/close/16";import c from"@carbon/icons/es/list/16";import n from"@carbon/icons/es/download/16";import l from"@carbon/icons/es/settings/16";import r from"@carbon/icons/es/star/16";import d from"@carbon/icons/es/ibm-watson--discovery/16";import h from"@carbon/icons/es/idea/16";import m from"@carbon/icons/es/renew/16";import{d as b}from"./custom-button2.js";import{d as u}from"./stencil-icon-button-grid-action-header2.js";import{d as p}from"./udp-badge2.js";import{d as f}from"./udp-icon2.js";import{d as w}from"./unity-typography2.js";const k=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),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 i=window.innerWidth;this.showLabels=i>=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 i=this.defaultActionButtons.filter((i=>i.visible));this.hideBar=i.every((i=>this.hiddenActionButtons.includes(i.label)))}initializeActionButtons(){let i=[{icon:o,tooltip:"Save View",label:"Save View",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:r,tooltip:"Views",label:"Views",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:c,tooltip:"Hotlists",label:"Hotlists",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:d,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:a,tooltip:"Clear Search",label:"Clear Search",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];return this.hideExport||i.splice(3,0,{icon:n,tooltip:"Export",label:"Export",visible:!0,showLabel:!0,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick}),this.showInsightsAction&&i.splice(this.hideExport?3:4,0,{icon:h,tooltip:"Insights",label:"Insights",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick}),this.showHotlistButton||(i=i.filter((i=>"Hotlists"!==i.label))),this.showGridOptions&&i.push({icon:l,tooltip:"Grid Options",label:"Grid Options",visible:!0,showLabel:!1,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick}),i}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((i=>!this.hiddenActionButtons.includes(i.label)&&i.visible?s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:i.secondary,icon:i.icon,onClick:e=>{i.clickHandler?i.clickHandler(e):console.log(`${i.label} Clicked but no custom handler defined`)},tooltip:i.tooltip,iconClassName:i.iconClassName},i.icon&&s("i",{class:i.icon}),"save"===i.label.toLowerCase()||!this.hiddenLabels.includes(i.label)&&i.showLabel?s("span",null,i.label):null):null)),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"dd1ac64462d79e734eac8de43b63e7f441e8ce5b",label:this.primaryActionLabel,onClick:i=>this.primaryActionClick(i),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}]}}static get style(){return".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}"}},[257,"grid-primary-bar",{title:[1],hiddenActionButtons:[16],hiddenLabels:[16],actionButtons:[16],customSaveViewClick:[16],customSizeToFitClick:[16],customExportClick:[16],primaryActionClick:[16],customColumnViewClick:[16],customFitColumnClick:[16],customFilterViewClick:[16],customClearClick:[16],customRefreshClick:[16],customExpandClick:[16],customShowViewClick:[16],customShowHotlistClick:[16],customShowCustomSearchClick:[16],customToggleServerClientClick:[16],customAdvancedSearchClick:[16],customInsightsClick:[16],customShowGridOptionsClick:[16],showAdvancedSearchFeature:[4,"show-advanced-search-feature"],showFilterColumnFeature:[4,"show-filter-column-feature"],showGridOptions:[4,"show-grid-options"],showHotlistButton:[4,"show-hotlist-button"],hideExport:[4,"hide-export"],showInsightsAction:[4,"show-insights-action"],primaryActionLabel:[1,"primary-action-label"],primaryActionIcon:[1,"primary-action-icon"],enableAdvancedSearch:[4,"enable-advanced-search"],defaultActionButtons:[32],showLabels:[32],hideBar:[32]},void 0,{"window:resize":[{onResize:0}],enableAdvancedSearch:[{handleAdvancedSearchToggle:0}],hiddenActionButtons:[{onHiddenActionButtonsChange:0}]}]);function g(){"undefined"!=typeof customElements&&["grid-primary-bar","custom-button","stencil-icon-button-grid-action-header","udp-badge","udp-icon","unity-typography"].forEach((i=>{switch(i){case"grid-primary-bar":customElements.get(t(i))||customElements.define(t(i),k);break;case"custom-button":customElements.get(t(i))||b();break;case"stencil-icon-button-grid-action-header":customElements.get(t(i))||u();break;case"udp-badge":customElements.get(t(i))||p();break;case"udp-icon":customElements.get(t(i))||f();break;case"unity-typography":customElements.get(t(i))||w()}}))}export{k as G,g as d}
+import{p as i,H as e,h as s,t}from"./index2.js";import o from"@carbon/icons/es/save/16";import c from"@carbon/icons/es/close/16";import a from"@carbon/icons/es/list/16";import n from"@carbon/icons/es/download/16";import l from"@carbon/icons/es/settings/16";import r from"@carbon/icons/es/star/16";import d from"@carbon/icons/es/ibm-watson--discovery/16";import h from"@carbon/icons/es/idea/16";import b from"@carbon/icons/es/renew/16";import{d as m}from"./custom-button2.js";import{d as u}from"./stencil-icon-button-grid-action-header2.js";import{d as p}from"./udp-badge2.js";import{d as w}from"./udp-icon2.js";import{d as k}from"./unity-typography2.js";const g=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),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 i=window.innerWidth;this.showLabels=i>=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 i=this.defaultActionButtons.filter((i=>i.visible));this.hideBar=i.every((i=>this.hiddenActionButtons.includes(i.label)))}initializeActionButtons(){let i=[{icon:o,tooltip:"Save View",label:"Save View",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:r,tooltip:"Views",label:"Views",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:a,tooltip:"Hotlists",label:"Hotlists",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:d,tooltip:"Search",label:"Search",visible:this.enableAdvancedSearch,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowCustomSearchClick},{icon:b,tooltip:"Refresh",label:"Refresh",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customRefreshClick},{icon:c,tooltip:"Clear Search",label:"Clear Search",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];return this.hideExport||i.splice(3,0,{icon:n,tooltip:"Export",label:"Export",visible:!0,showLabel:!0,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick}),this.showInsightsAction&&i.splice(this.hideExport?3:4,0,{icon:h,tooltip:"Insights",label:"Insights",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick}),this.showHotlistButton||(i=i.filter((i=>"Hotlists"!==i.label))),this.showGridOptions&&i.push({icon:l,tooltip:"Grid Options",label:"Grid Options",visible:!0,showLabel:!1,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick}),i}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((i=>!this.hiddenActionButtons.includes(i.label)&&i.visible?s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:i.secondary,icon:i.icon,onClick:e=>{i.clickHandler?i.clickHandler(e):console.log(`${i.label} Clicked but no custom handler defined`)},tooltip:i.tooltip,iconClassName:i.iconClassName},i.icon&&s("i",{class:i.icon}),"save"===i.label.toLowerCase()||!this.hiddenLabels.includes(i.label)&&i.showLabel?s("span",null,i.label):null):null)),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"69df2cdc07b5e218164905a780feeb2ee7ec2064",label:this.primaryActionLabel,onClick:i=>this.primaryActionClick(i),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}]}}static get style(){return".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}"}},[257,"grid-primary-bar",{title:[1],hiddenActionButtons:[16],hiddenLabels:[16],actionButtons:[16],customSaveViewClick:[16],customSizeToFitClick:[16],customExportClick:[16],primaryActionClick:[16],customColumnViewClick:[16],customFitColumnClick:[16],customFilterViewClick:[16],customClearClick:[16],customRefreshClick:[16],customExpandClick:[16],customShowViewClick:[16],customShowHotlistClick:[16],customShowCustomSearchClick:[16],customToggleServerClientClick:[16],customAdvancedSearchClick:[16],customInsightsClick:[16],customShowGridOptionsClick:[16],showAdvancedSearchFeature:[4,"show-advanced-search-feature"],showFilterColumnFeature:[4,"show-filter-column-feature"],showGridOptions:[4,"show-grid-options"],showHotlistButton:[4,"show-hotlist-button"],hideExport:[4,"hide-export"],showInsightsAction:[4,"show-insights-action"],primaryActionLabel:[1,"primary-action-label"],primaryActionIcon:[1,"primary-action-icon"],enableAdvancedSearch:[4,"enable-advanced-search"],defaultActionButtons:[32],showLabels:[32],hideBar:[32]},void 0,{"window:resize":[{onResize:0}],enableAdvancedSearch:[{handleAdvancedSearchToggle:0}],hiddenActionButtons:[{onHiddenActionButtonsChange:0}]}]);function f(){"undefined"!=typeof customElements&&["grid-primary-bar","custom-button","stencil-icon-button-grid-action-header","udp-badge","udp-icon","unity-typography"].forEach((i=>{switch(i){case"grid-primary-bar":customElements.get(t(i))||customElements.define(t(i),g);break;case"custom-button":customElements.get(t(i))||m();break;case"stencil-icon-button-grid-action-header":customElements.get(t(i))||u();break;case"udp-badge":customElements.get(t(i))||p();break;case"udp-icon":customElements.get(t(i))||w();break;case"unity-typography":customElements.get(t(i))||k()}}))}export{g as G,f as d}