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

package/dist/components/hint-panel2.js

@@ -1 +1 @@
-import{p as t,H as e,h as n,t as i}from"./index2.js";import{d as s}from"./udp-button2.js";import{d as a}from"./unity-typography2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return n("div",{key:"30cd51fab775ed49145590f239ac96328833d9ad",class:"hint-container"},this.showHint&&n("div",{key:"81f8bbd744cad8fe013129aa154d91920da8bcf8",class:"hint-content"},n("div",{key:"2bd503978249ad020d6e9cb208f71126d236895b"},n("unity-typography",{key:"e655fd34d4efd8ed266e24fb4a36fada251c040b",variant:"body"}," ",this.hint," ")),this.hideHintText&&n("div",{key:"9071166c6c5fa4faffbc36065ecde0e5bc472e3d",class:"hide-help"},n("udp-button",{key:"fbe047ad65a87200d5b3a0051b065b83df981c03",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}static get style(){return".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}"}},[1,"hint-panel",{hint:[1],hideHintText:[1,"hide-hint-text"],showHint:[32]}]);function o(){"undefined"!=typeof customElements&&["hint-panel","udp-button","unity-typography"].forEach((t=>{switch(t){case"hint-panel":customElements.get(i(t))||customElements.define(i(t),d);break;case"udp-button":customElements.get(i(t))||s();break;case"unity-typography":customElements.get(i(t))||a()}}))}export{d as H,o as d}
+import{p as t,H as e,h as n,t as i}from"./index2.js";import{d as s}from"./udp-button2.js";import{d as a}from"./unity-typography2.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return n("div",{key:"9f3e0a64c558e9640f0452edaf641053460c8a39",class:"hint-container"},this.showHint&&n("div",{key:"357a51d28445c9ef44d285b90d414adc79a3c0c4",class:"hint-content"},n("div",{key:"955c8e4bdb80681728a3b1e828eef95c830e0f86"},n("unity-typography",{key:"c13886bc1eb7869e3e4c5fccc19a53d559227f9f",variant:"body"}," ",this.hint," ")),this.hideHintText&&n("div",{key:"a17cfbf74ace9228b4633a9ab15b525801bbc552",class:"hide-help"},n("udp-button",{key:"71c170ce3161e76a96dae07649d72b0598352db4",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}static get style(){return".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}"}},[1,"hint-panel",{hint:[1],hideHintText:[1,"hide-hint-text"],showHint:[32]}]);function c(){"undefined"!=typeof customElements&&["hint-panel","udp-button","unity-typography"].forEach((t=>{switch(t){case"hint-panel":customElements.get(i(t))||customElements.define(i(t),o);break;case"udp-button":customElements.get(i(t))||s();break;case"unity-typography":customElements.get(i(t))||a()}}))}export{o as H,c as d}

package/dist/components/icon-grid.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as e,c as i,h as c,t as n}from"./index2.js";import{i as s,a as o,d as a}from"./udp-fluent-icon2.js";import{d as r}from"./udp-flexbox2.js";import{d}from"./udp-fluent-card2.js";import{d as p}from"./udp-text2.js";import{d as l}from"./udp-tooltip2.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.iconClick=i(this,"iconClick",7),this.variant="regular",this.size="md",this.compact=!1,this.filteredIconNames=[]}componentWillLoad(){this.filterIcons()}handleSearchIcons(){this.filterIcons()}filterIcons(){if(this.searchKey&&""!==this.searchKey.trim()){const t=this.searchKey.toLowerCase();this.filteredIconNames=s.filter((e=>{if(e.toLowerCase().includes(t))return!0;const i=o[e];return!!(null==i?void 0:i.keywords)&&i.keywords.some((e=>e.toLowerCase().includes(t)))}))}else this.filteredIconNames=s}handleIconClick(t){this.iconClick.emit(t)}renderIconCard(t){return c("udp-fluent-card",{class:{"icon-card":!0,"icon-card--expanded":!this.compact,"icon-card--compact":this.compact},interactive:!0,onClick:()=>this.handleIconClick(t)},c("div",{class:{"icon-card-content":!0,"icon-card-content--stacked":!this.compact,"icon-card-content--compact":this.compact}},c("udp-fluent-icon",{name:t,variant:this.variant,size:this.size,color:this.color}),!this.compact&&c("udp-text",{variant:"caption1",align:"center"},t)))}render(){var t;return c("div",{key:"2b673e13ae0ea895d0f6ad966f86f9a6f7de564a",class:{"icon-grid":!0,"icon-grid--compact":this.compact,"icon-grid--expanded":!this.compact}},null===(t=this.filteredIconNames)||void 0===t?void 0:t.map((t=>{const e=this.renderIconCard(t);return c("div",{class:"grid-item",key:t},this.compact?c("udp-tooltip",{content:t},e):e)})))}static get watchers(){return{searchKey:[{handleSearchIcons:0}]}}static get style(){return".icon-grid{display:grid;gap:12px;box-sizing:border-box;justify-content:start}.icon-grid--compact{grid-template-columns:repeat(auto-fit, minmax(52px, 1fr))}.icon-grid--expanded{grid-template-columns:repeat(auto-fit, 120px)}.grid-item{align-self:stretch;justify-self:stretch;width:100%}.icon-card{display:flex;align-items:center;justify-content:center}.icon-card--expanded{width:100% !important;height:100% !important}.icon-card-content{display:flex;align-items:center;justify-content:center;gap:4px;text-align:center}.icon-card-content--stacked{flex-direction:column;padding-top:8px}.icon-card--compact{width:52px !important;height:52px !important}.icon-card-content--compact{width:100%;height:100%}"}},[1,"icon-grid",{variant:[8],size:[8],color:[1],searchKey:[1,"search-key"],compact:[4],filteredIconNames:[32]},void 0,{searchKey:[{handleSearchIcons:0}]}]),h=u,m=function(){"undefined"!=typeof customElements&&["icon-grid","udp-flexbox","udp-fluent-card","udp-fluent-icon","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"icon-grid":customElements.get(n(t))||customElements.define(n(t),u);break;case"udp-flexbox":customElements.get(n(t))||r();break;case"udp-fluent-card":customElements.get(n(t))||d();break;case"udp-fluent-icon":customElements.get(n(t))||a();break;case"udp-text":customElements.get(n(t))||p();break;case"udp-tooltip":customElements.get(n(t))||l()}}))};export{h as IconGrid,m as defineCustomElement}
+import{p as t,H as e,c as i,h as c,t as n}from"./index2.js";import{i as s,a as o,d as a}from"./udp-fluent-icon2.js";import{d as r}from"./udp-flexbox2.js";import{d}from"./udp-fluent-card2.js";import{d as p}from"./udp-text2.js";import{d as l}from"./udp-tooltip2.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.iconClick=i(this,"iconClick",7),this.variant="regular",this.size="md",this.compact=!1,this.filteredIconNames=[]}componentWillLoad(){this.filterIcons()}handleSearchIcons(){this.filterIcons()}filterIcons(){if(this.searchKey&&""!==this.searchKey.trim()){const t=this.searchKey.toLowerCase();this.filteredIconNames=s.filter((e=>{if(e.toLowerCase().includes(t))return!0;const i=o[e];return!!(null==i?void 0:i.keywords)&&i.keywords.some((e=>e.toLowerCase().includes(t)))}))}else this.filteredIconNames=s}handleIconClick(t){this.iconClick.emit(t)}renderIconCard(t){return c("udp-fluent-card",{class:{"icon-card":!0,"icon-card--expanded":!this.compact,"icon-card--compact":this.compact},interactive:!0,onClick:()=>this.handleIconClick(t)},c("div",{class:{"icon-card-content":!0,"icon-card-content--stacked":!this.compact,"icon-card-content--compact":this.compact}},c("udp-fluent-icon",{name:t,variant:this.variant,size:this.size,color:this.color}),!this.compact&&c("udp-text",{variant:"caption1",align:"center"},t)))}render(){var t;return c("div",{key:"b9ebed5da227fd91f9b270a02032234e15314e3c",class:{"icon-grid":!0,"icon-grid--compact":this.compact,"icon-grid--expanded":!this.compact}},null===(t=this.filteredIconNames)||void 0===t?void 0:t.map((t=>{const e=this.renderIconCard(t);return c("div",{class:"grid-item",key:t},this.compact?c("udp-tooltip",{content:t},e):e)})))}static get watchers(){return{searchKey:[{handleSearchIcons:0}]}}static get style(){return".icon-grid{display:grid;gap:12px;box-sizing:border-box;justify-content:start}.icon-grid--compact{grid-template-columns:repeat(auto-fit, minmax(52px, 1fr))}.icon-grid--expanded{grid-template-columns:repeat(auto-fit, 120px)}.grid-item{align-self:stretch;justify-self:stretch;width:100%}.icon-card{display:flex;align-items:center;justify-content:center}.icon-card--expanded{width:100% !important;height:100% !important}.icon-card-content{display:flex;align-items:center;justify-content:center;gap:4px;text-align:center}.icon-card-content--stacked{flex-direction:column;padding-top:8px}.icon-card--compact{width:52px !important;height:52px !important}.icon-card-content--compact{width:100%;height:100%}"}},[1,"icon-grid",{variant:[8],size:[8],color:[1],searchKey:[1,"search-key"],compact:[4],filteredIconNames:[32]},void 0,{searchKey:[{handleSearchIcons:0}]}]),h=u,m=function(){"undefined"!=typeof customElements&&["icon-grid","udp-flexbox","udp-fluent-card","udp-fluent-icon","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"icon-grid":customElements.get(n(t))||customElements.define(n(t),u);break;case"udp-flexbox":customElements.get(n(t))||r();break;case"udp-fluent-card":customElements.get(n(t))||d();break;case"udp-fluent-icon":customElements.get(n(t))||a();break;case"udp-text":customElements.get(n(t))||p();break;case"udp-tooltip":customElements.get(n(t))||l()}}))};export{h as IconGrid,m as defineCustomElement}

package/dist/components/image-upload2.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,d as a,t as o}from"./index2.js";import{d}from"./custom-button2.js";import{d as l}from"./file-upload2.js";import{d as m}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as p}from"./udp-badge2.js";import{d as n}from"./udp-divider2.js";import{d as u}from"./udp-spinner2.js";import{d as h}from"./unity-typography2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=s(this,"change",7),this.metadataEmit=s(this,"metadataEmit",7),this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"],this.fullWidth=!1,this.allowMultiple=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.displayUploadTime=!1,this.handleFileChange=e=>{e.stopPropagation(),this.change.emit(e.detail)},this.handleMetadataEmit=e=>{e.stopPropagation(),this.metadataEmit.emit(e.detail)}}render(){var e,t;const s=null!==(e=this.dragAndDropMessage)&&void 0!==e?e:`Drag and drop your image${this.allowMultiple?"s":""} here`,o=null!==(t=this.browseFileMessage)&&void 0!==t?t:"Browse Image"+(this.allowMultiple?"s":"");return i(a,{key:"3ecef7e1d24ff2594617dbe014b35ec08bf5df4b"},i("file-upload",{key:"a3f181122b6d3283ae2f28d8ef7ef4b11248f03c",allowMultiple:this.allowMultiple,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:s,browseFileMessage:o,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,metadataTimestampKey:"image.timestamp",displayUploadTime:this.displayUploadTime,uploadTimestamps:this.uploadTimestamps,renderImage:!0,onChange:this.handleFileChange,onMetadataEmit:this.handleMetadataEmit}))}static get style(){return":host{display:block}"}},[1,"image-upload",{allowedMimeTypes:[16],fullWidth:[4,"full-width"],allowMultiple:[4,"allow-multiple"],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"],displayUploadTime:[4,"display-upload-time"],uploadTimestamps:[1,"upload-timestamps"]}]);function g(){"undefined"!=typeof customElements&&["image-upload","custom-button","file-upload","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-divider","udp-spinner","unity-typography"].forEach((e=>{switch(e){case"image-upload":customElements.get(o(e))||customElements.define(o(e),c);break;case"custom-button":customElements.get(o(e))||d();break;case"file-upload":customElements.get(o(e))||l();break;case"stencil-icon-button":customElements.get(o(e))||m();break;case"udp-ambient-tool-tip":customElements.get(o(e))||r();break;case"udp-badge":customElements.get(o(e))||p();break;case"udp-divider":customElements.get(o(e))||n();break;case"udp-spinner":customElements.get(o(e))||u();break;case"unity-typography":customElements.get(o(e))||h()}}))}export{c as I,g as d}
+import{p as e,H as t,c as s,h as i,d as a,t as d}from"./index2.js";import{d as o}from"./custom-button2.js";import{d as l}from"./file-upload2.js";import{d as m}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as p}from"./udp-badge2.js";import{d as n}from"./udp-divider2.js";import{d as u}from"./udp-spinner2.js";import{d as h}from"./unity-typography2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=s(this,"change",7),this.metadataEmit=s(this,"metadataEmit",7),this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"],this.fullWidth=!1,this.allowMultiple=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.displayUploadTime=!1,this.handleFileChange=e=>{e.stopPropagation(),this.change.emit(e.detail)},this.handleMetadataEmit=e=>{e.stopPropagation(),this.metadataEmit.emit(e.detail)}}render(){var e,t;const s=null!==(e=this.dragAndDropMessage)&&void 0!==e?e:`Drag and drop your image${this.allowMultiple?"s":""} here`,d=null!==(t=this.browseFileMessage)&&void 0!==t?t:"Browse Image"+(this.allowMultiple?"s":"");return i(a,{key:"425712dd7384de03a8617d2e1d200282d5f7fdbf"},i("file-upload",{key:"43c63aa9992127322b1cf5593ef6a889e208e3d9",allowMultiple:this.allowMultiple,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:s,browseFileMessage:d,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,metadataTimestampKey:"image.timestamp",displayUploadTime:this.displayUploadTime,uploadTimestamps:this.uploadTimestamps,renderImage:!0,onChange:this.handleFileChange,onMetadataEmit:this.handleMetadataEmit}))}static get style(){return":host{display:block}"}},[1,"image-upload",{allowedMimeTypes:[16],fullWidth:[4,"full-width"],allowMultiple:[4,"allow-multiple"],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"],displayUploadTime:[4,"display-upload-time"],uploadTimestamps:[1,"upload-timestamps"]}]);function g(){"undefined"!=typeof customElements&&["image-upload","custom-button","file-upload","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-divider","udp-spinner","unity-typography"].forEach((e=>{switch(e){case"image-upload":customElements.get(d(e))||customElements.define(d(e),c);break;case"custom-button":customElements.get(d(e))||o();break;case"file-upload":customElements.get(d(e))||l();break;case"stencil-icon-button":customElements.get(d(e))||m();break;case"udp-ambient-tool-tip":customElements.get(d(e))||r();break;case"udp-badge":customElements.get(d(e))||p();break;case"udp-divider":customElements.get(d(e))||n();break;case"udp-spinner":customElements.get(d(e))||u();break;case"unity-typography":customElements.get(d(e))||h()}}))}export{c as I,g as d}

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./index2.js";export{f as formRegistry}from"./form-registry.js";import e from"axios";export{c as convertToAgGridColumns,a as createStructuredQuery,d as defaultPayload,b as demoMSSearchData,t as transformSearchData}from"./transformSearchData.js";export{l as loadCatalogData,o as onChange,s as state}from"./catalog-store.js";export{L as LogicalSearchOperator,S as SearchBuilder,a as SearchUtilities}from"./SearchBuilder.js";export{A as ALLOWED_GROUP_OPERATIONS,d as SearchConstants,S as SearchGroupingType,a as SearchOperators,b as SearchValueType,c as SortOrder,a as SqlFilterOperators}from"./searchObject.js";export{b as buildCatalogTree,a as buildIndices,f as findNodeByPath,i as isCatalogModelObject}from"./catalogTree.js";export{C as ConfigService}from"./configService.js";export{b as buildColumnDefsFromCatalog}from"./apiMethodInstance.js";import{setTheme as n}from"@fluentui/web-components";import{createDarkTheme as u,createLightTheme as h}from"@fluentui/tokens";const m=(e,t)=>{const o=(null==t?void 0:t.headers)?Object.assign({},t.headers):{};return o.currentTenantId=e,Object.assign(Object.assign({},t),{headers:o})},p=async(t,o,i,r)=>e(Object.assign(Object.assign(Object.assign({},{url:`${t}/${o}`}),i),r)),v={Domain:3,Lookup:4},w={String:1,Long:2,Boolean:3,DateTime:4,Double:5},y=e=>e?{tileUrlTemplate:`https://atlas.microsoft.com/map/tile?subscription-key=${e}&api-version=2024-04-01&tilesetId=microsoft.base.road&zoom={z}&x={x}&y={y}`,searchAddresses:async(t,o)=>{var i;const r=new URL("https://atlas.microsoft.com/search/address/json");r.searchParams.set("api-version","1.0"),r.searchParams.set("subscription-key",e),r.searchParams.set("query",t),r.searchParams.set("typeahead","true"),r.searchParams.set("limit","8"),(null==o?void 0:o.countrySet)&&r.searchParams.set("countrySet",o.countrySet),(null==o?void 0:o.language)&&r.searchParams.set("language",o.language);const s=await fetch(""+r,{signal:null==o?void 0:o.signal});if(!s.ok)throw Error("Azure search failed: "+s.status);return(null!==(i=(await s.json()).results)&&void 0!==i?i:[]).filter((e=>e.address&&e.position)).map(((e,t)=>{var o,i,r,s,n,a,l,d,c,u,h;return{id:null!==(o=e.id)&&void 0!==o?o:"azure-"+t,address:{freeformAddress:null!==(r=null===(i=e.address)||void 0===i?void 0:i.freeformAddress)&&void 0!==r?r:"",streetNumber:null===(s=e.address)||void 0===s?void 0:s.streetNumber,streetName:null===(n=e.address)||void 0===n?void 0:n.streetName,municipality:null===(a=e.address)||void 0===a?void 0:a.municipality,countrySubdivisionName:null===(l=e.address)||void 0===l?void 0:l.countrySubdivisionName,postalCode:null!==(c=null===(d=e.address)||void 0===d?void 0:d.extendedPostalCode)&&void 0!==c?c:null===(u=e.address)||void 0===u?void 0:u.postalCode,country:null===(h=e.address)||void 0===h?void 0:h.country},position:{lat:e.position.lat,lng:e.position.lon}}}))},reverseGeocode:async(t,o,i)=>{var r,s,n,a;const l=new URL("https://atlas.microsoft.com/search/address/reverse/json");l.searchParams.set("api-version","1.0"),l.searchParams.set("subscription-key",e),l.searchParams.set("query",`${t},${o}`),(null==i?void 0:i.language)&&l.searchParams.set("language",i.language);const d=await fetch(""+l,{signal:null==i?void 0:i.signal});if(!d.ok)throw Error("Azure reverse geocode failed: "+d.status);const c=null===(s=null===(r=(await d.json()).addresses)||void 0===r?void 0:r[0])||void 0===s?void 0:s.address;return c?{freeformAddress:null!==(n=c.freeformAddress)&&void 0!==n?n:"",streetNumber:c.streetNumber,streetName:c.streetName,municipality:c.municipality,countrySubdivisionName:c.countrySubdivisionName,postalCode:null!==(a=c.extendedPostalCode)&&void 0!==a?a:c.postalCode,country:c.country}:null}}:null;function x(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}const k={xs:`(max-width: ${x("--breakpoint-xs-max")}px)`,sm:`(min-width: ${x("--breakpoint-sm-min")}px) and (max-width: ${x("--breakpoint-sm-max")}px)`,md:`(min-width: ${x("--breakpoint-md-min")}px) and (max-width: ${x("--breakpoint-md-max")}px)`,lg:`(min-width: ${x("--breakpoint-lg-min")}px) and (max-width: ${x("--breakpoint-lg-max")}px)`,xl:`(min-width: ${x("--breakpoint-xl-min")}px)`};function O(e){return"undefined"!=typeof window&&window.matchMedia(k[e]).matches}class j{get isConnected(){var e;return(null===(e=this.socket)||void 0===e?void 0:e.readyState)===WebSocket.OPEN}async connect(e,t,o=0,i=0){var r;if(!this.isWssUrl(e))throw Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");const s=await t();this.socket=s?new WebSocket(e,s):new WebSocket(e),await new Promise(((e,t)=>{const o=()=>{this.socket.removeEventListener("open",o),this.socket.removeEventListener("error",i),e()},i=e=>{this.socket.removeEventListener("open",o),this.socket.removeEventListener("error",i),t(e)};this.socket.addEventListener("open",o),this.socket.addEventListener("error",i)})),null===(r=this.openHandler)||void 0===r||r.call(this),this.socket.onmessage=e=>this.handleMessage(e),this.socket.onclose=e=>this.handleClose(e),this.socket.onerror=e=>this.handleError(e),o&&i&&this.startKeepAliveTimer(o,i)}onMessageReceived(e){return this.messageReceivedHandler=e,this}onOpen(e){return this.openHandler=e,this}onClose(e){return this.closeHandler=e,this}onError(e){return this.errorHandler=e,this}send(e){if(!this.isConnected)throw Error("WebSocket is not connected.");const t=JSON.stringify(e);this.socket.send(t)}close(){this.socket&&(this.socket.close(),this.stopKeepAliveTimer(),this.socket=void 0)}handleMessage(e){var t;try{const o=JSON.parse(e.data);null===(t=this.messageReceivedHandler)||void 0===t||t.call(this,o)}catch(e){console.error("Invalid UdpWebSocketMessage received:",e)}}handleClose(e){var t;null===(t=this.closeHandler)||void 0===t||t.call(this,e),this.close()}handleError(e){var t;null===(t=this.errorHandler)||void 0===t||t.call(this,e),console.error("UdpWebSocket error:",e)}startKeepAliveTimer(e,t){this.stopKeepAliveTimer(),this.keepAliveIntervalId=window.setInterval((()=>{this.sendKeepAlivePing()}),e),this.keepAliveTimeoutId=window.setTimeout((()=>{this.close()}),t)}stopKeepAliveTimer(){this.keepAliveIntervalId&&clearInterval(this.keepAliveIntervalId),this.keepAliveTimeoutId&&clearTimeout(this.keepAliveTimeoutId),this.keepAliveIntervalId=void 0,this.keepAliveTimeoutId=void 0}sendKeepAlivePing(){const e={headers:{type:"KeepAlive",timestamp:Date.now()}};try{this.send(e)}catch(e){console.error("KeepAlive ping failed to send:",e)}}isWssUrl(e){return/^wss?:\/\//.test(e)}}function $(e,t,o){const i=e=>{const t=Math.max(0,Math.min(255,Math.round(e))).toString(16);return 1===t.length?"0"+t:t};return`#${i(e)}${i(t)}${i(o)}`}j.DEFAULT_KEEPALIVE_INTERVAL_MS=3e4,j.DEFAULT_KEEPALIVE_TIMEOUT_MS=36e5;const N={unity:"#0c2f50",sap:"#344861"};let T=N.unity,D="light";function I(){!function(e){const{primaryColor:t,mode:o}=e,i=function(e){const{r:t,g:o,b:i}=function(e){const t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((e,t,o,i)=>t+t+o+o+i+i)),o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return o?{r:parseInt(o[1],16),g:parseInt(o[2],16),b:parseInt(o[3],16)}:{r:0,g:0,b:0}}(e),r={};for(let s=1;s<=16;s++){const n=10*s;if(80===n){r[n]=e;continue}let a,l,d;if(n<80){const e=n/80;a=t*e,l=o*e,d=i*e}else{const e=(n-80)/80;a=t+(255-t)*e,l=o+(255-o)*e,d=i+(255-i)*e}r[n]=$(a,l,d)}return r}(t),r="dark"===o?u(i):h(i);n(r),document.documentElement.style.color="var(--colorNeutralForeground1)",document.documentElement.style.backgroundColor="var(--colorNeutralBackground1)"}({primaryColor:T,mode:D})}function E(e){e?"string"==typeof e?(T=N[e],D="light"):(T=e.primaryColor||N.unity,D=e.mode||"light"):(T=N.unity,D="light"),I()}function M(e){if(D=e,I(),"undefined"!=typeof window){const e=new CustomEvent("theme-changed",{detail:{mode:D,primaryColor:T}});window.dispatchEvent(e)}}function P(){return D}export{w as LookupColumnTypeId,v as LookupTypeId,j as UdpWebSocketClient,p as apiMutate,y as createAzureMapsProviders,P as getCurrentThemeMode,m as getMergedConfig,E as initializeTheme,M as setThemeMode,O as useMatchBreakpoint}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./index2.js";export{f as formRegistry}from"./form-registry.js";import e from"axios";export{c as convertToAgGridColumns,a as createStructuredQuery,d as defaultPayload,b as demoMSSearchData,t as transformSearchData}from"./transformSearchData.js";export{l as loadCatalogData,o as onChange,s as state}from"./catalog-store.js";export{L as LogicalSearchOperator,S as SearchBuilder,a as SearchUtilities}from"./SearchBuilder.js";export{A as ALLOWED_GROUP_OPERATIONS,d as SearchConstants,S as SearchGroupingType,a as SearchOperators,b as SearchValueType,c as SortOrder,a as SqlFilterOperators}from"./searchObject.js";export{b as buildCatalogTree,a as buildIndices,f as findNodeByPath,i as isCatalogModelObject}from"./catalogTree.js";export{C as ConfigService}from"./configService.js";export{b as buildColumnDefsFromCatalog}from"./apiMethodInstance.js";export{g as getCurrentThemeMode,i as initializeTheme,s as setThemeMode}from"./theme-manager.js";const n=(e,t)=>{const s=(null==t?void 0:t.headers)?Object.assign({},t.headers):{};return s.currentTenantId=e,Object.assign(Object.assign({},t),{headers:s})},h=async(t,s,o,i)=>e(Object.assign(Object.assign(Object.assign({},{url:`${t}/${s}`}),o),i)),u={Domain:3,Lookup:4},m={String:1,Long:2,Boolean:3,DateTime:4,Double:5},p=e=>e?{tileUrlTemplate:`https://atlas.microsoft.com/map/tile?subscription-key=${e}&api-version=2024-04-01&tilesetId=microsoft.base.road&zoom={z}&x={x}&y={y}`,searchAddresses:async(t,s)=>{var o;const i=new URL("https://atlas.microsoft.com/search/address/json");i.searchParams.set("api-version","1.0"),i.searchParams.set("subscription-key",e),i.searchParams.set("query",t),i.searchParams.set("typeahead","true"),i.searchParams.set("limit","8"),(null==s?void 0:s.countrySet)&&i.searchParams.set("countrySet",s.countrySet),(null==s?void 0:s.language)&&i.searchParams.set("language",s.language);const r=await fetch(""+i,{signal:null==s?void 0:s.signal});if(!r.ok)throw Error("Azure search failed: "+r.status);return(null!==(o=(await r.json()).results)&&void 0!==o?o:[]).filter((e=>e.address&&e.position)).map(((e,t)=>{var s,o,i,r,a,n,l,d,c,h,u;return{id:null!==(s=e.id)&&void 0!==s?s:"azure-"+t,address:{freeformAddress:null!==(i=null===(o=e.address)||void 0===o?void 0:o.freeformAddress)&&void 0!==i?i:"",streetNumber:null===(r=e.address)||void 0===r?void 0:r.streetNumber,streetName:null===(a=e.address)||void 0===a?void 0:a.streetName,municipality:null===(n=e.address)||void 0===n?void 0:n.municipality,countrySubdivisionName:null===(l=e.address)||void 0===l?void 0:l.countrySubdivisionName,postalCode:null!==(c=null===(d=e.address)||void 0===d?void 0:d.extendedPostalCode)&&void 0!==c?c:null===(h=e.address)||void 0===h?void 0:h.postalCode,country:null===(u=e.address)||void 0===u?void 0:u.country},position:{lat:e.position.lat,lng:e.position.lon}}}))},reverseGeocode:async(t,s,o)=>{var i,r,a,n;const l=new URL("https://atlas.microsoft.com/search/address/reverse/json");l.searchParams.set("api-version","1.0"),l.searchParams.set("subscription-key",e),l.searchParams.set("query",`${t},${s}`),(null==o?void 0:o.language)&&l.searchParams.set("language",o.language);const d=await fetch(""+l,{signal:null==o?void 0:o.signal});if(!d.ok)throw Error("Azure reverse geocode failed: "+d.status);const c=null===(r=null===(i=(await d.json()).addresses)||void 0===i?void 0:i[0])||void 0===r?void 0:r.address;return c?{freeformAddress:null!==(a=c.freeformAddress)&&void 0!==a?a:"",streetNumber:c.streetNumber,streetName:c.streetName,municipality:c.municipality,countrySubdivisionName:c.countrySubdivisionName,postalCode:null!==(n=c.extendedPostalCode)&&void 0!==n?n:c.postalCode,country:c.country}:null}}:null;function v(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}const x={xs:`(max-width: ${v("--breakpoint-xs-max")}px)`,sm:`(min-width: ${v("--breakpoint-sm-min")}px) and (max-width: ${v("--breakpoint-sm-max")}px)`,md:`(min-width: ${v("--breakpoint-md-min")}px) and (max-width: ${v("--breakpoint-md-max")}px)`,lg:`(min-width: ${v("--breakpoint-lg-min")}px) and (max-width: ${v("--breakpoint-lg-max")}px)`,xl:`(min-width: ${v("--breakpoint-xl-min")}px)`};function w(e){return"undefined"!=typeof window&&window.matchMedia(x[e]).matches}class y{get isConnected(){var e;return(null===(e=this.socket)||void 0===e?void 0:e.readyState)===WebSocket.OPEN}async connect(e,t,s=0,o=0){var i;if(!this.isWssUrl(e))throw Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");const r=await t();this.socket=r?new WebSocket(e,r):new WebSocket(e),await new Promise(((e,t)=>{const s=()=>{this.socket.removeEventListener("open",s),this.socket.removeEventListener("error",o),e()},o=e=>{this.socket.removeEventListener("open",s),this.socket.removeEventListener("error",o),t(e)};this.socket.addEventListener("open",s),this.socket.addEventListener("error",o)})),null===(i=this.openHandler)||void 0===i||i.call(this),this.socket.onmessage=e=>this.handleMessage(e),this.socket.onclose=e=>this.handleClose(e),this.socket.onerror=e=>this.handleError(e),s&&o&&this.startKeepAliveTimer(s,o)}onMessageReceived(e){return this.messageReceivedHandler=e,this}onOpen(e){return this.openHandler=e,this}onClose(e){return this.closeHandler=e,this}onError(e){return this.errorHandler=e,this}send(e){if(!this.isConnected)throw Error("WebSocket is not connected.");const t=JSON.stringify(e);this.socket.send(t)}close(){this.socket&&(this.socket.close(),this.stopKeepAliveTimer(),this.socket=void 0)}handleMessage(e){var t;try{const s=JSON.parse(e.data);null===(t=this.messageReceivedHandler)||void 0===t||t.call(this,s)}catch(e){console.error("Invalid UdpWebSocketMessage received:",e)}}handleClose(e){var t;null===(t=this.closeHandler)||void 0===t||t.call(this,e),this.close()}handleError(e){var t;null===(t=this.errorHandler)||void 0===t||t.call(this,e),console.error("UdpWebSocket error:",e)}startKeepAliveTimer(e,t){this.stopKeepAliveTimer(),this.keepAliveIntervalId=window.setInterval((()=>{this.sendKeepAlivePing()}),e),this.keepAliveTimeoutId=window.setTimeout((()=>{this.close()}),t)}stopKeepAliveTimer(){this.keepAliveIntervalId&&clearInterval(this.keepAliveIntervalId),this.keepAliveTimeoutId&&clearTimeout(this.keepAliveTimeoutId),this.keepAliveIntervalId=void 0,this.keepAliveTimeoutId=void 0}sendKeepAlivePing(){const e={headers:{type:"KeepAlive",timestamp:Date.now()}};try{this.send(e)}catch(e){console.error("KeepAlive ping failed to send:",e)}}isWssUrl(e){return/^wss?:\/\//.test(e)}}y.DEFAULT_KEEPALIVE_INTERVAL_MS=3e4,y.DEFAULT_KEEPALIVE_TIMEOUT_MS=36e5;export{m as LookupColumnTypeId,u as LookupTypeId,y as UdpWebSocketClient,h as apiMutate,p as createAzureMapsProviders,n as getMergedConfig,w as useMatchBreakpoint}

package/dist/components/kpi-list2.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as s}from"./index2.js";import{d as n}from"./unity-typography2.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return i("div",{key:"9171e99debfd099aa6f2c9cb236e8913e96e14a2",class:"kpi-container"},this.kpiValues.map(((t,e)=>i("div",{class:"kpi-item"},i("span",{class:"kpi-label",style:{fontSize:" 0.875rem",fontWeight:"300",lineHeight:"0.25",fontFamily:"sans-serif"}}," ",i("unity-typography",null," ",t.label,": "),"  "),i("span",{class:"kpi-value",style:{fontSize:" 0.875rem",fontWeight:"600",lineHeight:"0.25",fontFamily:"sans-serif"}},"  ",i("unity-typography",null," ",t.value.toLocaleString()," ")," "),e<this.kpiValues.length-1&&i("div",{class:"divider"})))))}static get style(){return".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}"}},[0,"kpi-list",{kpiValues:[16]}]);function p(){"undefined"!=typeof customElements&&["kpi-list","unity-typography"].forEach((t=>{switch(t){case"kpi-list":customElements.get(s(t))||customElements.define(s(t),a);break;case"unity-typography":customElements.get(s(t))||n()}}))}export{a as K,p as d}
+import{p as t,H as e,h as i,t as s}from"./index2.js";import{d as n}from"./unity-typography2.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return i("div",{key:"00e2e89caf21f9f28242e99b5c5f74dda0bddaee",class:"kpi-container"},this.kpiValues.map(((t,e)=>i("div",{class:"kpi-item"},i("span",{class:"kpi-label",style:{fontSize:" 0.875rem",fontWeight:"300",lineHeight:"0.25",fontFamily:"sans-serif"}}," ",i("unity-typography",null," ",t.label,": "),"  "),i("span",{class:"kpi-value",style:{fontSize:" 0.875rem",fontWeight:"600",lineHeight:"0.25",fontFamily:"sans-serif"}},"  ",i("unity-typography",null," ",t.value.toLocaleString()," ")," "),e<this.kpiValues.length-1&&i("div",{class:"divider"})))))}static get style(){return".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}"}},[0,"kpi-list",{kpiValues:[16]}]);function p(){"undefined"!=typeof customElements&&["kpi-list","unity-typography"].forEach((t=>{switch(t){case"kpi-list":customElements.get(s(t))||customElements.define(s(t),a);break;case"unity-typography":customElements.get(s(t))||n()}}))}export{a as K,p as d}

package/dist/components/list-item.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as a,c as i,h as e,d as s,t as c}from"./index2.js";import{d as o}from"./udp-avatar2.js";import{d as r}from"./udp-icon2.js";import{d as n}from"./unity-typography2.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemClick=i(this,"listItemClick",7),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.variant="normal",this.handleClick=t=>{t.composedPath().some((t=>{var a,i;return(null===(a=t.classList)||void 0===a?void 0:a.contains("actions-container"))||(null===(i=t.classList)||void 0===i?void 0:i.contains("status-chip-container"))}))||this.clickable&&(this.listItemClick.emit(t),this.onClick&&this.onClick(t))},this.handleKeyPress=t=>{!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick(t))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,a=this.secondaryText||this.hasSecondaryTextSlot;return e(s,{key:"a7fdc84e454e4415e41b494b874c5cd58093781b"},e("div",{key:"b708146bf6886d5822cc3784c1b1dde0a41531a8",class:{"list-item":!0,clickable:this.clickable,"variant-compact":"compact"===this.variant},onClick:this.handleClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},this.iconName&&e("div",{key:"bf2122fa1d51b1ad1e4d1248b863b2971459a67e",class:"avatar-container"},e("udp-avatar",{key:"32d1956f5cf2e506bfcd7f5c85862349d1b394d2",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"238cf5b9acc5504e56d8ed7c652e00f94ff75716",class:"text-container"},t&&e("div",{key:"ae15ea2fcd67fbd01f9eaf997acc5a21089cd6d2",class:"primary-text"},e("slot",{key:"1a629990a4721c7281b5f1dd1c3db680b29a3e72",name:"primary-text"},e("unity-typography",{key:"ac76e535367c2a00ac1ae5ffd0fb08671a37c61f",variant:"body"},this.primaryText))),a&&e("div",{key:"a48a9103abd12c8a2c5cdd36f5bdf720ebd9731f",class:"secondary-text"},e("slot",{key:"1ac630c59426e4b6ecb9c3b891d9731cbcff3384",name:"secondary-text"},e("unity-typography",{key:"6da8fd733530cddb27e5588ecdfa6f4d288d9c50",variant:"caption-text",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"3987c5c8b83c77990706d376714444aae78ae7b9",class:"status-chip-container"},e("slot",{key:"485ef815359ed98fd4269e1748ab25fd67f2119c",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"3c34b44562e3077eba9e824e1a581aabb6662684",class:"actions-container"},e("slot",{key:"011c682eb2fa5c1e7f730b028252489f24056e5c",name:"actions"}))))}get hostEl(){return this}static get style(){return".list-item{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s;gap:var(--spacing-4, 16px);position:relative}.list-item::after{content:'';position:absolute;bottom:0;height:1px;background-color:var(--border-color, #e0e0e0);left:var(--spacing-4, 16px);right:var(--spacing-4, 16px)}.list-item.variant-compact{padding-top:var(--spacing-1, 4px);padding-bottom:var(--spacing-1, 4px)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background-color:color-mix(in srgb, var(--card-background-color, #FFF) 95%, black)}.avatar-container{align-items:center}.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:400;line-height:1.4}.secondary-text{margin-top:2px}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}"}},[257,"udp-list-item",{primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],iconName:[1,"icon-name"],avatarBackgroundColor:[1,"avatar-background-color"],avatarVariant:[1,"avatar-variant"],clickable:[4],variant:[1],onClick:[16],hasPrimaryTextSlot:[32],hasSecondaryTextSlot:[32],hasActionsSlot:[32],hasStatusChipSlot:[32]}]);function l(){"undefined"!=typeof customElements&&["udp-list-item","udp-avatar","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-list-item":customElements.get(c(t))||customElements.define(c(t),d);break;case"udp-avatar":customElements.get(c(t))||o();break;case"udp-icon":customElements.get(c(t))||r();break;case"unity-typography":customElements.get(c(t))||n()}}))}export{d as U,l as d}
+import{p as t,H as a,c as e,h as i,d as s,t as c}from"./index2.js";import{d as o}from"./udp-avatar2.js";import{d as r}from"./udp-icon2.js";import{d as n}from"./unity-typography2.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.listItemClick=e(this,"listItemClick",7),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.variant="normal",this.handleClick=t=>{t.composedPath().some((t=>{var a,e;return(null===(a=t.classList)||void 0===a?void 0:a.contains("actions-container"))||(null===(e=t.classList)||void 0===e?void 0:e.contains("status-chip-container"))}))||this.clickable&&(this.listItemClick.emit(t),this.onClick&&this.onClick(t))},this.handleKeyPress=t=>{!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick(t))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,a=this.secondaryText||this.hasSecondaryTextSlot;return i(s,{key:"38b8402037018050b955dfdd1b10d8dc050db57a"},i("div",{key:"db06e7c9c2404c512dab266f00cf20ff4cbdca64",class:{"list-item":!0,clickable:this.clickable,"variant-compact":"compact"===this.variant},onClick:this.handleClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},this.iconName&&i("div",{key:"5638e84985d9f200e7f69d918ea10b14f88eaec6",class:"avatar-container"},i("udp-avatar",{key:"6d51c030025482eeeaa269eca7938f7ffa406d93",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),i("div",{key:"799b85e83c00ab20c4d1ee186aa6ce831c818d27",class:"text-container"},t&&i("div",{key:"b98a0096aba1767d4775f377cef302583d980cc9",class:"primary-text"},i("slot",{key:"212d09710969f9bb35d0d464a5fb7059aa6a651e",name:"primary-text"},i("unity-typography",{key:"a8232e206e5d720e97779f150c39ca068c456ec7",variant:"body"},this.primaryText))),a&&i("div",{key:"e9f2a85b108cc2cbbcae8be90a18bf41a8ab177f",class:"secondary-text"},i("slot",{key:"4fad8114d2af181df09f111fbebfc3a9f8c3ae0e",name:"secondary-text"},i("unity-typography",{key:"04c8bbfba3705679dcf08962737b8726a182c890",variant:"caption-text",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&i("div",{key:"85c7190bebe53677d9cbe0eb9d529e50e0a9586c",class:"status-chip-container"},i("slot",{key:"e04bc7b9fc83f88910a8d87b2c0982021dd88cf2",name:"status-chip"})),this.hasActionsSlot&&i("div",{key:"94c532b6238ed87709069828e9800fab2230918c",class:"actions-container"},i("slot",{key:"80fe2b1653b00ed5061c1c13e861bc0fa1b96f74",name:"actions"}))))}get hostEl(){return this}static get style(){return".list-item{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s;gap:var(--spacing-4, 16px);position:relative}.list-item::after{content:'';position:absolute;bottom:0;height:1px;background-color:var(--border-color, #e0e0e0);left:var(--spacing-4, 16px);right:var(--spacing-4, 16px)}.list-item.variant-compact{padding-top:var(--spacing-1, 4px);padding-bottom:var(--spacing-1, 4px)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background-color:color-mix(in srgb, var(--card-background-color, #FFF) 95%, black)}.avatar-container{align-items:center}.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:400;line-height:1.4}.secondary-text{margin-top:2px}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}"}},[257,"udp-list-item",{primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],iconName:[1,"icon-name"],avatarBackgroundColor:[1,"avatar-background-color"],avatarVariant:[1,"avatar-variant"],clickable:[4],variant:[1],onClick:[16],hasPrimaryTextSlot:[32],hasSecondaryTextSlot:[32],hasActionsSlot:[32],hasStatusChipSlot:[32]}]);function l(){"undefined"!=typeof customElements&&["udp-list-item","udp-avatar","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-list-item":customElements.get(c(t))||customElements.define(c(t),d);break;case"udp-avatar":customElements.get(c(t))||o();break;case"udp-icon":customElements.get(c(t))||r();break;case"unity-typography":customElements.get(c(t))||n()}}))}export{d as U,l as d}

package/dist/components/list-options-renderer2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,d as s,t as o}from"./index2.js";import{g as n}from"./iconUtils.js";import{d as a}from"./stencil-icon-button2.js";import{d}from"./stencil-toggle2.js";import{d as l}from"./text-field2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as p}from"./udp-button2.js";import{d as u}from"./udp-icon2.js";import{d as h}from"./udp-selector2.js";import{d as m}from"./unity-typography2.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,t,o,a,d;return i(s,{key:"31fd87a2e0a469da6072617f7a01e77c7dc2487b"},i("div",{key:"116730fc67def224bbee4493eb58e2dd5cb787e7",class:"question-item-options-list-container"},(null===(e=this.lookupOptions)||void 0===e?void 0:e.length)>1&&i("stencil-toggle",{key:"0b105a9b419033e314170b2372ceb5e7bf746314",label:"Use Lookup Options",disabled:this.isViewOnly,checked:!(!(null===(t=this.question)||void 0===t?void 0:t.fieldProperties)||!("lookupId"in this.question.fieldProperties)),labelPosition:"right",onToggledChange:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyToggleManualOrLookupOptions")(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(e)}}),"lookupId"in this.question.fieldProperties&&i("div",{key:"b67935fef19b77d2c448273f21287f870c5a68cf"},i("udp-selector",{label:"Lookup Source",key:"lookup-selector",initialValue:(null===(o=this.question.fieldProperties)||void 0===o?void 0:o.lookupId)||"",options:this.lookupOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyLookupChange")(e.detail,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(t)}})),"items"in this.question.fieldProperties&&i("div",{key:"742aa589b6c4b7ddc3bd097c4c7faf4747495787"},i("div",{key:"93397704e19146c2b7781cf0f2372ea3eabf9b83",class:"list-options-header"},i("unity-typography",{key:"948873f0e1cb4790811b6237e50154a2af5d259f",variant:"h6"},"Configure Select Options"),!this.isViewOnly&&"items"in this.question.fieldProperties&&i("udp-button",{key:"4dedb31409b7796dec5488dacbc3b8528e15a57e",variant:"text",onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddListItem")(this.formSectionsDraft,this.sIndex,this.qIndex,"","");this.onFormSectionsDraftChange(e)},startIcon:i("udp-icon",{iconName:"add",darkIcon:!0}),title:"Add an Option"},"Add an Option")),null===(d=null===(a=this.question.fieldProperties)||void 0===a?void 0:a.items)||void 0===d?void 0:d.map(((e,t)=>i("div",{key:t,class:"question-item-options-item"},i("div",{class:"question-item-options-item-fields"},i("text-field",{label:"Display Text",value:e.display,disabled:this.isViewOnly,placeholder:"Display Text",required:!0,onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange")(e,this.formSectionsDraft,this.sIndex,this.qIndex,t,"display");this.onFormSectionsDraftChange(i)}}),i("text-field",{label:"Option Value",value:e.value,disabled:this.isViewOnly,placeholder:"Option Value",required:!0,onInput:e=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange")(e,this.formSectionsDraft,this.sIndex,this.qIndex,t,"value");this.onFormSectionsDraftChange(i)}})),this.question.fieldProperties.items.length>1&&!this.isViewOnly&&i("stencil-icon-button",{icon:n("trashCan"),onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveListItem")(this.formSectionsDraft,this.sIndex,this.qIndex,t);this.onFormSectionsDraftChange(e)}})))))))}static get style(){return":host{padding:0;display:block;.question-item-options-list-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);padding:var(--spacing-04, 16px) 0;}.question-item-options-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-04, 16px);padding:var(--spacing-03, 16px);width:100%;border-radius:var(--border-radius);border:1px solid var(--gray-03);box-sizing:border-box;box-shadow:var(--elevation-01);background-color:var(--card-background-color, #fff);margin:0.3em 0}.question-item-options-item-fields{display:flex;flex-direction:row;gap:var(--spacing-04, 16px);flex-grow:1}.list-options-header{display:flex;justify-content:space-between;align-items:center}}"}},[1,"list-options-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],lookupOptions:[16],onFormSectionsDraftChange:[16],getHandler:[16]}]);function f(){"undefined"!=typeof customElements&&["list-options-renderer","stencil-icon-button","stencil-toggle","text-field","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-selector","unity-typography"].forEach((e=>{switch(e){case"list-options-renderer":customElements.get(o(e))||customElements.define(o(e),b);break;case"stencil-icon-button":customElements.get(o(e))||a();break;case"stencil-toggle":customElements.get(o(e))||d();break;case"text-field":customElements.get(o(e))||l();break;case"udp-ambient-tool-tip":customElements.get(o(e))||r();break;case"udp-badge":customElements.get(o(e))||c();break;case"udp-button":customElements.get(o(e))||p();break;case"udp-icon":customElements.get(o(e))||u();break;case"udp-selector":customElements.get(o(e))||h();break;case"unity-typography":customElements.get(o(e))||m()}}))}export{b as L,f as d}
+import{p as t,H as e,h as i,d as s,t as o}from"./index2.js";import{g as n}from"./iconUtils.js";import{d as a}from"./stencil-icon-button2.js";import{d}from"./stencil-toggle2.js";import{d as l}from"./text-field2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as p}from"./udp-button2.js";import{d as u}from"./udp-icon2.js";import{d as h}from"./udp-selector2.js";import{d as m}from"./unity-typography2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){var t,e,o,a,d;return i(s,{key:"5d0bfd4da6a01d377bb42b188fb122a14c04d467"},i("div",{key:"510139c2b1267bbc1b9ec4a239608441097e0b44",class:"question-item-options-list-container"},(null===(t=this.lookupOptions)||void 0===t?void 0:t.length)>1&&i("stencil-toggle",{key:"2c98cbb25432e44f05a043d34da23c98c0c32743",label:"Use Lookup Options",disabled:this.isViewOnly,checked:!(!(null===(e=this.question)||void 0===e?void 0:e.fieldProperties)||!("lookupId"in this.question.fieldProperties)),labelPosition:"right",onToggledChange:()=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyToggleManualOrLookupOptions")(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(t)}}),"lookupId"in this.question.fieldProperties&&i("div",{key:"dddbeae00a090f66726b92854dec2f41c0873d33"},i("udp-selector",{label:"Lookup Source",key:"lookup-selector",initialValue:(null===(o=this.question.fieldProperties)||void 0===o?void 0:o.lookupId)||"",options:this.lookupOptions,disabled:this.isViewOnly,required:!0,onChange:t=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyLookupChange")(t.detail,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(e)}})),"items"in this.question.fieldProperties&&i("div",{key:"c47883b7f84dd69456ac6fbbdbc96693cbdde956"},i("div",{key:"8de26781cef15708c81ea10e8d8d55c895cd1e42",class:"list-options-header"},i("unity-typography",{key:"2a28ba05a4f86aad5adca3c557a06f56020499c2",variant:"h6"},"Configure Select Options"),!this.isViewOnly&&"items"in this.question.fieldProperties&&i("udp-button",{key:"e5c169fa153491b0c4eb94e8b3a0b0e7c996dfa8",variant:"text",onClick:()=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddListItem")(this.formSectionsDraft,this.sIndex,this.qIndex,"","");this.onFormSectionsDraftChange(t)},startIcon:i("udp-icon",{iconName:"add",darkIcon:!0}),title:"Add an Option"},"Add an Option")),null===(d=null===(a=this.question.fieldProperties)||void 0===a?void 0:a.items)||void 0===d?void 0:d.map(((t,e)=>i("div",{key:e,class:"question-item-options-item"},i("div",{class:"question-item-options-item-fields"},i("text-field",{label:"Display Text",value:t.display,disabled:this.isViewOnly,placeholder:"Display Text",required:!0,onInput:t=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange")(t,this.formSectionsDraft,this.sIndex,this.qIndex,e,"display");this.onFormSectionsDraftChange(i)}}),i("text-field",{label:"Option Value",value:t.value,disabled:this.isViewOnly,placeholder:"Option Value",required:!0,onInput:t=>{const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange")(t,this.formSectionsDraft,this.sIndex,this.qIndex,e,"value");this.onFormSectionsDraftChange(i)}})),this.question.fieldProperties.items.length>1&&!this.isViewOnly&&i("stencil-icon-button",{icon:n("trashCan"),onClick:()=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveListItem")(this.formSectionsDraft,this.sIndex,this.qIndex,e);this.onFormSectionsDraftChange(t)}})))))))}static get style(){return":host{padding:0;display:block;.question-item-options-list-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);padding:var(--spacing-04, 16px) 0;}.question-item-options-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-04, 16px);padding:var(--spacing-03, 16px);width:100%;border-radius:var(--border-radius);border:1px solid var(--gray-03);box-sizing:border-box;box-shadow:var(--elevation-01);background-color:var(--card-background-color, #fff);margin:0.3em 0}.question-item-options-item-fields{display:flex;flex-direction:row;gap:var(--spacing-04, 16px);flex-grow:1}.list-options-header{display:flex;justify-content:space-between;align-items:center}}"}},[1,"list-options-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],lookupOptions:[16],onFormSectionsDraftChange:[16],getHandler:[16]}]);function f(){"undefined"!=typeof customElements&&["list-options-renderer","stencil-icon-button","stencil-toggle","text-field","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-selector","unity-typography"].forEach((t=>{switch(t){case"list-options-renderer":customElements.get(o(t))||customElements.define(o(t),b);break;case"stencil-icon-button":customElements.get(o(t))||a();break;case"stencil-toggle":customElements.get(o(t))||d();break;case"text-field":customElements.get(o(t))||l();break;case"udp-ambient-tool-tip":customElements.get(o(t))||r();break;case"udp-badge":customElements.get(o(t))||c();break;case"udp-button":customElements.get(o(t))||p();break;case"udp-icon":customElements.get(o(t))||u();break;case"udp-selector":customElements.get(o(t))||h();break;case"unity-typography":customElements.get(o(t))||m()}}))}export{b as L,f as d}

package/dist/components/location-renderer2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as s}from"./index2.js";import{d}from"./address-search2.js";import{d as a}from"./numeric-field2.js";import{d as n}from"./stencil-toggle2.js";import{d as o}from"./text-field2.js";import{d as l}from"./udp-pop-over2.js";import{d as r}from"./unity-typography2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pendingInitialAddressQuery=null}handleAddressSelected(e){if(e.detail){const t=e.detail,i=this.getHandler(this.question.fieldTypeId,"handleAddressFieldValueChange")({latitude:t.position.lat,longitude:t.position.lon,address:t.address.freeformAddress,streetNumber:t.address.streetNumber,streetName:t.address.streetName,municipality:t.address.municipality,countrySubdivisionName:t.address.countrySubdivisionName,postalCode:t.address.extendedPostalCode,country:t.address.country},this.formSectionsDraft,this.sIndex,this.qIndex,"defaultLocation");this.onFormSectionsDraftChange(i)}}handleAddressSearchCleared(){const e=this.getHandler(this.question.fieldTypeId,"handleAddressFieldValueChange")(null,this.formSectionsDraft,this.sIndex,this.qIndex,"defaultLocation");this.onFormSectionsDraftChange(e)}getDefaultLocationAddressQuery(){var e;const t=null===(e=this.question.fieldProperties)||void 0===e?void 0:e.defaultLocation;if(!t)return null;if("string"==typeof t)try{const e=JSON.parse(t);if(e&&"object"==typeof e&&"address"in e&&"string"==typeof e.address)return e.address}catch(e){return t}return null}async applyPendingInitialAddressQuery(){const e=this.pendingInitialAddressQuery;e&&this.addressSearchEl&&(await this.addressSearchEl.setQuery(e),this.pendingInitialAddressQuery=null)}async handleLoadIntialAddressQuery(){this.pendingInitialAddressQuery=this.getDefaultLocationAddressQuery(),await this.applyPendingInitialAddressQuery()}async handleQuestionChange(){await this.handleLoadIntialAddressQuery()}async componentWillLoad(){await this.handleLoadIntialAddressQuery()}componentDidLoad(){this.applyPendingInitialAddressQuery()}render(){var e,t,s,d,a,n;const o=!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.showMap),l=!!(null===(t=this.question.fieldProperties)||void 0===t?void 0:t.hideAddressSearch),r=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");return i("div",{key:"51fb91c51c411ddc2440c31120920e1a2d7901d6",class:"question-item-map-input-container"},i("div",{key:"05c1f1bad7b30c8efbdcf1e6408cf2135beb8dc0"},i("stencil-toggle",{key:"dacc8e1302ca21144609761b8155b74403a03cd5",label:"Hide Address Search Bar",disabled:this.isViewOnly,checked:l,onToggledChange:e=>{var t;if(this.isViewOnly)return;const i=null!==(t=null==e?void 0:e.detail)&&void 0!==t&&t,s=o;let d=this.formSectionsDraft;i!==l&&(d=r(d,this.sIndex,this.qIndex,"hideAddressSearch")),i&&!s&&(d=r(d,this.sIndex,this.qIndex,"showMap")),this.onFormSectionsDraftChange(d)},labelPosition:"right"})),i("div",{key:"652ce2801edd6b31c37e57451c699bf76c9f6a61"},i("stencil-toggle",{key:"c630e91ca0a5e920fccc7ed84b446cb8778a824d",label:"Show Map",disabled:this.isViewOnly,checked:o,onToggledChange:e=>{var t;if(this.isViewOnly)return;const i=null!==(t=null==e?void 0:e.detail)&&void 0!==t&&t,s=l;let d=this.formSectionsDraft;i!==o&&(d=r(d,this.sIndex,this.qIndex,"showMap")),!i&&s&&(d=r(d,this.sIndex,this.qIndex,"hideAddressSearch")),this.onFormSectionsDraftChange(d)},labelPosition:"right"})),o&&i("div",{key:"9cd637bd2f014ac6b21e69aafbde733cb862dfd4"},i("div",{key:"3db79600e8f0b3762743a2760bc76b6ead951313"},i("address-search",{key:"154db4ede6ee810cd660770380a54293ff1a52f9",ref:e=>{this.addressSearchEl=e,this.applyPendingInitialAddressQuery()},inputId:"address-search-field",disabled:this.isViewOnly,appendSuggestionsToBody:!0,onAddressSelected:this.handleAddressSelected.bind(this),onSearchCleared:this.handleAddressSearchCleared.bind(this),label:"Default Location"})),i("div",{key:"a6964a9e7303ea58ee9eab0d9ced6fcdec1a950e"},i("numeric-field",{key:"6841c31e39c7265d8639ec3d88b427fc9996e339",label:"Map Zoom",initialValue:"17",value:null===(d=null===(s=this.question.fieldProperties)||void 0===s?void 0:s.mapZoom)||void 0===d?void 0:d.toString(),disabled:this.isViewOnly,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTextChange")({target:{value:e.detail}},this.formSectionsDraft,this.sIndex,this.qIndex,"mapZoom");this.onFormSectionsDraftChange(t)},min:"1",max:"20"})),i("div",{key:"81fe03e5d20996b86a6056a3065ff699d5d9212c"},i("text-field",{key:"546217447ecb34b81ae7bce3b3d71e9628e95cc4",label:"Projection",value:null===(a=this.question.fieldProperties)||void 0===a?void 0:a.projection,disabled:this.isViewOnly,placeholder:"Enter map projection here",required:!1,onInput:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTextChange")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"projection");this.onFormSectionsDraftChange(t)}})),i("div",{key:"1ac6e40daf18a478b97843205a6040da0c3df6bd"},i("text-field",{key:"01348b49c46199354f0207d0ec513c32b66522e8",label:"Projection Definition",value:null===(n=this.question.fieldProperties)||void 0===n?void 0:n.projectionDefs,disabled:this.isViewOnly,placeholder:"Enter map projection definition here",required:!1,onInput:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTextChange")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"projectionDefs");this.onFormSectionsDraftChange(t)}}))))}static get watchers(){return{question:[{handleQuestionChange:0}]}}static get style(){return".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}"}},[1,"location-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]},void 0,{question:[{handleQuestionChange:0}]}]);function h(){"undefined"!=typeof customElements&&["location-renderer","address-search","numeric-field","stencil-toggle","text-field","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"location-renderer":customElements.get(s(e))||customElements.define(s(e),c);break;case"address-search":customElements.get(s(e))||d();break;case"numeric-field":customElements.get(s(e))||a();break;case"stencil-toggle":customElements.get(s(e))||n();break;case"text-field":customElements.get(s(e))||o();break;case"udp-pop-over":customElements.get(s(e))||l();break;case"unity-typography":customElements.get(s(e))||r()}}))}export{c as L,h as d}
+import{p as e,H as t,h as i,t as s}from"./index2.js";import{d}from"./address-search2.js";import{d as a}from"./numeric-field2.js";import{d as n}from"./stencil-toggle2.js";import{d as o}from"./text-field2.js";import{d as l}from"./udp-pop-over2.js";import{d as r}from"./unity-typography2.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pendingInitialAddressQuery=null}handleAddressSelected(e){if(e.detail){const t=e.detail,i=this.getHandler(this.question.fieldTypeId,"handleAddressFieldValueChange")({latitude:t.position.lat,longitude:t.position.lon,address:t.address.freeformAddress,streetNumber:t.address.streetNumber,streetName:t.address.streetName,municipality:t.address.municipality,countrySubdivisionName:t.address.countrySubdivisionName,postalCode:t.address.extendedPostalCode,country:t.address.country},this.formSectionsDraft,this.sIndex,this.qIndex,"defaultLocation");this.onFormSectionsDraftChange(i)}}handleAddressSearchCleared(){const e=this.getHandler(this.question.fieldTypeId,"handleAddressFieldValueChange")(null,this.formSectionsDraft,this.sIndex,this.qIndex,"defaultLocation");this.onFormSectionsDraftChange(e)}getDefaultLocationAddressQuery(){var e;const t=null===(e=this.question.fieldProperties)||void 0===e?void 0:e.defaultLocation;if(!t)return null;if("string"==typeof t)try{const e=JSON.parse(t);if(e&&"object"==typeof e&&"address"in e&&"string"==typeof e.address)return e.address}catch(e){return t}return null}async applyPendingInitialAddressQuery(){const e=this.pendingInitialAddressQuery;e&&this.addressSearchEl&&(await this.addressSearchEl.setQuery(e),this.pendingInitialAddressQuery=null)}async handleLoadIntialAddressQuery(){this.pendingInitialAddressQuery=this.getDefaultLocationAddressQuery(),await this.applyPendingInitialAddressQuery()}async handleQuestionChange(){await this.handleLoadIntialAddressQuery()}async componentWillLoad(){await this.handleLoadIntialAddressQuery()}componentDidLoad(){this.applyPendingInitialAddressQuery()}render(){var e,t,s,d,a,n;const o=!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.showMap),l=!!(null===(t=this.question.fieldProperties)||void 0===t?void 0:t.hideAddressSearch),r=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");return i("div",{key:"670cfbf18b4f640cdd8490b93896a3a67039293a",class:"question-item-map-input-container"},i("div",{key:"3483dc31116713058ff6ca05744e97bed650b4bb"},i("stencil-toggle",{key:"e8231d458ce0b02c124e397adef831f05fa6d46b",label:"Hide Address Search Bar",disabled:this.isViewOnly,checked:l,onToggledChange:e=>{var t;if(this.isViewOnly)return;const i=null!==(t=null==e?void 0:e.detail)&&void 0!==t&&t,s=o;let d=this.formSectionsDraft;i!==l&&(d=r(d,this.sIndex,this.qIndex,"hideAddressSearch")),i&&!s&&(d=r(d,this.sIndex,this.qIndex,"showMap")),this.onFormSectionsDraftChange(d)},labelPosition:"right"})),i("div",{key:"9dbc16e3c5c9ff184f6fc7f23502188d834cb5f1"},i("stencil-toggle",{key:"6141dcd1adb0b54f474a5ffab3067f84929454ca",label:"Show Map",disabled:this.isViewOnly,checked:o,onToggledChange:e=>{var t;if(this.isViewOnly)return;const i=null!==(t=null==e?void 0:e.detail)&&void 0!==t&&t,s=l;let d=this.formSectionsDraft;i!==o&&(d=r(d,this.sIndex,this.qIndex,"showMap")),!i&&s&&(d=r(d,this.sIndex,this.qIndex,"hideAddressSearch")),this.onFormSectionsDraftChange(d)},labelPosition:"right"})),o&&i("div",{key:"065637575afad68b5e7c84669a21d6557eb162cb"},i("div",{key:"438e97df4d541fab1692b9d695ee0c358aeb1c82"},i("address-search",{key:"1bc2865be6595973acedf38d558be909e3dcf20e",ref:e=>{this.addressSearchEl=e,this.applyPendingInitialAddressQuery()},inputId:"address-search-field",disabled:this.isViewOnly,appendSuggestionsToBody:!0,onAddressSelected:this.handleAddressSelected.bind(this),onSearchCleared:this.handleAddressSearchCleared.bind(this),label:"Default Location"})),i("div",{key:"200b11401644fa72753e0b8877a2d87598d3f349"},i("numeric-field",{key:"d1416aa229a1e2b74b14f47e50f305a41f9f3539",label:"Map Zoom",initialValue:"17",value:null===(d=null===(s=this.question.fieldProperties)||void 0===s?void 0:s.mapZoom)||void 0===d?void 0:d.toString(),disabled:this.isViewOnly,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTextChange")({target:{value:e.detail}},this.formSectionsDraft,this.sIndex,this.qIndex,"mapZoom");this.onFormSectionsDraftChange(t)},min:"1",max:"20"})),i("div",{key:"19e2d25db1992b2f27dd98c32bcbaff7d3145eb6"},i("text-field",{key:"5ab18e4a1cfe237f228ff2d2d4dbfe81f604fd93",label:"Projection",value:null===(a=this.question.fieldProperties)||void 0===a?void 0:a.projection,disabled:this.isViewOnly,placeholder:"Enter map projection here",required:!1,onInput:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTextChange")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"projection");this.onFormSectionsDraftChange(t)}})),i("div",{key:"d29ea07210d2d5b1512315245643bd7c88365ce0"},i("text-field",{key:"2cf3f1102e2d6daff42faff2638d9d5ece453afb",label:"Projection Definition",value:null===(n=this.question.fieldProperties)||void 0===n?void 0:n.projectionDefs,disabled:this.isViewOnly,placeholder:"Enter map projection definition here",required:!1,onInput:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTextChange")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"projectionDefs");this.onFormSectionsDraftChange(t)}}))))}static get watchers(){return{question:[{handleQuestionChange:0}]}}static get style(){return".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}"}},[1,"location-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]},void 0,{question:[{handleQuestionChange:0}]}]);function c(){"undefined"!=typeof customElements&&["location-renderer","address-search","numeric-field","stencil-toggle","text-field","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"location-renderer":customElements.get(s(e))||customElements.define(s(e),h);break;case"address-search":customElements.get(s(e))||d();break;case"numeric-field":customElements.get(s(e))||a();break;case"stencil-toggle":customElements.get(s(e))||n();break;case"text-field":customElements.get(s(e))||o();break;case"udp-pop-over":customElements.get(s(e))||l();break;case"unity-typography":customElements.get(s(e))||r()}}))}export{h as L,c as d}

package/dist/components/map-component2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as s}from"./index2.js";import o from"ol/Map";import a from"ol/View";import r from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import d from"ol/source/Vector";import{Zoom as h,FullScreen as p}from"ol/control";import c from"proj4";import{register as u}from"ol/proj/proj4";import{defaults as m,DragRotateAndZoom as f}from"ol/interaction";import{Overlay as y}from"ol";import{a as v,b,c as g,h as F,d as M,e as S,s as O}from"./udp-map-utils.js";import{g as w}from"./map-interactions.js";import{Point as P,LineString as j,Polygon as L}from"ol/geom";import{D as k,P as x}from"./common.js";import{debounce as E}from"lodash-es";import{d as z}from"./feature-details-card2.js";import{d as C}from"./feature-details-popup2.js";import{d as Z}from"./stencil-icon-button2.js";import{d as I}from"./udp-adornment2.js";import{d as V}from"./udp-ambient-tool-tip2.js";import{d as R}from"./udp-badge2.js";import{d as A}from"./udp-icon2.js";import{d as B}from"./udp-menu-item2.js";import{d as D}from"./udp-pop-over2.js";import{d as T}from"./unity-typography2.js";const G=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.data=[],this.isGeoJsonFormat=!0,this.enableZoom=!0,this.mapZoom=17,this.mapCenter=[0,0],this.mapHeight="80vh",this.mapProjection="",this.filterPanel="",this.enableTileSelection=!0,this.tileLayersOptions=[],this.defaultTileOptionName="",this.layerOptions=[],this.initialSelectedLayers=[],this.bulkSelectedFeaturesActionPanel="",this.filterLayersByRole=!1,this.layerKeySeparator="",this.filteredLayerOptionsByRole=[],this.readOnlyMap=!1,this.enableViewFeature=!0,this.bulkSelectionActive=!1,this.splitActive=!1,this.enableDragBox=!1,this.enableAddNewFeature=!0,this.readOnlyLayers=[],this.popoverPrimaryActions=[],this.popoverMoreIconButtonActions=[],this.hideMessageIconPopover=!1,this.popoverCardConfig={},this.minZoom=0,this.maxZoom=28,this.definedProjection=!1,this.popoverContainer=null,this.showPopOver=!1,this.isReadOnlyFeature=!1,this.mapFeatures=[],this.initializeMap=(e,t)=>{var i;this.definedProjection=this.registerProjection(this.crs),this.filterLayerOptions();let s=[];if(this.tileLayersOptions&&(null===(i=this.tileLayersOptions)||void 0===i?void 0:i.length)>0)for(let e of this.tileLayersOptions){const t=new r({source:null==e?void 0:e.source,properties:{value:null==e?void 0:e.name,isBaseTile:!0},visible:!this.defaultTileOptionName||(null==e?void 0:e.name)===this.defaultTileOptionName});s[s.length]=t}else{const e=new r({source:new n,properties:{value:"Open Street Map",isBaseTile:!0},visible:!0});s[s.length]=e}s.push(new l({source:new d({}),properties:{id:k}}));const c=new a({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new o({target:t,layers:s,view:c,interactions:m().extend([new f]),controls:[new h,new p],overlays:[new y({element:e,autoPan:{animation:{duration:250}},id:x})]}),this.mapInstance.on("moveend",E((()=>{this.getMapExtentAndZoom()}),500)),this.setVectorLayers(),this.addSelectInteraction(),this.handleSetMapComponent&&this.handleSetMapComponent(this.mapInstance)},this.setVectorLayers=()=>{let e=v(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=b(e,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let t=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,t),this.updateIntialSelectedLayersVisibility()},this.clearVectorLayers=()=>{var e,t,i;(null!==(i=null===(t=null===(e=this.mapInstance)||void 0===e?void 0:e.getLayers())||void 0===t?void 0:t.getArray())&&void 0!==i?i:[]).forEach((e=>{e instanceof l&&e.get("id")!==k&&this.mapInstance.removeLayer(e)}))},this.registerProjection=e=>(null==e?void 0:e.length)>0&&(c.defs(e),u(c),!0),this.filterLayerOptions=()=>{let e=this.filterLayersByRole?g(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(e)},this.addVectorLayersToMap=(e,t)=>{var i;if(e&&this.mapInstance)if(this.getVectorLayerSources)null===(i=this.getVectorLayerSources(t,e))||void 0===i||i.forEach((e=>{var t;const i=new d({features:null!==(t=null==e?void 0:e.features)&&void 0!==t?t:[]}),s=new l({source:i,properties:{value:null==e?void 0:e.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(s)}));else for(let i of t){const t=null==e?void 0:e.filter((e=>{const t=e.getProperties();if(this.getFeatureStyles){let t=this.getFeatureStyles(e);F(t)&&e.setStyle(t)}const s=M(this.layerKeys,this.layerKeySeparator,t);return i===s})),s=new d({features:t}),o=new l({source:s,properties:{value:i}});this.mapInstance.addLayer(o)}},this.getVisibleLayersOnLoad=e=>{const t=this.filterLayersByRole?g(this.user,this.layerRoles,e):e;return S(t)},this.updateLayerVisibility=(e,t=!1)=>{var i,s;let o=t?r:l;null===(s=null===(i=this.mapInstance)||void 0===i?void 0:i.getLayers())||void 0===s||s.forEach((t=>{t instanceof o&&(e.includes(t.get("value"))||t.get("id")===k?t.setVisible(!0):t.setVisible(!1))}))},this.insertFeatureStyles=()=>{this.getFeatureStyles&&this.mapInstance.getLayers().forEach((e=>{e instanceof l&&e.getSource().getFeatures().forEach((e=>{let t=this.getFeatureStyles(e);F(t)&&e.setStyle(t)}))}))},this.addSelectInteraction=()=>{w(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)},this.handleUpdateSelectInteraction=e=>{this.selectInteraction=e},this.handleSetCurrentSelectedFeature=e=>{this.currentSelectedFeature=e},this.handleSetShowPopOver=e=>{this.showPopOver=e},this.showPopper=e=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&e){const t=this.mapInstance.getOverlayById(x);t&&(e.getGeometry()instanceof P?t.setPosition(e.getGeometry().getCoordinates()):e.getGeometry()instanceof j?t.setPosition(e.getGeometry().getCoordinates()[0]):e.getGeometry()instanceof L&&t.setPosition(e.getGeometry().getCoordinates()[0][0])),this.showPopOver=!0}},this.handleOnCloseFeaturePopover=e=>{this.additionalOnclosePopover&&this.additionalOnclosePopover(e),this.setSelectedFeatureIdExternal&&this.setSelectedFeatureIdExternal(null),this.showPopOver=!1},this.handleAddInteraction=e=>{this.mapInstance.addInteraction(e)},this.handleShowMarkerFromExternal=e=>{var t,i;if(e&&this.mapFeatures&&this.selectInteraction){const s=null===(t=this.mapFeatures)||void 0===t?void 0:t.find((t=>(null==t?void 0:t.getId())===e)),o=null==s?void 0:s.getProperties();if(s){this.handleSetSelectedFeatureProperties(s);const e=M(this.layerKeys,this.layerKeySeparator,o),t=S(this.filteredLayerOptionsByRole);if(!(null===(i=this.selectedLayers)||void 0===i?void 0:i.includes(e))&&(null==t?void 0:t.includes(e))&&this.handleSetSelectedLayers){const t=[...this.selectedLayers,e];this.handleSetSelectedLayers(t),this.updateLayerVisibility(t)}const a=this.selectInteraction.getFeatures(),r=a.getArray().slice();a.clear(),a.push(s),this.selectInteraction.dispatchEvent({type:"select",selected:[s],deselected:r,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const e=this.el.shadowRoot.querySelector("#map");this.popoverContainer&&e&&this.initializeMap(this.popoverContainer,e)}))}reinitializeMap(){this.clearVectorLayers(),this.setVectorLayers()}resetPopover(){this.showPopOver=!1}updateProjection(){this.crs&&(this.definedProjection=this.registerProjection(this.crs))}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var e;this.selectedFeatureIdExternal&&(null===(e=this.selectInteraction)||void 0===e?void 0:e.getActive())?this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal):this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal&&this.setSelectedFeatureIdExternal(null)}updateReadOnlyLayers(){var e;if(this.selectedFeatureProperties){const t=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=null===(e=this.readOnlyLayers)||void 0===e?void 0:e.includes(t)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const e=this.mapInstance.getView().getCenter(),t=this.mapInstance.getView().getZoom();this.mapInstance.setView(new a({center:e,zoom:t,projection:this.mapProjection}))}}updateMapCenter(){var e;this.mapInstance&&this.mapCenter&&(null===(e=this.mapInstance.getView())||void 0===e||e.setCenter(this.mapCenter))}updateFeatureStyles(){this.mapInstance&&this.insertFeatureStyles()}updateMinZoom(){var e,t;this.mapInstance&&this.minZoom&&(null===(t=null===(e=this.mapInstance)||void 0===e?void 0:e.getView())||void 0===t||t.setMinZoom(this.minZoom))}updateMaxZoom(){var e,t;this.mapInstance&&this.maxZoom&&(null===(t=null===(e=this.mapInstance)||void 0===e?void 0:e.getView())||void 0===t||t.setMaxZoom(this.maxZoom))}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const e=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize()),t=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(t,e)}}updateIntialSelectedLayersVisibility(){let e=O(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(e),this.handleSetSelectedLayers&&this.handleSetSelectedLayers(e)}render(){return i("div",{key:"3761f5eb6d0cb6995d6d9a3dc690e9479209b90a"},i("div",{key:"8bdb3f0ead695d5fe8eeb799c8fd85f8429c9544",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"a427b36c3000615fbbd4bda72a77f830ab2e3915"})),i("div",{key:"e898750fe07a4a576edebc104f509277358e010d",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"dc2c1bfd60135457c822ea181c658fb5ee47ce08",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return this}static get watchers(){return{data:[{reinitializeMap:0},{resetPopover:0}],layerOptions:[{reinitializeMap:0},{updateFilteredLayerOptions:0}],mapDataProjection:[{reinitializeMap:0}],mapProjection:[{reinitializeMap:0},{updateMapView:0}],crs:[{updateProjection:0}],layerRoles:[{updateFilteredLayerOptions:0}],user:[{updateFilteredLayerOptions:0}],selectedFeatureIdExternal:[{handleSelectFeatureOnMap:0}],readOnlyLayers:[{updateReadOnlyLayers:0}],selectedFeatureProperties:[{updateReadOnlyLayers:0}],initialSelectedLayers:[{handleUpdateInitialSelectedLayersVisibility:0}],mapCenter:[{updateMapCenter:0}],getMapStyles:[{updateFeatureStyles:0}],minZoom:[{updateMinZoom:0}],maxZoom:[{updateMaxZoom:0}]}}static get style(){return":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}"}},[257,"map-component",{handleSetMapComponent:[8,"handle-set-map-component"],data:[16],isGeoJsonFormat:[4,"is-geo-json-format"],geoJsonMappingConfig:[8,"geo-json-mapping-config"],enableZoom:[4,"enable-zoom"],mapZoom:[2,"map-zoom"],mapCenter:[8,"map-center"],mapHeight:[1,"map-height"],crs:[8],mapProjection:[1,"map-projection"],mapDataProjection:[1,"map-data-projection"],getFilteredMapData:[8,"get-filtered-map-data"],getVectorLayerSources:[8,"get-vector-layer-sources"],getFeatureStyles:[8,"get-feature-styles"],getSelectedFeatureStyles:[8,"get-selected-feature-styles"],filterPanel:[1,"filter-panel"],filterPanelCallback:[8,"filter-panel-callback"],enableTileSelection:[4,"enable-tile-selection"],tileLayersOptions:[16],defaultTileOptionName:[1,"default-tile-option-name"],layerOptions:[16],initialSelectedLayers:[16],bulkSelectedFeaturesActionPanel:[1,"bulk-selected-features-action-panel"],handleSetSelectedFeaturesOnBulkSelect:[8,"handle-set-selected-features-on-bulk-select"],handleSetSelectedFeatureOnSelect:[8,"handle-set-selected-feature-on-select"],filterLayersByRole:[4,"filter-layers-by-role"],layerKeys:[16],layerKeySeparator:[1,"layer-key-separator"],user:[8],layerRoles:[8,"layer-roles"],filteredLayerOptionsByRole:[16],handleSetFilteredLayerOptionsByRole:[8,"handle-set-filtered-layer-options-by-role"],readOnlyMap:[4,"read-only-map"],enableViewFeature:[4,"enable-view-feature"],handleViewFeature:[8,"handle-view-feature"],bulkSelectionActive:[4,"bulk-selection-active"],splitActive:[4,"split-active"],enableDragBox:[4,"enable-drag-box"],selectFeatureInteraction:[8,"select-feature-interaction"],handleSetSelectedFeatureProperties:[8,"handle-set-selected-feature-properties"],selectedFeatureCoordinates:[16],selectedFeatureProperties:[8,"selected-feature-properties"],enableAddNewFeature:[4,"enable-add-new-feature"],selectedFeatureIdExternal:[8,"selected-feature-id-external"],setSelectedFeatureIdExternal:[16],readOnlyLayers:[16],additionalOnclosePopover:[8,"additional-onclose-popover"],popoverPrimaryActions:[16],popoverMoreIconButtonActions:[16],getMessagePopover:[16],getMessageIconPopover:[16],hideMessageIconPopover:[4,"hide-message-icon-popover"],popoverCardConfig:[8,"popover-card-config"],popoverWidth:[1,"popover-width"],handleGetZoomExtent:[8,"handle-get-zoom-extent"],selectedLayers:[16],handleSetSelectedLayers:[8,"handle-set-selected-layers"],handleGetAdditionalFeaturePropertiesOnSelect:[16],minZoom:[2,"min-zoom"],maxZoom:[2,"max-zoom"],currentSelectedFeature:[32],definedProjection:[32],popoverContainer:[32],showPopOver:[32],isReadOnlyFeature:[32],selectInteraction:[32],mapFeatures:[32],mapInstance:[32]},void 0,{data:[{reinitializeMap:0},{resetPopover:0}],layerOptions:[{reinitializeMap:0},{updateFilteredLayerOptions:0}],mapDataProjection:[{reinitializeMap:0}],mapProjection:[{reinitializeMap:0},{updateMapView:0}],crs:[{updateProjection:0}],layerRoles:[{updateFilteredLayerOptions:0}],user:[{updateFilteredLayerOptions:0}],selectedFeatureIdExternal:[{handleSelectFeatureOnMap:0}],readOnlyLayers:[{updateReadOnlyLayers:0}],selectedFeatureProperties:[{updateReadOnlyLayers:0}],initialSelectedLayers:[{handleUpdateInitialSelectedLayersVisibility:0}],mapCenter:[{updateMapCenter:0}],getMapStyles:[{updateFeatureStyles:0}],minZoom:[{updateMinZoom:0}],maxZoom:[{updateMaxZoom:0}]}]);function U(){"undefined"!=typeof customElements&&["map-component","feature-details-card","feature-details-popup","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"map-component":customElements.get(s(e))||customElements.define(s(e),G);break;case"feature-details-card":customElements.get(s(e))||z();break;case"feature-details-popup":customElements.get(s(e))||C();break;case"stencil-icon-button":customElements.get(s(e))||Z();break;case"udp-adornment":customElements.get(s(e))||I();break;case"udp-ambient-tool-tip":customElements.get(s(e))||V();break;case"udp-badge":customElements.get(s(e))||R();break;case"udp-icon":customElements.get(s(e))||A();break;case"udp-menu-item":customElements.get(s(e))||B();break;case"udp-pop-over":customElements.get(s(e))||D();break;case"unity-typography":customElements.get(s(e))||T()}}))}export{G as M,U as d}
+import{p as e,H as t,h as i,t as s}from"./index2.js";import o from"ol/Map";import a from"ol/View";import r from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import d from"ol/source/Vector";import{Zoom as h,FullScreen as p}from"ol/control";import c from"proj4";import{register as u}from"ol/proj/proj4";import{defaults as m,DragRotateAndZoom as f}from"ol/interaction";import{Overlay as y}from"ol";import{a as v,b,c as g,h as F,d as M,e as S,s as O}from"./udp-map-utils.js";import{g as w}from"./map-interactions.js";import{Point as P,LineString as j,Polygon as L}from"ol/geom";import{D as k,P as x}from"./common.js";import{debounce as E}from"lodash-es";import{d as z}from"./feature-details-card2.js";import{d as C}from"./feature-details-popup2.js";import{d as Z}from"./stencil-icon-button2.js";import{d as I}from"./udp-adornment2.js";import{d as V}from"./udp-ambient-tool-tip2.js";import{d as R}from"./udp-badge2.js";import{d as A}from"./udp-icon2.js";import{d as B}from"./udp-menu-item2.js";import{d as D}from"./udp-pop-over2.js";import{d as T}from"./unity-typography2.js";const G=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.data=[],this.isGeoJsonFormat=!0,this.enableZoom=!0,this.mapZoom=17,this.mapCenter=[0,0],this.mapHeight="80vh",this.mapProjection="",this.filterPanel="",this.enableTileSelection=!0,this.tileLayersOptions=[],this.defaultTileOptionName="",this.layerOptions=[],this.initialSelectedLayers=[],this.bulkSelectedFeaturesActionPanel="",this.filterLayersByRole=!1,this.layerKeySeparator="",this.filteredLayerOptionsByRole=[],this.readOnlyMap=!1,this.enableViewFeature=!0,this.bulkSelectionActive=!1,this.splitActive=!1,this.enableDragBox=!1,this.enableAddNewFeature=!0,this.readOnlyLayers=[],this.popoverPrimaryActions=[],this.popoverMoreIconButtonActions=[],this.hideMessageIconPopover=!1,this.popoverCardConfig={},this.minZoom=0,this.maxZoom=28,this.definedProjection=!1,this.popoverContainer=null,this.showPopOver=!1,this.isReadOnlyFeature=!1,this.mapFeatures=[],this.initializeMap=(e,t)=>{var i;this.definedProjection=this.registerProjection(this.crs),this.filterLayerOptions();let s=[];if(this.tileLayersOptions&&(null===(i=this.tileLayersOptions)||void 0===i?void 0:i.length)>0)for(let e of this.tileLayersOptions){const t=new r({source:null==e?void 0:e.source,properties:{value:null==e?void 0:e.name,isBaseTile:!0},visible:!this.defaultTileOptionName||(null==e?void 0:e.name)===this.defaultTileOptionName});s[s.length]=t}else{const e=new r({source:new n,properties:{value:"Open Street Map",isBaseTile:!0},visible:!0});s[s.length]=e}s.push(new l({source:new d({}),properties:{id:k}}));const c=new a({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new o({target:t,layers:s,view:c,interactions:m().extend([new f]),controls:[new h,new p],overlays:[new y({element:e,autoPan:{animation:{duration:250}},id:x})]}),this.mapInstance.on("moveend",E((()=>{this.getMapExtentAndZoom()}),500)),this.setVectorLayers(),this.addSelectInteraction(),this.handleSetMapComponent&&this.handleSetMapComponent(this.mapInstance)},this.setVectorLayers=()=>{let e=v(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=b(e,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let t=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,t),this.updateIntialSelectedLayersVisibility()},this.clearVectorLayers=()=>{var e,t,i;(null!==(i=null===(t=null===(e=this.mapInstance)||void 0===e?void 0:e.getLayers())||void 0===t?void 0:t.getArray())&&void 0!==i?i:[]).forEach((e=>{e instanceof l&&e.get("id")!==k&&this.mapInstance.removeLayer(e)}))},this.registerProjection=e=>(null==e?void 0:e.length)>0&&(c.defs(e),u(c),!0),this.filterLayerOptions=()=>{let e=this.filterLayersByRole?g(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(e)},this.addVectorLayersToMap=(e,t)=>{var i;if(e&&this.mapInstance)if(this.getVectorLayerSources)null===(i=this.getVectorLayerSources(t,e))||void 0===i||i.forEach((e=>{var t;const i=new d({features:null!==(t=null==e?void 0:e.features)&&void 0!==t?t:[]}),s=new l({source:i,properties:{value:null==e?void 0:e.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(s)}));else for(let i of t){const t=null==e?void 0:e.filter((e=>{const t=e.getProperties();if(this.getFeatureStyles){let t=this.getFeatureStyles(e);F(t)&&e.setStyle(t)}const s=M(this.layerKeys,this.layerKeySeparator,t);return i===s})),s=new d({features:t}),o=new l({source:s,properties:{value:i}});this.mapInstance.addLayer(o)}},this.getVisibleLayersOnLoad=e=>{const t=this.filterLayersByRole?g(this.user,this.layerRoles,e):e;return S(t)},this.updateLayerVisibility=(e,t=!1)=>{var i,s;let o=t?r:l;null===(s=null===(i=this.mapInstance)||void 0===i?void 0:i.getLayers())||void 0===s||s.forEach((t=>{t instanceof o&&(e.includes(t.get("value"))||t.get("id")===k?t.setVisible(!0):t.setVisible(!1))}))},this.insertFeatureStyles=()=>{this.getFeatureStyles&&this.mapInstance.getLayers().forEach((e=>{e instanceof l&&e.getSource().getFeatures().forEach((e=>{let t=this.getFeatureStyles(e);F(t)&&e.setStyle(t)}))}))},this.addSelectInteraction=()=>{w(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)},this.handleUpdateSelectInteraction=e=>{this.selectInteraction=e},this.handleSetCurrentSelectedFeature=e=>{this.currentSelectedFeature=e},this.handleSetShowPopOver=e=>{this.showPopOver=e},this.showPopper=e=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&e){const t=this.mapInstance.getOverlayById(x);t&&(e.getGeometry()instanceof P?t.setPosition(e.getGeometry().getCoordinates()):e.getGeometry()instanceof j?t.setPosition(e.getGeometry().getCoordinates()[0]):e.getGeometry()instanceof L&&t.setPosition(e.getGeometry().getCoordinates()[0][0])),this.showPopOver=!0}},this.handleOnCloseFeaturePopover=e=>{this.additionalOnclosePopover&&this.additionalOnclosePopover(e),this.setSelectedFeatureIdExternal&&this.setSelectedFeatureIdExternal(null),this.showPopOver=!1},this.handleAddInteraction=e=>{this.mapInstance.addInteraction(e)},this.handleShowMarkerFromExternal=e=>{var t,i;if(e&&this.mapFeatures&&this.selectInteraction){const s=null===(t=this.mapFeatures)||void 0===t?void 0:t.find((t=>(null==t?void 0:t.getId())===e)),o=null==s?void 0:s.getProperties();if(s){this.handleSetSelectedFeatureProperties(s);const e=M(this.layerKeys,this.layerKeySeparator,o),t=S(this.filteredLayerOptionsByRole);if(!(null===(i=this.selectedLayers)||void 0===i?void 0:i.includes(e))&&(null==t?void 0:t.includes(e))&&this.handleSetSelectedLayers){const t=[...this.selectedLayers,e];this.handleSetSelectedLayers(t),this.updateLayerVisibility(t)}const a=this.selectInteraction.getFeatures(),r=a.getArray().slice();a.clear(),a.push(s),this.selectInteraction.dispatchEvent({type:"select",selected:[s],deselected:r,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const e=this.el.shadowRoot.querySelector("#map");this.popoverContainer&&e&&this.initializeMap(this.popoverContainer,e)}))}reinitializeMap(){this.clearVectorLayers(),this.setVectorLayers()}resetPopover(){this.showPopOver=!1}updateProjection(){this.crs&&(this.definedProjection=this.registerProjection(this.crs))}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var e;this.selectedFeatureIdExternal&&(null===(e=this.selectInteraction)||void 0===e?void 0:e.getActive())?this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal):this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal&&this.setSelectedFeatureIdExternal(null)}updateReadOnlyLayers(){var e;if(this.selectedFeatureProperties){const t=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=null===(e=this.readOnlyLayers)||void 0===e?void 0:e.includes(t)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const e=this.mapInstance.getView().getCenter(),t=this.mapInstance.getView().getZoom();this.mapInstance.setView(new a({center:e,zoom:t,projection:this.mapProjection}))}}updateMapCenter(){var e;this.mapInstance&&this.mapCenter&&(null===(e=this.mapInstance.getView())||void 0===e||e.setCenter(this.mapCenter))}updateFeatureStyles(){this.mapInstance&&this.insertFeatureStyles()}updateMinZoom(){var e,t;this.mapInstance&&this.minZoom&&(null===(t=null===(e=this.mapInstance)||void 0===e?void 0:e.getView())||void 0===t||t.setMinZoom(this.minZoom))}updateMaxZoom(){var e,t;this.mapInstance&&this.maxZoom&&(null===(t=null===(e=this.mapInstance)||void 0===e?void 0:e.getView())||void 0===t||t.setMaxZoom(this.maxZoom))}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const e=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize()),t=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(t,e)}}updateIntialSelectedLayersVisibility(){let e=O(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(e),this.handleSetSelectedLayers&&this.handleSetSelectedLayers(e)}render(){return i("div",{key:"8851fab5625f6285b174b3a5075d00d38c2d0276"},i("div",{key:"c04901b2cecb47d1344f67de5005aaf05bb4d8a8",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"e6bb0624bdb76a718b07bb70b68ba17950d6db35"})),i("div",{key:"175e1cad5ef31d7b0af02318f1b7ec0f57d9dd40",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"11094c85b5d9f49921f306657818aecfd3a8749b",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return this}static get watchers(){return{data:[{reinitializeMap:0},{resetPopover:0}],layerOptions:[{reinitializeMap:0},{updateFilteredLayerOptions:0}],mapDataProjection:[{reinitializeMap:0}],mapProjection:[{reinitializeMap:0},{updateMapView:0}],crs:[{updateProjection:0}],layerRoles:[{updateFilteredLayerOptions:0}],user:[{updateFilteredLayerOptions:0}],selectedFeatureIdExternal:[{handleSelectFeatureOnMap:0}],readOnlyLayers:[{updateReadOnlyLayers:0}],selectedFeatureProperties:[{updateReadOnlyLayers:0}],initialSelectedLayers:[{handleUpdateInitialSelectedLayersVisibility:0}],mapCenter:[{updateMapCenter:0}],getMapStyles:[{updateFeatureStyles:0}],minZoom:[{updateMinZoom:0}],maxZoom:[{updateMaxZoom:0}]}}static get style(){return":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}"}},[257,"map-component",{handleSetMapComponent:[8,"handle-set-map-component"],data:[16],isGeoJsonFormat:[4,"is-geo-json-format"],geoJsonMappingConfig:[8,"geo-json-mapping-config"],enableZoom:[4,"enable-zoom"],mapZoom:[2,"map-zoom"],mapCenter:[8,"map-center"],mapHeight:[1,"map-height"],crs:[8],mapProjection:[1,"map-projection"],mapDataProjection:[1,"map-data-projection"],getFilteredMapData:[8,"get-filtered-map-data"],getVectorLayerSources:[8,"get-vector-layer-sources"],getFeatureStyles:[8,"get-feature-styles"],getSelectedFeatureStyles:[8,"get-selected-feature-styles"],filterPanel:[1,"filter-panel"],filterPanelCallback:[8,"filter-panel-callback"],enableTileSelection:[4,"enable-tile-selection"],tileLayersOptions:[16],defaultTileOptionName:[1,"default-tile-option-name"],layerOptions:[16],initialSelectedLayers:[16],bulkSelectedFeaturesActionPanel:[1,"bulk-selected-features-action-panel"],handleSetSelectedFeaturesOnBulkSelect:[8,"handle-set-selected-features-on-bulk-select"],handleSetSelectedFeatureOnSelect:[8,"handle-set-selected-feature-on-select"],filterLayersByRole:[4,"filter-layers-by-role"],layerKeys:[16],layerKeySeparator:[1,"layer-key-separator"],user:[8],layerRoles:[8,"layer-roles"],filteredLayerOptionsByRole:[16],handleSetFilteredLayerOptionsByRole:[8,"handle-set-filtered-layer-options-by-role"],readOnlyMap:[4,"read-only-map"],enableViewFeature:[4,"enable-view-feature"],handleViewFeature:[8,"handle-view-feature"],bulkSelectionActive:[4,"bulk-selection-active"],splitActive:[4,"split-active"],enableDragBox:[4,"enable-drag-box"],selectFeatureInteraction:[8,"select-feature-interaction"],handleSetSelectedFeatureProperties:[8,"handle-set-selected-feature-properties"],selectedFeatureCoordinates:[16],selectedFeatureProperties:[8,"selected-feature-properties"],enableAddNewFeature:[4,"enable-add-new-feature"],selectedFeatureIdExternal:[8,"selected-feature-id-external"],setSelectedFeatureIdExternal:[16],readOnlyLayers:[16],additionalOnclosePopover:[8,"additional-onclose-popover"],popoverPrimaryActions:[16],popoverMoreIconButtonActions:[16],getMessagePopover:[16],getMessageIconPopover:[16],hideMessageIconPopover:[4,"hide-message-icon-popover"],popoverCardConfig:[8,"popover-card-config"],popoverWidth:[1,"popover-width"],handleGetZoomExtent:[8,"handle-get-zoom-extent"],selectedLayers:[16],handleSetSelectedLayers:[8,"handle-set-selected-layers"],handleGetAdditionalFeaturePropertiesOnSelect:[16],minZoom:[2,"min-zoom"],maxZoom:[2,"max-zoom"],currentSelectedFeature:[32],definedProjection:[32],popoverContainer:[32],showPopOver:[32],isReadOnlyFeature:[32],selectInteraction:[32],mapFeatures:[32],mapInstance:[32]},void 0,{data:[{reinitializeMap:0},{resetPopover:0}],layerOptions:[{reinitializeMap:0},{updateFilteredLayerOptions:0}],mapDataProjection:[{reinitializeMap:0}],mapProjection:[{reinitializeMap:0},{updateMapView:0}],crs:[{updateProjection:0}],layerRoles:[{updateFilteredLayerOptions:0}],user:[{updateFilteredLayerOptions:0}],selectedFeatureIdExternal:[{handleSelectFeatureOnMap:0}],readOnlyLayers:[{updateReadOnlyLayers:0}],selectedFeatureProperties:[{updateReadOnlyLayers:0}],initialSelectedLayers:[{handleUpdateInitialSelectedLayersVisibility:0}],mapCenter:[{updateMapCenter:0}],getMapStyles:[{updateFeatureStyles:0}],minZoom:[{updateMinZoom:0}],maxZoom:[{updateMaxZoom:0}]}]);function U(){"undefined"!=typeof customElements&&["map-component","feature-details-card","feature-details-popup","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"map-component":customElements.get(s(e))||customElements.define(s(e),G);break;case"feature-details-card":customElements.get(s(e))||z();break;case"feature-details-popup":customElements.get(s(e))||C();break;case"stencil-icon-button":customElements.get(s(e))||Z();break;case"udp-adornment":customElements.get(s(e))||I();break;case"udp-ambient-tool-tip":customElements.get(s(e))||V();break;case"udp-badge":customElements.get(s(e))||R();break;case"udp-icon":customElements.get(s(e))||A();break;case"udp-menu-item":customElements.get(s(e))||B();break;case"udp-pop-over":customElements.get(s(e))||D();break;case"unity-typography":customElements.get(s(e))||T()}}))}export{G as M,U as d}

package/dist/components/map-toolbar2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as a}from"./index2.js";import{Close16 as s,Checkmark16 as n,Filter16 as o,Layers16 as c,Select_0116 as l,Scalpel16 as d,Renew16 as r,OverflowMenuHorizontal16 as p}from"@carbon/icons/es";import{f as h}from"./udp-map-utils.js";import{S as b}from"./common.js";import{d as u}from"./add-map-feature-popup2.js";import{d as f}from"./check-box-group2.js";import{d as y}from"./custom-button2.js";import{d as m}from"./select-layer-popup2.js";import{d as v}from"./split-line-popup2.js";import{d as k}from"./stencil-icon-button2.js";import{d as O}from"./stencil-icon-button-grid-action-header2.js";import{d as g}from"./text-field2.js";import{d as B}from"./udp-ambient-tool-tip2.js";import{d as C}from"./udp-badge2.js";import{d as S}from"./udp-icon2.js";import{d as w}from"./udp-menu-item2.js";import{d as L}from"./udp-pop-over2.js";import{d as x}from"./udp-selector2.js";import{d as F}from"./unity-typography2.js";const E=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.mapTitle="",this.visibleLayers=[],this.enableTileSelection=!0,this.enableDragBox=!0,this.selectedFeatureByBoxSelection=[],this.refreshButtonTooltip="",this.enableAddNewFeature=!1,this.enableSplit=!0,this.readOnlyMap=!1,this.enableAdd=!0,this.addMultipleFeatures=!0,this.showSplitButton=!1,this.readOnlyLayers=[],this.filterAnchor=null,this.layerAnchor=null,this.bulkSelectionTypeAnchor=null,this.selectionActionAnchor=null,this.splitAnchor=null,this.addFeatureAnchor=null,this.filteredOptions=[],this.withSelected=!1,this.layerOptionsForPopup=[],this.setFilteredLayerOptions=()=>{this.layerOptions&&this.layerOptions.length>0&&(this.filteredOptions=this.layerOptions)},this.updateSelectedLayers=e=>{this.handleSelectLayers(e)},this.handleCloseFilterPopover=()=>{this.filterAnchor=null},this.handleCloseLayerPopover=()=>{this.layerAnchor=null},this.handleCloseBulkSelectionTypePopover=()=>{this.bulkSelectionTypeAnchor=null},this.handleCloseSplitPopover=()=>{this.splitAnchor=null},this.handleCloseSelectionActionPopover=()=>{this.selectionActionAnchor=null},this.handleCloseAddMapFeature=()=>{this.addFeatureAnchor=null,this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null},this.handleFilterOnclick=()=>{this.filterAnchor=this.mapToolbarElement.shadowRoot.querySelector("#filterOptionButton")},this.handleLayerOnclick=()=>{this.layerAnchor=this.mapToolbarElement.shadowRoot.querySelector("#layerOptionButton"),this.filteredOptions=this.layerOptions},this.handleSelectionActionOnclick=()=>{this.selectionActionAnchor=this.mapToolbarElement.shadowRoot.querySelector("#withSelectedOptionButton")},this.handleSelectionBtnOnclick=()=>{this.bulkSelectionTypeAnchor=this.mapToolbarElement.shadowRoot.querySelector("#bulkSelectOptionButton")},this.handleSplitBtnOnclick=()=>{this.splitAnchor=this.mapToolbarElement.shadowRoot.querySelector("#splitOptionButton")},this.handleAddOnclick=()=>{this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null,this.addFeatureAnchor=this.mapToolbarElement.shadowRoot.querySelector("#addOptionButton")},this.handleBulkSelectionTypeOnclick=e=>{this.bulkSelectionTypeAnchor=null,this.handleBulkSelectionTypeOnChange(e,this.mapProjection)},this.handleSearchLayers=e=>{var t;const i=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value;if(!i||0===(null==i?void 0:i.trim().length))return void(this.filteredOptions=this.layerOptions);const a=h(this.layerOptions,i);this.filteredOptions=a},this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)},this.unselectFeatures=()=>{this.withSelected=!1,this.handleUnselectFeatures()},this.handleAddNewFeature=()=>{this.addFeatureAnchor=null,this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null,this.addNewFeature()},this.handleCancelAddNewFeature=()=>{this.addFeatureAnchor=null,this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null,this.cancelAddNewFeature()},this.getButtonText=()=>this.enableDragBox?"Cancel Bulk Selection":this.enableAddNewFeature?"Save":"",this.getButtonIcon=()=>this.enableDragBox?s:this.enableAddNewFeature?n:s}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){this.withSelected=!!(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0)}updateLayerOptionsForPopup(){var e;this.layerOptionsForPopup=(null===(e=this.readOnlyLayers)||void 0===e?void 0:e.length)>0?this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e))):this.visibleLayers}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===b));t&&t.setActive(!e)}render(){var e,t;return i("div",{key:"3f3529770dd1f8c0142342f95ae128a1a3c5e713",class:"toolbarContainer"},i("div",{key:"fb591c59d96f64b1f62d4d65bde2301ba5ae8e07",class:"title"},this.mapTitle&&this.mapTitle.length>0&&i("unity-typography",{key:"904028aa82e53a16ea053f3337fa19a33d79616a",variant:"h4"},this.mapTitle)),i("div",{key:"b31c5ba36b3ab75b9ac7b9475149ff4a56828808",class:"buttons"},i("div",{key:"f7996fd77fc50fac212378d3f59e51fa4d9dee1a",class:"buttonContainer"},i("div",{key:"371fa00be132f7b45661da50f5e6e2d1731d5fa4",class:"secondaryButtons"},this.filterPanel&&i("div",{key:"a76208b1bf961a0e6be8ffc1425b3935bb40b23f",id:"filterOption"},i("div",{key:"acd3c47849653ce81f0581fba0a96a0993f5f513",id:"filterOptionButton"},i("stencil-icon-button",{key:"d4108298d1a903c7db0045e28a01412958534f5f",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:o,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&i("div",{key:"3c315a79d271299a04def172ef4837455eec44c8",id:"filterOptionDiv"},i("udp-pop-over",{key:"8dde6b38634ec372c79191e9aca951f0b5713edd",isOpen:!!this.filterAnchor,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},i("div",{key:"b554a7e2990f4e94115e16dcb687497953c79dba",innerHTML:this.filterPanel})))),this.layerOptions&&i("div",{key:"69c2322ce88f549a94bdf1a6cf4a3da72a7d2fc9",id:"layerOption"},i("div",{key:"14d760cca4024ccccbf09850405d5580acc1ca65",id:"layerOptionButton"},i("stencil-icon-button",{key:"78f49011de103182c6957c5e73056b43d3816f04",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:c,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:null===(e=this.visibleLayers)||void 0===e?void 0:e.length})),i("div",{key:"c67441730a615a3781c0b3028fc875b2639e3f19",id:"layerOptionDiv"},this.layerAnchor&&i("udp-pop-over",{key:"13e9be28c42890b05c48245f1bb4cf61afab8b62",isOpen:!!this.layerAnchor,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},i("select-layer-popup",{key:"1ef25e9a93b3ae4c547923bfdded9fc8744d663b",enableTileSelection:this.enableTileSelection,tileOptions:this.tileOptions,handleMapTypeInputChange:this.handleMapTypeInputChange,handleSearchLayers:this.handleSearchLayers,filteredOptions:this.filteredOptions,visibleLayers:this.visibleLayers,updateSelectedLayers:this.updateSelectedLayers,selectedTile:this.selectedTile})))),!this.readOnlyMap&&this.selectedFeaturesActionPanel&&i("div",{key:"8a0a23c828d90bda52bffea91cda3d3a2ebae915",id:"bulkSelectOption"},i("div",{key:"9170194539a7472596f094b0fcb367dc4a3ea390",id:"bulkSelectOptionButton"},i("stencil-icon-button",{key:"ae677b5ad81a4489599a3b3d0687050250130bec",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),i("div",{key:"19da0e9da45b1fcb352ed1a55d14aed6e7da9c5e",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&i("udp-pop-over",{key:"c8b7dfc47685ec63d3b6b02fd8985add47736410",isOpen:!!this.bulkSelectionTypeAnchor,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},i("udp-menu-item",{key:"16349b4225e6e652c8011fe39f07b2337d179273",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),i("udp-menu-item",{key:"51dfd9a60248b3e6d5ca86af736c32619b15f02a",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),i("udp-menu-item",{key:"8c088b03b3bd86e7874bdd9016d94495b62a4e01",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),i("udp-menu-item",{key:"93f08311a5b984472a684eea4c2061d970b5460e",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&i("div",{key:"a8850b6fa61fa658b3084bd57abf47ad5897d3ef",id:"splitOption"},i("div",{key:"6b620958b2be71a23c9aafed10f9373941bd0bfe",id:"splitOptionButton"},i("stencil-icon-button",{key:"22ed3d7de5cfa484f1d25fc73a0e71ff1e65e4f2",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:d,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),i("div",{key:"045d71246c49fe0111ce34d341ba9d426f4ccfc8",id:"splitOptionDiv"},this.splitAnchor&&i("udp-pop-over",{key:"7b89c4c439b26b7b6297551f6a840748da998663",isOpen:!!this.splitAnchor,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},i("split-line-popup",{key:"085d3c77d005b0c819bbe3cd83c3d423cc0d350e",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&i("stencil-icon-button",{key:"d4a8cda6bc070a53a4a42de00e5fecc121c1e28c",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:null!==(t=this.refreshButtonTooltip)&&void 0!==t?t:"Refresh",icon:r,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&i("div",{key:"a00301ec69591d0254e2dae7eeff5debdfe8fe9a",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"518bd5f6e768048da40a000a10263b6cf9decf04",showLabel:!0,icon:this.getButtonIcon(),onClick:()=>{this.enableDragBox&&this.handleCancelBoxSelection(),this.enableAddNewFeature&&this.handleAddNewFeature()},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},i("unity-typography",{key:"9e280df0a4dd135793ef432851bf77cf7247b8f6",variant:"button"},this.getButtonText()))),this.showSplitButton&&i("div",{key:"3fed3bfeb388533125caa255124ce2fa66dd018a",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"e215e14244f28b458b821cad21e92c672178c054",showLabel:!0,icon:n,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},i("unity-typography",{key:"d5f7c216937e99aec37d7edc4a8b64d95ec66ab5",variant:"button"},"Save Split"))),this.showSplitButton&&i("div",{key:"e621c124767f266a83a83b8baa7d4fbc0d764ac8",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"112cf041c32bc6ef1e2401536d59a1b9a8f61504",showLabel:!0,icon:s,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},i("unity-typography",{key:"fe29e6fc905c0c86a3dd0179937bac36ef248c32",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&i("div",{key:"46d45b559c0d101ca90069642d5c91693491774c",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"2329d43385d5f5cca508c2b3b6dc90b41f9e1fec",showLabel:!0,icon:s,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},i("unity-typography",{key:"286b001358790cc79d33a46bb940c038a1cc9da9",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&i("div",{key:"313cf7021f18b9226517a35948879b4f6ed5c8e1",class:"selectedFeaturesButtons labelButtons"},i("div",{key:"3a4d9b331c5293217fe232074fd7f170b56c1de6",id:"withSelectedOption"},i("div",{key:"364c530debf68e8b244e88ed2c6f37cb4ce29ce4",id:"withSelectedOptionButton"},i("stencil-icon-button-grid-action-header",{key:"bbaf3c3c5e290d69e521b616d018d2c09a3ca7ab",showLabel:!0,icon:p,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},i("unity-typography",{key:"8bcb87edf4156ac4b20ff2e299ef0b26b964ff0a",variant:"button"},"With Selected"))),i("div",{key:"f4e432db4058fce8b64b3004eace7541ef4f3347",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&i("udp-pop-over",{key:"f3c29a29b4d46377b2cc18fcea9d133e3263b611",isOpen:!!this.selectionActionAnchor,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},i("div",{key:"f9ac13c8cd5ca79db115736b78202c37e4d0399a",innerHTML:this.selectedFeaturesActionPanel})))),i("stencil-icon-button-grid-action-header",{key:"51ce8939de972a57fb4255ce95181a598ef7fa5c",showLabel:!0,icon:s,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},i("unity-typography",{key:"172bc5e55875bb2a75e7dc87fce8ba71cb51167b",variant:"button"},"Cancel Selection")))),i("div",{key:"bb6d9508159f0d8d814f5fa6c3413d1dab9a1528",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&i("div",{key:"ae77e80fda5224f3f4a046628f1d80928dd278fb",id:"addOptionButton"},i("custom-button",{key:"722fd03a1c24a8b48abf282a5b9f48e6a02781da",secondary:!0,label:i("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},i("udp-icon",{key:"e42f4e88b24feeb40e6d4f13c09108ee447070c5",iconName:"add32",darkIcon:!1}))),this.addFeatureAnchor&&i("udp-pop-over",{key:"f46fa1ac31dacde99957907539cd8bd70b593421",isOpen:!!this.addFeatureAnchor,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},i("add-map-feature-popup",{key:"09d1bc7a823a5d07040053e1593712c89a6aac3d",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return this}static get watchers(){return{layerOptions:[{setLayerOptions:0}],selectedFeatureByBoxSelection:[{setIsSelected:0}],visibleLayers:[{updateLayerOptionsForPopup:0}],readOnlyLayers:[{updateLayerOptionsForPopup:0}],enableAddNewFeature:[{activateSelectInteraction:0}]}}static get style(){return".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}"}},[1,"map-toolbar",{map:[8],mapTitle:[1,"map-title"],layerOptions:[8,"layer-options"],handleSelectLayers:[8,"handle-select-layers"],visibleLayers:[16],tileOptions:[16],handleSelectTile:[8,"handle-select-tile"],selectedTile:[8,"selected-tile"],enableTileSelection:[4,"enable-tile-selection"],filterPanel:[1,"filter-panel"],enableDragBox:[4,"enable-drag-box"],selectedFeatureByBoxSelection:[16],handleUnselectFeatures:[8,"handle-unselect-features"],handleCancelBoxSelection:[8,"handle-cancel-box-selection"],selectedFeaturesActionPanel:[1,"selected-features-action-panel"],handleBulkSelectionTypeOnChange:[8,"handle-bulk-selection-type-on-change"],refreshEvent:[8,"refresh-event"],refreshButtonTooltip:[1,"refresh-button-tooltip"],mapProjection:[8,"map-projection"],enableAddNewFeature:[4,"enable-add-new-feature"],handleStartDrawingMapFeature:[8,"handle-start-drawing-map-feature"],handleStartSplitting:[8,"handle-start-splitting"],cancelAddNewFeature:[8,"cancel-add-new-feature"],addNewFeature:[8,"add-new-feature"],enableSplit:[4,"enable-split"],handleCancelSplit:[8,"handle-cancel-split"],handleSaveSplit:[8,"handle-save-split"],readOnlyMap:[4,"read-only-map"],enableAdd:[4,"enable-add"],addMultipleFeatures:[4,"add-multiple-features"],showSplitButton:[4,"show-split-button"],readOnlyLayers:[16],addFeaturePanelConfig:[8,"add-feature-panel-config"],filterAnchor:[32],layerAnchor:[32],bulkSelectionTypeAnchor:[32],selectionActionAnchor:[32],splitAnchor:[32],addFeatureAnchor:[32],filteredOptions:[32],withSelected:[32],selectedLayerToAddFeature:[32],selectedTypeToAddFeature:[32],layerOptionsForPopup:[32]},void 0,{layerOptions:[{setLayerOptions:0}],selectedFeatureByBoxSelection:[{setIsSelected:0}],visibleLayers:[{updateLayerOptionsForPopup:0}],readOnlyLayers:[{updateLayerOptionsForPopup:0}],enableAddNewFeature:[{activateSelectInteraction:0}]}]);function j(){"undefined"!=typeof customElements&&["map-toolbar","add-map-feature-popup","check-box-group","custom-button","select-layer-popup","split-line-popup","stencil-icon-button","stencil-icon-button-grid-action-header","text-field","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","udp-selector","unity-typography"].forEach((e=>{switch(e){case"map-toolbar":customElements.get(a(e))||customElements.define(a(e),E);break;case"add-map-feature-popup":customElements.get(a(e))||u();break;case"check-box-group":customElements.get(a(e))||f();break;case"custom-button":customElements.get(a(e))||y();break;case"select-layer-popup":customElements.get(a(e))||m();break;case"split-line-popup":customElements.get(a(e))||v();break;case"stencil-icon-button":customElements.get(a(e))||k();break;case"stencil-icon-button-grid-action-header":customElements.get(a(e))||O();break;case"text-field":customElements.get(a(e))||g();break;case"udp-ambient-tool-tip":customElements.get(a(e))||B();break;case"udp-badge":customElements.get(a(e))||C();break;case"udp-icon":customElements.get(a(e))||S();break;case"udp-menu-item":customElements.get(a(e))||w();break;case"udp-pop-over":customElements.get(a(e))||L();break;case"udp-selector":customElements.get(a(e))||x();break;case"unity-typography":customElements.get(a(e))||F()}}))}export{E as M,j as d}
+import{p as e,H as t,h as i,t as a}from"./index2.js";import{Close16 as s,Checkmark16 as n,Filter16 as o,Layers16 as c,Select_0116 as l,Scalpel16 as d,Renew16 as r,OverflowMenuHorizontal16 as p}from"@carbon/icons/es";import{f as h}from"./udp-map-utils.js";import{S as b}from"./common.js";import{d as u}from"./add-map-feature-popup2.js";import{d as f}from"./check-box-group2.js";import{d as y}from"./custom-button2.js";import{d as m}from"./select-layer-popup2.js";import{d as v}from"./split-line-popup2.js";import{d as k}from"./stencil-icon-button2.js";import{d as O}from"./stencil-icon-button-grid-action-header2.js";import{d as g}from"./text-field2.js";import{d as B}from"./udp-ambient-tool-tip2.js";import{d as C}from"./udp-badge2.js";import{d as S}from"./udp-icon2.js";import{d as w}from"./udp-menu-item2.js";import{d as L}from"./udp-pop-over2.js";import{d as x}from"./udp-selector2.js";import{d as F}from"./unity-typography2.js";const E=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.mapTitle="",this.visibleLayers=[],this.enableTileSelection=!0,this.enableDragBox=!0,this.selectedFeatureByBoxSelection=[],this.refreshButtonTooltip="",this.enableAddNewFeature=!1,this.enableSplit=!0,this.readOnlyMap=!1,this.enableAdd=!0,this.addMultipleFeatures=!0,this.showSplitButton=!1,this.readOnlyLayers=[],this.filterAnchor=null,this.layerAnchor=null,this.bulkSelectionTypeAnchor=null,this.selectionActionAnchor=null,this.splitAnchor=null,this.addFeatureAnchor=null,this.filteredOptions=[],this.withSelected=!1,this.layerOptionsForPopup=[],this.setFilteredLayerOptions=()=>{this.layerOptions&&this.layerOptions.length>0&&(this.filteredOptions=this.layerOptions)},this.updateSelectedLayers=e=>{this.handleSelectLayers(e)},this.handleCloseFilterPopover=()=>{this.filterAnchor=null},this.handleCloseLayerPopover=()=>{this.layerAnchor=null},this.handleCloseBulkSelectionTypePopover=()=>{this.bulkSelectionTypeAnchor=null},this.handleCloseSplitPopover=()=>{this.splitAnchor=null},this.handleCloseSelectionActionPopover=()=>{this.selectionActionAnchor=null},this.handleCloseAddMapFeature=()=>{this.addFeatureAnchor=null,this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null},this.handleFilterOnclick=()=>{this.filterAnchor=this.mapToolbarElement.shadowRoot.querySelector("#filterOptionButton")},this.handleLayerOnclick=()=>{this.layerAnchor=this.mapToolbarElement.shadowRoot.querySelector("#layerOptionButton"),this.filteredOptions=this.layerOptions},this.handleSelectionActionOnclick=()=>{this.selectionActionAnchor=this.mapToolbarElement.shadowRoot.querySelector("#withSelectedOptionButton")},this.handleSelectionBtnOnclick=()=>{this.bulkSelectionTypeAnchor=this.mapToolbarElement.shadowRoot.querySelector("#bulkSelectOptionButton")},this.handleSplitBtnOnclick=()=>{this.splitAnchor=this.mapToolbarElement.shadowRoot.querySelector("#splitOptionButton")},this.handleAddOnclick=()=>{this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null,this.addFeatureAnchor=this.mapToolbarElement.shadowRoot.querySelector("#addOptionButton")},this.handleBulkSelectionTypeOnclick=e=>{this.bulkSelectionTypeAnchor=null,this.handleBulkSelectionTypeOnChange(e,this.mapProjection)},this.handleSearchLayers=e=>{var t;const i=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value;if(!i||0===(null==i?void 0:i.trim().length))return void(this.filteredOptions=this.layerOptions);const a=h(this.layerOptions,i);this.filteredOptions=a},this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)},this.unselectFeatures=()=>{this.withSelected=!1,this.handleUnselectFeatures()},this.handleAddNewFeature=()=>{this.addFeatureAnchor=null,this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null,this.addNewFeature()},this.handleCancelAddNewFeature=()=>{this.addFeatureAnchor=null,this.selectedLayerToAddFeature=null,this.selectedTypeToAddFeature=null,this.cancelAddNewFeature()},this.getButtonText=()=>this.enableDragBox?"Cancel Bulk Selection":this.enableAddNewFeature?"Save":"",this.getButtonIcon=()=>this.enableDragBox?s:this.enableAddNewFeature?n:s}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){this.withSelected=!!(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0)}updateLayerOptionsForPopup(){var e;this.layerOptionsForPopup=(null===(e=this.readOnlyLayers)||void 0===e?void 0:e.length)>0?this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e))):this.visibleLayers}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===b));t&&t.setActive(!e)}render(){var e,t;return i("div",{key:"cc94e88b15359372d2dade58f7a39cfdda619cc9",class:"toolbarContainer"},i("div",{key:"81a70cc550fe3b5e1cf43f2fd72297ea7dfae6de",class:"title"},this.mapTitle&&this.mapTitle.length>0&&i("unity-typography",{key:"43478091aced069363de43bef9d1c207eea43f8f",variant:"h4"},this.mapTitle)),i("div",{key:"5fe4d52050743571ec291cfed6e4bb0093168565",class:"buttons"},i("div",{key:"b765b142ba0512c7944c5ec3c852d1a2dc9bfebd",class:"buttonContainer"},i("div",{key:"bd24ff65f0cfb4ad9228b41cca5a69175297cceb",class:"secondaryButtons"},this.filterPanel&&i("div",{key:"07f4682433ce73e04870eb96004740b1711b541b",id:"filterOption"},i("div",{key:"6b67f33f8393fa0a009f86466194e81416f18a47",id:"filterOptionButton"},i("stencil-icon-button",{key:"f4f598a3f876e5334375e751c0aee7058b9d9dfd",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:o,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&i("div",{key:"4b832a46754648efe4fd4ef236fa7c262e108e79",id:"filterOptionDiv"},i("udp-pop-over",{key:"8ecbddb7ea84bf7c4c7ae6003dda0008f37772d5",isOpen:!!this.filterAnchor,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},i("div",{key:"be3b918ad0a02b03dd001fdd2fcd1151fec02e99",innerHTML:this.filterPanel})))),this.layerOptions&&i("div",{key:"981c9d69269252f16fb173f14218ac9a06ceaf46",id:"layerOption"},i("div",{key:"c783f9b1b9c9e6a9511d14fc5c1f6d01f1a80bd5",id:"layerOptionButton"},i("stencil-icon-button",{key:"891acb2aab39303e0b9dcfbbddd4e4215bfc0eaa",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:c,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:null===(e=this.visibleLayers)||void 0===e?void 0:e.length})),i("div",{key:"5af5f684cdea3ac266f0fe97c5451b5d9e11899a",id:"layerOptionDiv"},this.layerAnchor&&i("udp-pop-over",{key:"ac25b455ba38f481732e157d691ff6cdb1a69a26",isOpen:!!this.layerAnchor,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},i("select-layer-popup",{key:"1928898a72e89ac248da1a702c80afa6a0055a7a",enableTileSelection:this.enableTileSelection,tileOptions:this.tileOptions,handleMapTypeInputChange:this.handleMapTypeInputChange,handleSearchLayers:this.handleSearchLayers,filteredOptions:this.filteredOptions,visibleLayers:this.visibleLayers,updateSelectedLayers:this.updateSelectedLayers,selectedTile:this.selectedTile})))),!this.readOnlyMap&&this.selectedFeaturesActionPanel&&i("div",{key:"0a6e03a58d510229113fab08d31230eeb876614a",id:"bulkSelectOption"},i("div",{key:"6a7ec0fc0a37c5faf22cc1bcc1f0a2e5a34b656a",id:"bulkSelectOptionButton"},i("stencil-icon-button",{key:"ff5a3eeebd1ebb7d0265ea66b1dcd820f0f9281b",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),i("div",{key:"d44690da7da476811bf15dd734df833fcdf0e8df",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&i("udp-pop-over",{key:"a797f612aa4a41dfe304acae6513bdfc33b6a9d9",isOpen:!!this.bulkSelectionTypeAnchor,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},i("udp-menu-item",{key:"cbbcdde20cee437c9a64e9202f1b86ec94e0b8de",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),i("udp-menu-item",{key:"b1c7794ccad8c1b55f77a505c88f660b642db774",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),i("udp-menu-item",{key:"84af4dfb0abaab93a7852f80121b5022569a799d",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),i("udp-menu-item",{key:"4e9a030685178a67fa4c42fa32e182710b5000bb",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&i("div",{key:"fe3a5e71100e8042155c23152b9aeeafdcb08c6c",id:"splitOption"},i("div",{key:"eee63b8b5753b9e85f8538f729f01341f3e43146",id:"splitOptionButton"},i("stencil-icon-button",{key:"c842db504e337ad055826136eb6f9ed1abaaddb0",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:d,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),i("div",{key:"29384bf9afff4224280c4f4cbf360503ffa562bc",id:"splitOptionDiv"},this.splitAnchor&&i("udp-pop-over",{key:"7ed6dc7dc95609d2ca666c6c16a4050dbc1f1491",isOpen:!!this.splitAnchor,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},i("split-line-popup",{key:"96b73e78d4736cf62234d7b5562ef173b0a63e5f",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&i("stencil-icon-button",{key:"ab88c9074a2637d129457bb8a252653c452b600b",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:null!==(t=this.refreshButtonTooltip)&&void 0!==t?t:"Refresh",icon:r,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&i("div",{key:"a9866ce9115ed233377d539aabdc14eea4bdc0ad",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"5f7e3e4f8b04911d596faf1aaa08c3337ea7ed18",showLabel:!0,icon:this.getButtonIcon(),onClick:()=>{this.enableDragBox&&this.handleCancelBoxSelection(),this.enableAddNewFeature&&this.handleAddNewFeature()},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},i("unity-typography",{key:"dda2529b66e0278b6e22eb248710af0e91811f29",variant:"button"},this.getButtonText()))),this.showSplitButton&&i("div",{key:"455f4a1377ca5198f7391dd8fe301606ab5834ad",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"36779457b37d4714297c86c7d356732b05ac2f6b",showLabel:!0,icon:n,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},i("unity-typography",{key:"ae57f636f17a1aa1523485064783c411e1f538b3",variant:"button"},"Save Split"))),this.showSplitButton&&i("div",{key:"190c38091a68f6007d972c6fe99d2f7d5ace44dd",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"7d92f77f15a49142c00056555f2195673669b591",showLabel:!0,icon:s,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},i("unity-typography",{key:"5c21e532dd7231ddeba9e7017e7505ceef3cc651",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&i("div",{key:"62a0bc1516ca70144944913ba10f2697c17b5653",class:"labelButtons"},i("stencil-icon-button-grid-action-header",{key:"6a31341d4225796bb6e9e6245e059cc2abd75ccf",showLabel:!0,icon:s,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},i("unity-typography",{key:"c20e9ff92b46dc7588789448f85cd7306c852f4a",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&i("div",{key:"c5a42683f539d27efcc2706ee7c8bf487ffa6bce",class:"selectedFeaturesButtons labelButtons"},i("div",{key:"3436549c76cd4e9cd4d5c79c4313dc8f118e71fa",id:"withSelectedOption"},i("div",{key:"6fabc0281467a409a450776419f84ea7a6259b6a",id:"withSelectedOptionButton"},i("stencil-icon-button-grid-action-header",{key:"a404e3e5d676fec7b33f3a1180f5becd9b3a82ec",showLabel:!0,icon:p,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},i("unity-typography",{key:"8b24c10493c0cf6fd4efc3331308e92279695445",variant:"button"},"With Selected"))),i("div",{key:"45ea7b52a2ec332b121fbd03eb631a87148d5df9",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&i("udp-pop-over",{key:"bb87d1e78654dc19abdf68f198f4600e52adfa00",isOpen:!!this.selectionActionAnchor,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},i("div",{key:"da840facd7e476da5aabec5a7ee3100ad302b890",innerHTML:this.selectedFeaturesActionPanel})))),i("stencil-icon-button-grid-action-header",{key:"26349a7613ce13880f42e45ee673b8dd9274be36",showLabel:!0,icon:s,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},i("unity-typography",{key:"a9e4599fec38d4213edba9160505123cc24fec77",variant:"button"},"Cancel Selection")))),i("div",{key:"ea456e2b744822044634f9152c571ac8b80b4cfc",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&i("div",{key:"e9c241fd5e57bd71d256a7829a7e3bb025e3051a",id:"addOptionButton"},i("custom-button",{key:"0651b909d426e4ea2302b8621086c55b54cc563e",secondary:!0,label:i("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},i("udp-icon",{key:"eb1b8e720043dc0fd4fe83a625867438f9c2616e",iconName:"add32",darkIcon:!1}))),this.addFeatureAnchor&&i("udp-pop-over",{key:"6283526331453f7d61f577f11e291779d1b6fb62",isOpen:!!this.addFeatureAnchor,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},i("add-map-feature-popup",{key:"1f3b80b14fc7da3f33986ac93cfbafaf2cc3a3ef",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return this}static get watchers(){return{layerOptions:[{setLayerOptions:0}],selectedFeatureByBoxSelection:[{setIsSelected:0}],visibleLayers:[{updateLayerOptionsForPopup:0}],readOnlyLayers:[{updateLayerOptionsForPopup:0}],enableAddNewFeature:[{activateSelectInteraction:0}]}}static get style(){return".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}"}},[1,"map-toolbar",{map:[8],mapTitle:[1,"map-title"],layerOptions:[8,"layer-options"],handleSelectLayers:[8,"handle-select-layers"],visibleLayers:[16],tileOptions:[16],handleSelectTile:[8,"handle-select-tile"],selectedTile:[8,"selected-tile"],enableTileSelection:[4,"enable-tile-selection"],filterPanel:[1,"filter-panel"],enableDragBox:[4,"enable-drag-box"],selectedFeatureByBoxSelection:[16],handleUnselectFeatures:[8,"handle-unselect-features"],handleCancelBoxSelection:[8,"handle-cancel-box-selection"],selectedFeaturesActionPanel:[1,"selected-features-action-panel"],handleBulkSelectionTypeOnChange:[8,"handle-bulk-selection-type-on-change"],refreshEvent:[8,"refresh-event"],refreshButtonTooltip:[1,"refresh-button-tooltip"],mapProjection:[8,"map-projection"],enableAddNewFeature:[4,"enable-add-new-feature"],handleStartDrawingMapFeature:[8,"handle-start-drawing-map-feature"],handleStartSplitting:[8,"handle-start-splitting"],cancelAddNewFeature:[8,"cancel-add-new-feature"],addNewFeature:[8,"add-new-feature"],enableSplit:[4,"enable-split"],handleCancelSplit:[8,"handle-cancel-split"],handleSaveSplit:[8,"handle-save-split"],readOnlyMap:[4,"read-only-map"],enableAdd:[4,"enable-add"],addMultipleFeatures:[4,"add-multiple-features"],showSplitButton:[4,"show-split-button"],readOnlyLayers:[16],addFeaturePanelConfig:[8,"add-feature-panel-config"],filterAnchor:[32],layerAnchor:[32],bulkSelectionTypeAnchor:[32],selectionActionAnchor:[32],splitAnchor:[32],addFeatureAnchor:[32],filteredOptions:[32],withSelected:[32],selectedLayerToAddFeature:[32],selectedTypeToAddFeature:[32],layerOptionsForPopup:[32]},void 0,{layerOptions:[{setLayerOptions:0}],selectedFeatureByBoxSelection:[{setIsSelected:0}],visibleLayers:[{updateLayerOptionsForPopup:0}],readOnlyLayers:[{updateLayerOptionsForPopup:0}],enableAddNewFeature:[{activateSelectInteraction:0}]}]);function j(){"undefined"!=typeof customElements&&["map-toolbar","add-map-feature-popup","check-box-group","custom-button","select-layer-popup","split-line-popup","stencil-icon-button","stencil-icon-button-grid-action-header","text-field","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","udp-selector","unity-typography"].forEach((e=>{switch(e){case"map-toolbar":customElements.get(a(e))||customElements.define(a(e),E);break;case"add-map-feature-popup":customElements.get(a(e))||u();break;case"check-box-group":customElements.get(a(e))||f();break;case"custom-button":customElements.get(a(e))||y();break;case"select-layer-popup":customElements.get(a(e))||m();break;case"split-line-popup":customElements.get(a(e))||v();break;case"stencil-icon-button":customElements.get(a(e))||k();break;case"stencil-icon-button-grid-action-header":customElements.get(a(e))||O();break;case"text-field":customElements.get(a(e))||g();break;case"udp-ambient-tool-tip":customElements.get(a(e))||B();break;case"udp-badge":customElements.get(a(e))||C();break;case"udp-icon":customElements.get(a(e))||S();break;case"udp-menu-item":customElements.get(a(e))||w();break;case"udp-pop-over":customElements.get(a(e))||L();break;case"udp-selector":customElements.get(a(e))||x();break;case"unity-typography":customElements.get(a(e))||F()}}))}export{E as M,j as d}

package/dist/components/numeric-field2.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as a}from"./unity-typography2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.error="",this.size="normal",this.margin="normal",this.internalValue="",this.onInput=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i)},this.onChange=t=>{this.change.emit(t.target.value)},this.onFocus=()=>{},this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t)}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error)}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"text-field--disabled":this.disabled};return p(n,{key:"e111a0da1bb0e54f834032d9e0ad1e791189b9b4",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"bcb6a988d57b50c03722c4063919743bae0d204c",class:"bx--form-item"},p("unity-typography",{key:"26ef4764ad4e5b33c2bc868d89cde76d22f79bad",variant:"caption-text"},p("label",{key:"0fbac7370479fd6c4fcbe713b797a584e12067e6",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue,name:this.name}:{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&p("div",{key:"d60c94fe2d2026f4e4d3239684cf94b805e217f3",class:"error-message"},p("unity-typography",{key:"24a1cb442cce2d964ba93ab77cffb4a2db814123",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}'}},[1,"numeric-field",{id:[1],name:[1],label:[1],placeholder:[1],required:[4],readonly:[4],disabled:[4],maxCharacter:[2,"max-character"],initialValue:[1,"initial-value"],value:[1025],hidden:[4],error:[1],inputMode:[1,"input-mode"],min:[1],max:[1],step:[1],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["numeric-field","unity-typography"].forEach((t=>{switch(t){case"numeric-field":customElements.get(r(t))||customElements.define(r(t),o);break;case"unity-typography":customElements.get(r(t))||a()}}))}export{o as N,u as d}
+import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as a}from"./unity-typography2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.error="",this.size="normal",this.margin="normal",this.internalValue="",this.onInput=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i)},this.onChange=t=>{this.change.emit(t.target.value)},this.onFocus=()=>{},this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t)}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error)}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"text-field--disabled":this.disabled};return p(n,{key:"8276d1270f4204e8c9b5b0d5a43474229d03b460",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"29c26efafa57603a7e51cb58afc305225aa79f0c",class:"bx--form-item"},p("unity-typography",{key:"bc792eef75aa91f1c11828e331eb95dd4109d991",variant:"caption-text"},p("label",{key:"a1d5b833838e9f0fad2d3a24f1e73e6f0729d040",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue,name:this.name}:{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&p("div",{key:"2ddafd6d1b027189f7f811225a6dfa5673e465ef",class:"error-message"},p("unity-typography",{key:"791ad4fb7b984cbe858a2ff75c40d3ef39b5060f",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}'}},[1,"numeric-field",{id:[1],name:[1],label:[1],placeholder:[1],required:[4],readonly:[4],disabled:[4],maxCharacter:[2,"max-character"],initialValue:[1,"initial-value"],value:[1025],hidden:[4],error:[1],inputMode:[1,"input-mode"],min:[1],max:[1],step:[1],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["numeric-field","unity-typography"].forEach((t=>{switch(t){case"numeric-field":customElements.get(r(t))||customElements.define(r(t),o);break;case"unity-typography":customElements.get(r(t))||a()}}))}export{o as N,u as d}

package/dist/components/primary-action-header2.js

@@ -1 +1 @@
-import{p as t,H as e,h as a,t as o}from"./index2.js";import{i}from"./iconUtils.js";import{d as s}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as n}from"./udp-badge2.js";import{d as c}from"./udp-button2.js";import{d}from"./udp-icon2.js";import{d as b}from"./udp-tabs2.js";import{d as l}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hiddenActionButtons=[],this.hiddenLabels=[],this.actionButtons=[],this.defaultActionButtons=[],this.tabs=!0,this.actionButtonLabel=""}getIconComponent(t,e){return e||("string"==typeof t?i[t]:t)}renderIcon(t){return t&&"svg"===t.elem?a("svg",Object.assign({},t.attrs),t.content.map(((t,e)=>a("path",Object.assign({key:e},t.attrs))))):null}render(){return console.log("active tab",this.activeTabIndex),a("div",{key:"2b5cd6ddd163ddef49cc7fa95dab7f4a9911939e",class:"header-bar"},a("div",{key:"0b74461e94c2263eb92a1faf4e2783eda26a29da",class:"title-section"},a("unity-typography",{key:"0a21709957bdb4de3dcd85b882946b960caa7447",variant:"h4"},this.title)),this.tabs&&a("div",{key:"1b224383283f2e875e4e4bec85f97d548078f256",class:"tabs"},a("udp-tabs",{key:"3f2af545b1af466bf376e248ddadda48fceebb4d"},a("button",{key:"7ba0d458d14def7c1fb1c32852e89097a85a07c2",class:0===this.activeTabIndex?"active":"",slot:"tab-title",onClick:()=>this.selectTab(0)},"Demo Grid"),a("button",{key:"7dec1019d203c03c6ab9485c0aa83008b7970cdc",class:1===this.activeTabIndex?"active":"",slot:"tab-title",onClick:()=>this.selectTab(1)},"Other Content"))),a("div",{key:"f2a2f4e44fbc245ef82f8f3fe125cde71c3cc37e",class:"button-section"},this.defaultActionButtons.map((t=>{const e=this.getIconComponent(t.icon,t.customIcon);return!this.hiddenActionButtons.includes(t.label)&&t.visible?a("stencil-icon-button",{secondary:t.secondary,onClick:e=>{t.clickHandler?t.clickHandler(e):console.log(`${t.label} Clicked but no custom handler defined`)},tooltip:t.tooltip},this.renderIcon(e),!this.hiddenLabels.includes(t.label)&&t.showLabel&&a("span",null,t.label)):null})),!this.actionButtonLabel&&a("div",{key:"6cd80a675dab2d514a8ddfa819162ed2219d41c1",class:"right-margin"}),this.actionButtonLabel&&a("udp-button",{key:"0c714349e245f2554667b03de3bdb0e66d44581d",variant:"contained",color:"secondary",onClick:t=>this.primaryActionClick(t)},this.actionButtonLabel)))}static get style(){return":host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}"}},[1,"primary-action-header",{title:[1],hiddenActionButtons:[16],hiddenLabels:[16],actionButtons:[16],defaultActionButtons:[16],customSaveViewClick:[16],customSizeToFitClick:[16],customExportClick:[16],primaryActionClick:[16],customColumnViewClick:[16],customFitColumnClick:[16],customFilterViewClick:[16],customClearClick:[16],customExpandClick:[16],customShowViewClick:[16],activeTabIndex:[2,"active-tab-index"],selectTab:[16],tabs:[4],actionButtonLabel:[1,"action-button-label"]}]);function u(){"undefined"!=typeof customElements&&["primary-action-header","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-tabs","unity-typography"].forEach((t=>{switch(t){case"primary-action-header":customElements.get(o(t))||customElements.define(o(t),p);break;case"stencil-icon-button":customElements.get(o(t))||s();break;case"udp-ambient-tool-tip":customElements.get(o(t))||r();break;case"udp-badge":customElements.get(o(t))||n();break;case"udp-button":customElements.get(o(t))||c();break;case"udp-icon":customElements.get(o(t))||d();break;case"udp-tabs":customElements.get(o(t))||b();break;case"unity-typography":customElements.get(o(t))||l()}}))}export{p as P,u as d}
+import{p as t,H as e,h as o,t as a}from"./index2.js";import{i}from"./iconUtils.js";import{d as s}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as n}from"./udp-badge2.js";import{d as c}from"./udp-button2.js";import{d}from"./udp-icon2.js";import{d as b}from"./udp-tabs2.js";import{d as l}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hiddenActionButtons=[],this.hiddenLabels=[],this.actionButtons=[],this.defaultActionButtons=[],this.tabs=!0,this.actionButtonLabel=""}getIconComponent(t,e){return e||("string"==typeof t?i[t]:t)}renderIcon(t){return t&&"svg"===t.elem?o("svg",Object.assign({},t.attrs),t.content.map(((t,e)=>o("path",Object.assign({key:e},t.attrs))))):null}render(){return console.log("active tab",this.activeTabIndex),o("div",{key:"05d8066fbaf0ee676b208450d3f349ca34dfd0db",class:"header-bar"},o("div",{key:"6c51873109274bd2b18c39887ef3b8e1acdcabb2",class:"title-section"},o("unity-typography",{key:"568f098a0188713135a4f4dcff8fa7a5f84ee609",variant:"h4"},this.title)),this.tabs&&o("div",{key:"656269ec12df3265460024a722d8837c86c383f8",class:"tabs"},o("udp-tabs",{key:"1d778ec3ec9a3f9728bf54cbcf7dbf1ec2ab7d87"},o("button",{key:"c4be42317f73d2a1b51fd25850e503fb99a03036",class:0===this.activeTabIndex?"active":"",slot:"tab-title",onClick:()=>this.selectTab(0)},"Demo Grid"),o("button",{key:"72e86c2d0a67b3317efdb89c3b665ea86f3c7567",class:1===this.activeTabIndex?"active":"",slot:"tab-title",onClick:()=>this.selectTab(1)},"Other Content"))),o("div",{key:"6fa2b14fa417ad95360467e1750e29d0be79b198",class:"button-section"},this.defaultActionButtons.map((t=>{const e=this.getIconComponent(t.icon,t.customIcon);return!this.hiddenActionButtons.includes(t.label)&&t.visible?o("stencil-icon-button",{secondary:t.secondary,onClick:e=>{t.clickHandler?t.clickHandler(e):console.log(`${t.label} Clicked but no custom handler defined`)},tooltip:t.tooltip},this.renderIcon(e),!this.hiddenLabels.includes(t.label)&&t.showLabel&&o("span",null,t.label)):null})),!this.actionButtonLabel&&o("div",{key:"5cc2c6c671cb3a41be30ddb785c5e8db168d6270",class:"right-margin"}),this.actionButtonLabel&&o("udp-button",{key:"3db6428edb10929c445e72b348c965ba0b459e75",variant:"contained",color:"secondary",onClick:t=>this.primaryActionClick(t)},this.actionButtonLabel)))}static get style(){return":host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}"}},[1,"primary-action-header",{title:[1],hiddenActionButtons:[16],hiddenLabels:[16],actionButtons:[16],defaultActionButtons:[16],customSaveViewClick:[16],customSizeToFitClick:[16],customExportClick:[16],primaryActionClick:[16],customColumnViewClick:[16],customFitColumnClick:[16],customFilterViewClick:[16],customClearClick:[16],customExpandClick:[16],customShowViewClick:[16],activeTabIndex:[2,"active-tab-index"],selectTab:[16],tabs:[4],actionButtonLabel:[1,"action-button-label"]}]);function u(){"undefined"!=typeof customElements&&["primary-action-header","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-tabs","unity-typography"].forEach((t=>{switch(t){case"primary-action-header":customElements.get(a(t))||customElements.define(a(t),p);break;case"stencil-icon-button":customElements.get(a(t))||s();break;case"udp-ambient-tool-tip":customElements.get(a(t))||r();break;case"udp-badge":customElements.get(a(t))||n();break;case"udp-button":customElements.get(a(t))||c();break;case"udp-icon":customElements.get(a(t))||d();break;case"udp-tabs":customElements.get(a(t))||b();break;case"unity-typography":customElements.get(a(t))||l()}}))}export{p as P,u as d}

package/dist/components/question-configs-renderer2.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,t as r}from"./index2.js";import{q as i,d as o}from"./question-specific-configs-renderer2.js";import{a}from"./enums.js";import{d as n}from"./address-search2.js";import{d}from"./date-time-renderer2.js";import{d as c}from"./file-upload-renderer2.js";import{d as l}from"./form-metadata-display-renderer2.js";import{d as m}from"./list-options-renderer2.js";import{d as u}from"./location-renderer2.js";import{d as h}from"./numeric-field2.js";import{d as p}from"./signature-renderer2.js";import{d as f}from"./stencil-icon-button2.js";import{d as b}from"./stencil-toggle2.js";import{d as g}from"./table-columns-renderer2.js";import{d as y}from"./text-area2.js";import{d as k}from"./text-field2.js";import{d as x}from"./text-input-renderer2.js";import{d as E}from"./udp-ambient-tool-tip2.js";import{d as j}from"./udp-badge2.js";import{d as v}from"./udp-button2.js";import{d as q}from"./udp-date-selector2.js";import{d as w}from"./udp-datetime-selector2.js";import{d as C}from"./udp-icon2.js";import{d as T}from"./udp-pop-over2.js";import{d as F}from"./udp-selector2.js";import{d as P}from"./udp-time-selector2.js";import{d as O}from"./unity-typography2.js";const I=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isFollowUpFormConfigOn=!1,this.isCommentingConfigOn=!1,this.getHandler=(e,t)=>{var s;const r=i.find((t=>t.fieldTypeId===e));return null===(s=null==r?void 0:r.handlers)||void 0===s?void 0:s[t]}}get question(){var e,t;return null===(t=null===(e=this.formSectionsDraft)||void 0===e?void 0:e[this.sIndex].formQuestions)||void 0===t?void 0:t[this.qIndex]}render(){var e;const t=i.find((e=>e.fieldTypeId===this.question.fieldTypeId)),r=!(t&&t.questionTextOptional);return s("div",{key:"d2772dd681a8b4aacaeed761ba9c965a1b1a4d22",class:"generic-configs-container"},s("div",{key:"90b6b09574a19b8f0ead25386a76ac3951a67ad7",class:"question-configs-header"},s("unity-typography",{key:"7804dad70aec41bb93be9ce92373c006fb0c9625",variant:"h6"},this.question.questionTypeName," Question"),s("div",{key:"1c6aabc296ace7193bb68a39937164bb4b42939d"},!this.question.fieldProperties.ignoreRequiredConfig&&s("stencil-toggle",{key:"a26355eba84f9ca62f3d9cfab181709ae88a229d",label:"Required",disabled:this.isViewOnly,checked:!0===this.question.required,onToggledChange:()=>{const e=!this.question.required,t=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"required");this.onFormSectionsDraftChange(t)},labelPosition:"right"}))),s("text-area",{key:"1750414482561a59ebde43b977c6e2baf589f9cd",label:"Question Text",value:this.question.questionText,disabled:this.isViewOnly,placeholder:"Enter the question text here",rows:2,maxRows:5,required:r,fullWidth:!0,margin:"dense",onInput:e=>{const t=e.target.value,s=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(t,this.formSectionsDraft,this.sIndex,this.qIndex,"questionText");this.onFormSectionsDraftChange(s)}}),s("text-area",{key:"9f1eaeeb3794f9cf6388952a0a6af7eb326f0c0e",label:"Helper Text",value:this.question.helperText,disabled:this.isViewOnly,placeholder:"Enter the question's helper text here",rows:2,maxRows:4,fullWidth:!0,margin:"dense",onInput:e=>{const t=e.target.value,s=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(t,this.formSectionsDraft,this.sIndex,this.qIndex,"helperText");this.onFormSectionsDraftChange(s)}}),s("text-field",{key:"a00923cb586dd53ea7fefe24d64f2fe1d50def84",label:"Reference Code",value:null!==(e=this.question.referenceCode)&&void 0!==e?e:"",disabled:this.isViewOnly,placeholder:"Enter an optional reference code (32 character limit)",required:!1,margin:"dense",maxCharacter:32,onInput:e=>{const t=e.target.value.trim(),s=t.length>0?t:null,r=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(s,this.formSectionsDraft,this.sIndex,this.qIndex,"referenceCode");this.onFormSectionsDraftChange(r)}}),s("question-specific-configs-renderer",{key:"60cf9158b12fab3029854c8bfcf359ac6718a179",formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,isViewOnly:this.isViewOnly,onFormSectionsDraftChange:this.onFormSectionsDraftChange,lookupOptions:this.lookupOptions}),s("div",{key:"4dd24f55f514851d9354ded050884d03025c0736"},s("stencil-toggle",{key:"e969af30a8d2bd19a41b542978f0df5a3745b45f",label:"Read Only",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.readOnly,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"readOnly");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),this.isCommentingConfigOn&&s("div",{key:"ffdea6b6e7786b63be709372ce1e4fb48114b032"},s("stencil-toggle",{key:"b834aeb9e10ad18f209ddbe1f22e32dbe3149dc0",label:"Allow Comments",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.allowComments,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowComments");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),this.formType==a.Standard&&this.isFollowUpFormConfigOn&&s("div",{key:"bdc8390ce90567c42cce400310c3b00cd9ce3981"},s("stencil-toggle",{key:"3d2574c20080e12825bc72017f0fb2e8346459f9",label:"Allow Follow Up Forms",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.allowFollowUpForms,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFollowUpForms");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}"}},[1,"question-configs-renderer",{formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],isViewOnly:[4,"is-view-only"],lookupOptions:[16],onFormSectionsDraftChange:[16],formType:[1,"form-type"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isCommentingConfigOn:[4,"is-commenting-config-on"]}]);function R(){"undefined"!=typeof customElements&&["question-configs-renderer","address-search","date-time-renderer","file-upload-renderer","form-metadata-display-renderer","list-options-renderer","location-renderer","numeric-field","question-specific-configs-renderer","signature-renderer","stencil-icon-button","stencil-toggle","table-columns-renderer","text-area","text-field","text-input-renderer","udp-ambient-tool-tip","udp-badge","udp-button","udp-date-selector","udp-datetime-selector","udp-icon","udp-pop-over","udp-selector","udp-time-selector","unity-typography"].forEach((e=>{switch(e){case"question-configs-renderer":customElements.get(r(e))||customElements.define(r(e),I);break;case"address-search":customElements.get(r(e))||n();break;case"date-time-renderer":customElements.get(r(e))||d();break;case"file-upload-renderer":customElements.get(r(e))||c();break;case"form-metadata-display-renderer":customElements.get(r(e))||l();break;case"list-options-renderer":customElements.get(r(e))||m();break;case"location-renderer":customElements.get(r(e))||u();break;case"numeric-field":customElements.get(r(e))||h();break;case"question-specific-configs-renderer":customElements.get(r(e))||o();break;case"signature-renderer":customElements.get(r(e))||p();break;case"stencil-icon-button":customElements.get(r(e))||f();break;case"stencil-toggle":customElements.get(r(e))||b();break;case"table-columns-renderer":customElements.get(r(e))||g();break;case"text-area":customElements.get(r(e))||y();break;case"text-field":customElements.get(r(e))||k();break;case"text-input-renderer":customElements.get(r(e))||x();break;case"udp-ambient-tool-tip":customElements.get(r(e))||E();break;case"udp-badge":customElements.get(r(e))||j();break;case"udp-button":customElements.get(r(e))||v();break;case"udp-date-selector":customElements.get(r(e))||q();break;case"udp-datetime-selector":customElements.get(r(e))||w();break;case"udp-icon":customElements.get(r(e))||C();break;case"udp-pop-over":customElements.get(r(e))||T();break;case"udp-selector":customElements.get(r(e))||F();break;case"udp-time-selector":customElements.get(r(e))||P();break;case"unity-typography":customElements.get(r(e))||O()}}))}export{I as Q,R as d}
+import{p as e,H as t,h as s,t as r}from"./index2.js";import{q as i,d as o}from"./question-specific-configs-renderer2.js";import{a as n}from"./enums.js";import{d as a}from"./address-search2.js";import{d}from"./date-time-renderer2.js";import{d as c}from"./file-upload-renderer2.js";import{d as l}from"./form-metadata-display-renderer2.js";import{d as m}from"./list-options-renderer2.js";import{d as u}from"./location-renderer2.js";import{d as h}from"./numeric-field2.js";import{d as p}from"./signature-renderer2.js";import{d as f}from"./stencil-icon-button2.js";import{d as b}from"./stencil-toggle2.js";import{d as g}from"./table-columns-renderer2.js";import{d as y}from"./text-area2.js";import{d as k}from"./text-field2.js";import{d as x}from"./text-input-renderer2.js";import{d as E}from"./udp-ambient-tool-tip2.js";import{d as j}from"./udp-badge2.js";import{d as v}from"./udp-button2.js";import{d as q}from"./udp-date-selector2.js";import{d as w}from"./udp-datetime-selector2.js";import{d as C}from"./udp-icon2.js";import{d as T}from"./udp-pop-over2.js";import{d as F}from"./udp-selector2.js";import{d as P}from"./udp-time-selector2.js";import{d as O}from"./unity-typography2.js";const I=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isFollowUpFormConfigOn=!1,this.isCommentingConfigOn=!1,this.getHandler=(e,t)=>{var s;const r=i.find((t=>t.fieldTypeId===e));return null===(s=null==r?void 0:r.handlers)||void 0===s?void 0:s[t]}}get question(){var e,t;return null===(t=null===(e=this.formSectionsDraft)||void 0===e?void 0:e[this.sIndex].formQuestions)||void 0===t?void 0:t[this.qIndex]}render(){var e;const t=i.find((e=>e.fieldTypeId===this.question.fieldTypeId)),r=!(t&&t.questionTextOptional);return s("div",{key:"600777fb9d46819ca072bea547585c221e9c1ad7",class:"generic-configs-container"},s("div",{key:"05ef650bef28cf7f3fe164a89a3a0cbdb0e7fd40",class:"question-configs-header"},s("unity-typography",{key:"eb26e4f98548b80fd1d7f872bec4a90ce7eed55b",variant:"h6"},this.question.questionTypeName," Question"),s("div",{key:"6404191df6a717b3dfc64268eec44f3772897b13"},!this.question.fieldProperties.ignoreRequiredConfig&&s("stencil-toggle",{key:"454767a854087655c9f72060593dfeb6c7aebb88",label:"Required",disabled:this.isViewOnly,checked:!0===this.question.required,onToggledChange:()=>{const e=!this.question.required,t=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(e,this.formSectionsDraft,this.sIndex,this.qIndex,"required");this.onFormSectionsDraftChange(t)},labelPosition:"right"}))),s("text-area",{key:"4226a9ebd2a596b1be11ac6988d10a7934ee4bc5",label:"Question Text",value:this.question.questionText,disabled:this.isViewOnly,placeholder:"Enter the question text here",rows:2,maxRows:5,required:r,fullWidth:!0,margin:"dense",onInput:e=>{const t=e.target.value,s=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(t,this.formSectionsDraft,this.sIndex,this.qIndex,"questionText");this.onFormSectionsDraftChange(s)}}),s("text-area",{key:"ebc617119b5c7e65148bd86223a8c05fe30874b5",label:"Helper Text",value:this.question.helperText,disabled:this.isViewOnly,placeholder:"Enter the question's helper text here",rows:2,maxRows:4,fullWidth:!0,margin:"dense",onInput:e=>{const t=e.target.value,s=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(t,this.formSectionsDraft,this.sIndex,this.qIndex,"helperText");this.onFormSectionsDraftChange(s)}}),s("text-field",{key:"a81d180677ded40c03900eda13d0ee1ee1564794",label:"Reference Code",value:null!==(e=this.question.referenceCode)&&void 0!==e?e:"",disabled:this.isViewOnly,placeholder:"Enter an optional reference code (32 character limit)",required:!1,margin:"dense",maxCharacter:32,onInput:e=>{const t=e.target.value.trim(),s=t.length>0?t:null,r=this.getHandler(this.question.fieldTypeId,"handleGenericProperty")(s,this.formSectionsDraft,this.sIndex,this.qIndex,"referenceCode");this.onFormSectionsDraftChange(r)}}),s("question-specific-configs-renderer",{key:"bed907dfe360ea9ee55b4b60c76d6324229f5fc6",formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,isViewOnly:this.isViewOnly,onFormSectionsDraftChange:this.onFormSectionsDraftChange,lookupOptions:this.lookupOptions}),s("div",{key:"baf9fe1f2296d614ed4a43917abc2fd45cca8209"},s("stencil-toggle",{key:"0b9bee6daa1445e58556a8a665677cd631181364",label:"Read Only",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.readOnly,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"readOnly");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),this.isCommentingConfigOn&&s("div",{key:"933950767a9656820c187d2d9ac003b5a86851d0"},s("stencil-toggle",{key:"848fd4bf8abc7aa91c5e889499a77d4ed849ba18",label:"Allow Comments",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.allowComments,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowComments");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),this.formType==n.Standard&&this.isFollowUpFormConfigOn&&s("div",{key:"0ee173a1e2d179e0ae9d55c98c680a0b771cb172"},s("stencil-toggle",{key:"4e1f50f4dc0c172e409b33e15235ba5cf2a2c29e",label:"Allow Follow Up Forms",disabled:this.isViewOnly,checked:!0===this.question.fieldProperties.allowFollowUpForms,onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFollowUpForms");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}"}},[1,"question-configs-renderer",{formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],isViewOnly:[4,"is-view-only"],lookupOptions:[16],onFormSectionsDraftChange:[16],formType:[1,"form-type"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isCommentingConfigOn:[4,"is-commenting-config-on"]}]);function R(){"undefined"!=typeof customElements&&["question-configs-renderer","address-search","date-time-renderer","file-upload-renderer","form-metadata-display-renderer","list-options-renderer","location-renderer","numeric-field","question-specific-configs-renderer","signature-renderer","stencil-icon-button","stencil-toggle","table-columns-renderer","text-area","text-field","text-input-renderer","udp-ambient-tool-tip","udp-badge","udp-button","udp-date-selector","udp-datetime-selector","udp-icon","udp-pop-over","udp-selector","udp-time-selector","unity-typography"].forEach((e=>{switch(e){case"question-configs-renderer":customElements.get(r(e))||customElements.define(r(e),I);break;case"address-search":customElements.get(r(e))||a();break;case"date-time-renderer":customElements.get(r(e))||d();break;case"file-upload-renderer":customElements.get(r(e))||c();break;case"form-metadata-display-renderer":customElements.get(r(e))||l();break;case"list-options-renderer":customElements.get(r(e))||m();break;case"location-renderer":customElements.get(r(e))||u();break;case"numeric-field":customElements.get(r(e))||h();break;case"question-specific-configs-renderer":customElements.get(r(e))||o();break;case"signature-renderer":customElements.get(r(e))||p();break;case"stencil-icon-button":customElements.get(r(e))||f();break;case"stencil-toggle":customElements.get(r(e))||b();break;case"table-columns-renderer":customElements.get(r(e))||g();break;case"text-area":customElements.get(r(e))||y();break;case"text-field":customElements.get(r(e))||k();break;case"text-input-renderer":customElements.get(r(e))||x();break;case"udp-ambient-tool-tip":customElements.get(r(e))||E();break;case"udp-badge":customElements.get(r(e))||j();break;case"udp-button":customElements.get(r(e))||v();break;case"udp-date-selector":customElements.get(r(e))||q();break;case"udp-datetime-selector":customElements.get(r(e))||w();break;case"udp-icon":customElements.get(r(e))||C();break;case"udp-pop-over":customElements.get(r(e))||T();break;case"udp-selector":customElements.get(r(e))||F();break;case"udp-time-selector":customElements.get(r(e))||P();break;case"unity-typography":customElements.get(r(e))||O()}}))}export{I as Q,R as d}