udp-stencil-component-library 25.18.1-beta.6 → 25.18.1-beta.8

package/dist/esm/udp-tab-panel.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+
+const udpTabPanelCss = ":host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}";
+
+const UdpTabPanel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        const isActive = this.value === this.index;
+        return (h("div", { key: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
+                'tab-panel': true,
+                'active': isActive,
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
+    }
+};
+UdpTabPanel.style = udpTabPanelCss;
+
+export { UdpTabPanel as udp_tab_panel };
+//# sourceMappingURL=udp-tab-panel.entry.js.map

package/dist/esm/udp-tab-panel.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-tab-panel.entry.js","sources":["src/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.css?tag=udp-tab-panel&encapsulation=shadow","src/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.tab-panel {\n  display: none;\n}\n\n.tab-panel.active {\n  display: block;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tab-panel',\n  styleUrl: 'udp-tab-panel.css',\n  shadow: true,\n})\nexport class UdpTabPanel {\n  /**\n   * The active tab index, provided by the parent.\n   */\n  @Prop() value: number;\n\n  /**\n   * The index this panel corresponds to.\n   */\n  @Prop() index: number;\n\n  render() {\n    const isActive = this.value === this.index;\n\n    return (\n      <div\n        class={{\n          'tab-panel': true,\n          'active': isActive,\n        }}\n        role=\"tabpanel\"\n        // Use aria-hidden for accessibility and :host styling\n        aria-hidden={!isActive ? 'true' : 'false'}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,8EAA8E;;MCOxF,WAAW,GAAA,MAAA;;;;IAWtB,MAAM,GAAA;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;QAE1C,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,EACD,IAAI,EAAC,UAAU,EAAA,aAAA,EAEF,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,EAEzC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/esm/udp-vertical-spacer.entry.js

@@ -13,7 +13,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (h("div", { key: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/stencil-library/add-map-feature-popup_4.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as i}from"./index-n-1ZSeAs.js";import{Close16 as a,Checkmark16 as s,Filter16 as n,Layers16 as o,Select_0116 as l,Scalpel16 as c,Renew16 as d,OverflowMenuHorizontal16 as r}from"@carbon/icons/es";import{f as h}from"./udp-map-utils-BokzHQF1.js";import{S as p}from"./common-CwN0FuAf.js";import"lodash";import"ol/proj";import"ol/format/GeoJSON";const f=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const u=class{constructor(t){e(this,t);this.typeOptions=[{label:"Point",value:"Point"},{label:"LineString",value:"LineString"},{label:"Polygon",value:"Polygon"}];this.vectorLayerOptions=[];this.selectedLayer=null;this.selectedType=null;this.panelConfig=null;this.layerToAddOptions=[];this.drawingTypeOptions=null;this.handleSetSelectedLayer=e=>{this.selectedLayer=e};this.handleSetSelectedType=e=>{this.selectedType=e};this.getlayerOptions=()=>{var e,t;if((e=this.panelConfig)===null||e===void 0?void 0:e.getLayerOptionsFromLayerValues){this.layerToAddOptions=(t=this.panelConfig)===null||t===void 0?void 0:t.getLayerOptionsFromLayerValues(this.vectorLayerOptions)}else{this.layerToAddOptions=this.vectorLayerOptions.map((e=>({label:e,value:e})))}};this.getDrawingTypeOptions=()=>{var e,t,i;if((e=this.panelConfig)===null||e===void 0?void 0:e.getFeatureTypeOptionsFromLayerValue){this.drawingTypeOptions=(i=(t=this.panelConfig)===null||t===void 0?void 0:t.getFeatureTypeOptionsFromLayerValue(this.selectedLayer))!==null&&i!==void 0?i:this.typeOptions}else{this.drawingTypeOptions=this.typeOptions}}}watchPanelConfig(){var e;if((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector){this.selectedLayer=null;this.layerToAddOptions=[]}else{this.getlayerOptions()}}updateDrawingTypeOptions(){this.getDrawingTypeOptions()}componentWillLoad(){this.getlayerOptions();this.getDrawingTypeOptions()}render(){var e,i,a;return t("div",{key:"8a80462e93ff992138a3618d00230fa320f1247e",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("udp-selector",{key:"e23169696696373cdd2d7a73358d91b0c3bdf3fa",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e.detail)},large:false}),t("udp-selector",{key:"03921fbbb989a7cc4f67a6789b5026e194cd5f5e",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e.detail)},large:false}),t("div",{key:"1359c6564351367c01c0703ed838de5b5096294a",class:"formButton"},t("custom-button",{key:"91668bf33c28f218f7391a37997e4700b0ac1eab",label:t("unity-typography",{variant:"button"},"Draw feature"),onClick:()=>this.handleStartDrawingMapFeature(this.selectedLayer,this.selectedType),variant:"outline",disabled:this.selectedLayer===null&&!((a=this.panelConfig)===null||a===void 0?void 0:a.hideLayerSelector)||this.selectedType===null})))}static get watchers(){return{panelConfig:["watchPanelConfig"],selectedLayer:["updateDrawingTypeOptions"],typeOptions:["updateDrawingTypeOptions"]}}};u.style=f;const b=".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}";const v=class{constructor(t){e(this,t);this.mapTitle="";this.visibleLayers=[];this.enableTileSelection=true;this.enableDragBox=true;this.selectedFeatureByBoxSelection=[];this.refreshButtonTooltip="";this.enableAddNewFeature=false;this.enableSplit=true;this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.showSplitButton=false;this.readOnlyLayers=[];this.filterAnchor=null;this.layerAnchor=null;this.bulkSelectionTypeAnchor=null;this.selectionActionAnchor=null;this.splitAnchor=null;this.addFeatureAnchor=null;this.filteredOptions=[];this.withSelected=false;this.layerOptionsForPopup=[];this.setFilteredLayerOptions=()=>{if(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=(t=e===null||e===void 0?void 0:e.target)===null||t===void 0?void 0:t.value;if(!i||(i===null||i===void 0?void 0:i.trim().length)===0){this.filteredOptions=this.layerOptions;return}const a=h(this.layerOptions,i);this.filteredOptions=a};this.handleMapTypeInputChange=e=>{this.handleSelectTile(e)};this.unselectFeatures=()=>{this.withSelected=false;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=()=>{if(this.enableDragBox){return"Cancel Bulk Selection"}if(this.enableAddNewFeature){return"Save"}return""};this.getButtonIcon=()=>{if(this.enableDragBox){return a}if(this.enableAddNewFeature){return s}return a}}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){if(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0){this.withSelected=true}else{this.withSelected=false}}updateLayerOptionsForPopup(){var e;if(((e=this.readOnlyLayers)===null||e===void 0?void 0:e.length)>0){this.layerOptionsForPopup=this.visibleLayers.filter((e=>!this.readOnlyLayers.includes(e)))}else{this.layerOptionsForPopup=this.visibleLayers}}activateSelectInteraction(e){let t=this.map.getInteractions().getArray().find((e=>e.get("id")===p));if(t){t.setActive(!e)}}render(){var e,i;return t("div",{key:"92aff962af02e5cf567ed73e01331c5c4e0a7d36",class:"toolbarContainer"},t("div",{key:"865a3024d08132f49842f5501d0adb501a9c4eb5",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"5d35a424f4530a9f5ce373decdc507ec0950d846",variant:"h4"},this.mapTitle)),t("div",{key:"b37a86dee249f48432bd3d2ec1ff7119974c0208",class:"buttons"},t("div",{key:"95dbc9ae45e4ed791448ad0dcba95cf2a596bade",class:"buttonContainer"},t("div",{key:"fc9dc7fccc9f139335114d063efafefc0c516377",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"111c9c98e9d983ec1c6ddf5311cecb12b27888ec",id:"filterOption"},t("div",{key:"e6ecbdd628141b4c2f1bea0d8aaf3157d0800168",id:"filterOptionButton"},t("stencil-icon-button",{key:"0123cc43cf0215a0490fe69c2e6dabdb7ebca07a",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"87d771bc490a75ad7e926bddf60b3f19bc1a5578",id:"filterOptionDiv"},t("udp-pop-over",{key:"19cf5a56d0f8e9bb34ee7676f638157484c0fa27",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("div",{key:"fe5b580e4006473bab8213198e4d14e2c152a3b9",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"6084b6eec32eff25caa021592d1a43ca211de43c",id:"layerOption"},t("div",{key:"acb3dea072a8cdde8eae06c5029cab86ede335bb",id:"layerOptionButton"},t("stencil-icon-button",{key:"1b997180ab2ad4b38af0d7db79ec6b3200d5002b",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:o,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:(e=this.visibleLayers)===null||e===void 0?void 0:e.length})),t("div",{key:"e5bc121b178770d1f554773e21b5784aef30d36b",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"d879c986af1754329ddeb2ae8338fb46d0b606d0",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"7bc85044798e140bf4725249821ef5cd80071ad0",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&&t("div",{key:"286a5caed22a8e24f00d8c0059b10e9df280eafc",id:"bulkSelectOption"},t("div",{key:"4a9206ccd1eef4f64a472b32f4254b245a97780b",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"599e85c48f6e6faf263c104bd54c8ca4eb6615b5",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"6e684eecc4c1f760d1af6ebc75a1d2f939646c7d",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"eac89e93ec0756f8c928bbc8d3e1511b5f6758dc",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("udp-menu-item",{key:"a5625c778b322a630e9103a58815b281c3c874e3",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"2d64af7fc0cacfca6a2f64d42bb65a1ef866a268",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"24275349b0beaa377012af15227d1871cfef0350",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"68dced4de1ef9839b9fe99c2270d83e35824b5e3",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"677903b1fa52a56a94c856349d195adf5fcd44e0",id:"splitOption"},t("div",{key:"7b2c01b8db2d4cf74a686533fd49fb4bb4aaf942",id:"splitOptionButton"},t("stencil-icon-button",{key:"8be08c89e8330e406d37ed7ddbaf4ef771dbc893",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"37075abad3f520af3c3a476830e1edf3441a3a55",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"d14d5e422bf018771401e1f902f6ffee4e60536c",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"26ac310d4543db4ef26a1428a2ae6330a8f8dc2e",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"031a71e008b330f58ba093292d92246ced0255e9",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:(i=this.refreshButtonTooltip)!==null&&i!==void 0?i:"Refresh",icon:d,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&t("div",{key:"4581c9ffd923f25521c428ecef6fd5fdaadfb89b",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"1143ca35a8aa4cee611747e7d9a724fcb773cd80",showLabel:true,icon:this.getButtonIcon(),onClick:()=>{if(this.enableDragBox){this.handleCancelBoxSelection()}if(this.enableAddNewFeature){this.handleAddNewFeature()}},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},t("unity-typography",{key:"47326bd2461319fde02ada021b7b36601801006b",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"d99768af9e9a97b47cbd593929bfe3759b8989d6",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"3d0c70f3ec271f9c051619ff12f0b3127f00c050",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"fa873733fcd91058bfe4feaa7d4ce0447df6d5a1",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"8ddc969c7980c65cf966f8987967f9baefa7eb3e",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"c03d59a07fa922a344fc08302a8c704ffb76f4d5",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"0b67fc50e7b85793513584b92b3a1e78925676bb",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"e728ddd150014a1938126d3c7e9cdd019c7f4d07",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"c6fd3b23c9875e21ade00d200a6e3ba271f9e6b7",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"f1742d21adfa7d0191550223f6274be4a60aec06",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"4fa8add9733ff4b386bf0d42cb127d2b322c066d",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"0dfefbea95108e46e5a4c04912f79175628f21b0",id:"withSelectedOption"},t("div",{key:"a1e2b7dbfdda5412d334de1963941d87776b260d",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"3127f8a603d95b6e5464442cf3d8384ef96a21d8",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"dc870d24afc035204de902e28f6b50e653937f21",variant:"button"},"With Selected"))),t("div",{key:"3b8fcd59e572f4b3bdb4eed06fea231b0b53a3a7",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"f9cd89aada0facea33b8d36dd4f4bffabe22131e",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"8534a1c5c88a0bc17310dc143874921ba42caa12",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"6f753e273730d6594fae87ea1ed15b88387a274e",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"38b4021f5f65a64111637f79da94f52458cb661b",variant:"button"},"Cancel Selection")))),t("div",{key:"fab640268b46c9c86eb35a72eca539877cdf0b37",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"76016acd0aec63d999341d8b042242813c8d7596",id:"addOptionButton"},t("custom-button",{key:"2b432bb1c027d17aa11a2f7a316daaa4a8153975",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"40c415e61dd6184f24da61a50a25e52878879fb1",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"756afd7031d5d4d9ce04a49f3a9ca6493a751f54",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"821bc3b0df6df063b0e0a40177631ee0c3ad4371",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return i(this)}static get watchers(){return{layerOptions:["setLayerOptions"],selectedFeatureByBoxSelection:["setIsSelected"],visibleLayers:["updateLayerOptionsForPopup"],readOnlyLayers:["updateLayerOptionsForPopup"],enableAddNewFeature:["activateSelectInteraction"]}}};v.style=b;const y=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const g=class{constructor(t){e(this,t);this.enableTileSelection=true;this.tileOptions=[];this.filteredOptions=[];this.visibleLayers=[]}render(){var e,i,a;return t("div",{key:"59c78bf206bd9fded412537c9895df6f03bb9d6e",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"82aa97bae49d1322b829ee6a81e042ef65c843a5",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e.detail)},large:false}),t("div",{key:"3349429aa5bc8b56ab8353312d8dfd72bacecfc7",style:{height:"12px"}}),t("div",{key:"36ee444e5eca89aee6fc8f1fb490f85710a3f203"},t("text-field",{key:"40ee433a9b81fefe07fea2c187e668c1f72f3c37",label:"Search Layers",id:"searchFilter",value:"",onInput:e=>this.handleSearchLayers(e)})),((i=this.filteredOptions)===null||i===void 0?void 0:i.length)>0&&((a=this.filteredOptions)===null||a===void 0?void 0:a.map((e=>t("check-box-group",{title:e===null||e===void 0?void 0:e.title,options:e===null||e===void 0?void 0:e.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}};g.style=y;const m=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const k=class{constructor(t){e(this,t);this.vectorLayerOptions=[];this.selectedLayer=null}render(){var e;return t("div",{key:"0f59eb37ecfaa2e6b15831da41cf1845c9255d65",class:"popoverContent"},t("udp-selector",{key:"f3edeffd55bba9595514cc3892616fb6cae51f5e",id:"layer",options:(e=this.vectorLayerOptions.map((e=>({label:e,value:e}))))!==null&&e!==void 0?e:[],initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleStartSplitting(e.detail)},large:false}))}};k.style=m;export{u as add_map_feature_popup,v as map_toolbar,g as select_layer_popup,k as split_line_popup};
+import{r as t,h as e,a as i}from"./index-n-1ZSeAs.js";import{Close16 as a,Checkmark16 as s,Filter16 as n,Layers16 as o,Select_0116 as l,Scalpel16 as c,Renew16 as d,OverflowMenuHorizontal16 as r}from"@carbon/icons/es";import{f as h}from"./udp-map-utils-BokzHQF1.js";import{S as p}from"./common-CwN0FuAf.js";import"lodash";import"ol/proj";import"ol/format/GeoJSON";const f=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(e){t(this,e);this.typeOptions=[{label:"Point",value:"Point"},{label:"LineString",value:"LineString"},{label:"Polygon",value:"Polygon"}];this.vectorLayerOptions=[];this.selectedLayer=null;this.selectedType=null;this.panelConfig=null;this.layerToAddOptions=[];this.drawingTypeOptions=null;this.handleSetSelectedLayer=t=>{this.selectedLayer=t};this.handleSetSelectedType=t=>{this.selectedType=t};this.getlayerOptions=()=>{var t,e;if((t=this.panelConfig)===null||t===void 0?void 0:t.getLayerOptionsFromLayerValues){this.layerToAddOptions=(e=this.panelConfig)===null||e===void 0?void 0:e.getLayerOptionsFromLayerValues(this.vectorLayerOptions)}else{this.layerToAddOptions=this.vectorLayerOptions.map((t=>({label:t,value:t})))}};this.getDrawingTypeOptions=()=>{var t,e,i;if((t=this.panelConfig)===null||t===void 0?void 0:t.getFeatureTypeOptionsFromLayerValue){this.drawingTypeOptions=(i=(e=this.panelConfig)===null||e===void 0?void 0:e.getFeatureTypeOptionsFromLayerValue(this.selectedLayer))!==null&&i!==void 0?i:this.typeOptions}else{this.drawingTypeOptions=this.typeOptions}}}watchPanelConfig(){var t;if((t=this.panelConfig)===null||t===void 0?void 0:t.hideLayerSelector){this.selectedLayer=null;this.layerToAddOptions=[]}else{this.getlayerOptions()}}updateDrawingTypeOptions(){this.getDrawingTypeOptions()}componentWillLoad(){this.getlayerOptions();this.getDrawingTypeOptions()}render(){var t,i,a;return e("div",{key:"32fb2a44efbb94b005cdea535a0a3ac2651f5d17",class:"popoverContent"},!((t=this.panelConfig)===null||t===void 0?void 0:t.hideLayerSelector)&&e("udp-selector",{key:"f9c1bd59497d705d5b0f22539a300750dcd64f6a",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:t=>{this.handleSetSelectedLayer(t.detail)},large:false}),e("udp-selector",{key:"055e530103ac5b5eb284e2c860a6128d19374ba1",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:t=>{this.handleSetSelectedType(t.detail)},large:false}),e("div",{key:"525b90353ff86c07a55542a2baa1ef1fb0ad8fb3",class:"formButton"},e("custom-button",{key:"7de411f454d7cf8574f36bf0692bc8039aa4fdd9",label:e("unity-typography",{variant:"button"},"Draw feature"),onClick:()=>this.handleStartDrawingMapFeature(this.selectedLayer,this.selectedType),variant:"outline",disabled:this.selectedLayer===null&&!((a=this.panelConfig)===null||a===void 0?void 0:a.hideLayerSelector)||this.selectedType===null})))}static get watchers(){return{panelConfig:["watchPanelConfig"],selectedLayer:["updateDrawingTypeOptions"],typeOptions:["updateDrawingTypeOptions"]}}};b.style=f;const u=".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}";const v=class{constructor(e){t(this,e);this.mapTitle="";this.visibleLayers=[];this.enableTileSelection=true;this.enableDragBox=true;this.selectedFeatureByBoxSelection=[];this.refreshButtonTooltip="";this.enableAddNewFeature=false;this.enableSplit=true;this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.showSplitButton=false;this.readOnlyLayers=[];this.filterAnchor=null;this.layerAnchor=null;this.bulkSelectionTypeAnchor=null;this.selectionActionAnchor=null;this.splitAnchor=null;this.addFeatureAnchor=null;this.filteredOptions=[];this.withSelected=false;this.layerOptionsForPopup=[];this.setFilteredLayerOptions=()=>{if(this.layerOptions&&this.layerOptions.length>0){this.filteredOptions=this.layerOptions}};this.updateSelectedLayers=t=>{this.handleSelectLayers(t)};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=t=>{this.bulkSelectionTypeAnchor=null;this.handleBulkSelectionTypeOnChange(t,this.mapProjection)};this.handleSearchLayers=t=>{var e;const i=(e=t===null||t===void 0?void 0:t.target)===null||e===void 0?void 0:e.value;if(!i||(i===null||i===void 0?void 0:i.trim().length)===0){this.filteredOptions=this.layerOptions;return}const a=h(this.layerOptions,i);this.filteredOptions=a};this.handleMapTypeInputChange=t=>{this.handleSelectTile(t)};this.unselectFeatures=()=>{this.withSelected=false;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=()=>{if(this.enableDragBox){return"Cancel Bulk Selection"}if(this.enableAddNewFeature){return"Save"}return""};this.getButtonIcon=()=>{if(this.enableDragBox){return a}if(this.enableAddNewFeature){return s}return a}}componentDidLoad(){this.setFilteredLayerOptions()}setLayerOptions(){this.setFilteredLayerOptions()}setIsSelected(){if(this.selectedFeatureByBoxSelection&&this.selectedFeatureByBoxSelection.length>0){this.withSelected=true}else{this.withSelected=false}}updateLayerOptionsForPopup(){var t;if(((t=this.readOnlyLayers)===null||t===void 0?void 0:t.length)>0){this.layerOptionsForPopup=this.visibleLayers.filter((t=>!this.readOnlyLayers.includes(t)))}else{this.layerOptionsForPopup=this.visibleLayers}}activateSelectInteraction(t){let e=this.map.getInteractions().getArray().find((t=>t.get("id")===p));if(e){e.setActive(!t)}}render(){var t,i;return e("div",{key:"1eba387405c4bf43b9c4ce081cb492d741b04b92",class:"toolbarContainer"},e("div",{key:"ffb57c4c043d56e928e804ba4d48ec9f9f26d9d2",class:"title"},this.mapTitle&&this.mapTitle.length>0&&e("unity-typography",{key:"473b413fa71cf1c3a44fcaa27a3252b86133412a",variant:"h4"},this.mapTitle)),e("div",{key:"58d54ecb7d82d1e46c3ca21dc200e012c6532d1f",class:"buttons"},e("div",{key:"f4745e154a0bd1a5afa37a7cde9215538971ea0c",class:"buttonContainer"},e("div",{key:"0519d96067031bfcd8d38ba11b8b30722de6aa37",class:"secondaryButtons"},this.filterPanel&&e("div",{key:"9a8fbc50acdfc99adc1cef7a3b05da9aedad36b2",id:"filterOption"},e("div",{key:"93e58b935048c6acd27fded91aac745d60a27cfe",id:"filterOptionButton"},e("stencil-icon-button",{key:"d325a815292b31879d23a41882defa95607f61fd",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&e("div",{key:"25e452412bf6a7f1e57e5b84c44154aad8c87b8b",id:"filterOptionDiv"},e("udp-pop-over",{key:"dde09e92dbb5743b48e65a4a5b558dba682c5dac",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start",overflow:"visible"},e("div",{key:"759edc2e56cb727c18b37f234fd69bde9ea6630d",innerHTML:this.filterPanel})))),this.layerOptions&&e("div",{key:"2fabf18e069c06e2df0de699116b0017be77f347",id:"layerOption"},e("div",{key:"8972d9cf4c32c9b35559812522c58f692728a90d",id:"layerOptionButton"},e("stencil-icon-button",{key:"a44bf929c953da98a0a2389efb31135c196bc154",iconName:"layersButton",iconClassName:"iconButtonWrapper",tooltip:"Layers",icon:o,buttonId:"layersButton",onClick:()=>this.handleLayerOnclick(),count:(t=this.visibleLayers)===null||t===void 0?void 0:t.length})),e("div",{key:"8bfc66d8a2af2b8f262377827017fc4f0282bdba",id:"layerOptionDiv"},this.layerAnchor&&e("udp-pop-over",{key:"4419c415218b76e0e0fa56db48fec2e4f375fa2a",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},e("select-layer-popup",{key:"bbece2ad270970f457912c4a3057200664ef71a3",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&&e("div",{key:"049b29d4f288b3ca7c9a06b677241c800575a02a",id:"bulkSelectOption"},e("div",{key:"df804ada9992538d5d740c7d1d404a04072c015f",id:"bulkSelectOptionButton"},e("stencil-icon-button",{key:"29f6948ddc700b8760c9187d1160a203621116b4",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),e("div",{key:"dfb95265b42906ac297ae0915cf6f5d13332089e",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&e("udp-pop-over",{key:"1e3e98d550f1432acc21d7bf4cbdcc90a59be339",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start",overflow:"visible"},e("udp-menu-item",{key:"d80259e629d4837e8d379ba08b00df3a7246e037",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),e("udp-menu-item",{key:"dc61c1fe2f7918ea83f89be262d8cb29d51f226b",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),e("udp-menu-item",{key:"115f39df51f9652896c86a0ab5d3ebcac74b7f42",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),e("udp-menu-item",{key:"5a552b35e6f17bbf0d239c1d7ecf61c93dae0b8b",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&e("div",{key:"97b0a293572225057f7293522ae1bd8e4d8859ce",id:"splitOption"},e("div",{key:"e027ac10e6e0d540cfe25841bb5d1c4a282691c8",id:"splitOptionButton"},e("stencil-icon-button",{key:"ca7514fdbf701ed837d9d29a9e0388c4e495b675",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),e("div",{key:"278b56b5d01297f1088d4ee85c9f3736d266d077",id:"splitOptionDiv"},this.splitAnchor&&e("udp-pop-over",{key:"3769be623dbab0e42fc95339c5da88c1458b0044",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},e("split-line-popup",{key:"7acfc291053af93ac25ccb39b130650889482f7f",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&e("stencil-icon-button",{key:"f1fbbadd29aea681c3d04bb0c2788e96f5ec4350",iconName:"refreshButton",iconClassName:"iconButtonWrapper",tooltip:(i=this.refreshButtonTooltip)!==null&&i!==void 0?i:"Refresh",icon:d,buttonId:"refreshButton",onClick:()=>this.refreshEvent()}),!this.readOnlyMap&&(this.enableDragBox||this.addMultipleFeatures&&this.enableAddNewFeature)&&e("div",{key:"dfa3aff925c51f86df39d40d2197436078e8318f",class:"labelButtons"},e("stencil-icon-button-grid-action-header",{key:"b28aa322b29c14a1de03a89fbd6d1c37ca7930dc",showLabel:true,icon:this.getButtonIcon(),onClick:()=>{if(this.enableDragBox){this.handleCancelBoxSelection()}if(this.enableAddNewFeature){this.handleAddNewFeature()}},tooltip:this.getButtonText(),iconClassName:"save-icon-class"},e("unity-typography",{key:"fca407f3dc7199ea55275beb4eee465167ceea93",variant:"button"},this.getButtonText()))),this.showSplitButton&&e("div",{key:"9effe3aaa30520eb6f5b9efa7fda5175ed8b091c",class:"labelButtons"},e("stencil-icon-button-grid-action-header",{key:"f03951703a6445929a2a761309c3f258d9fcabe9",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},e("unity-typography",{key:"0af4980c4a309601f6dd1097355aca69d859c77e",variant:"button"},"Save Split"))),this.showSplitButton&&e("div",{key:"6ef7104b181d6fd7299bb865e569dc189ad6a24f",class:"labelButtons"},e("stencil-icon-button-grid-action-header",{key:"44338781709d52bf448a7a633c640146492856f7",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},e("unity-typography",{key:"aebcfb04c8cc10f56bbf4043cd05017115653143",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&e("div",{key:"bcb41a52f13a47db70c8b9f5af6abc7c513290fd",class:"labelButtons"},e("stencil-icon-button-grid-action-header",{key:"5fae2fc60c5eeac7d51ee2fbf97745e5f7d5d086",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},e("unity-typography",{key:"355dae6321de0f406e78ff371c7fc1a81d460a88",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&e("div",{key:"42ee564e2176c31ecbe6c20e6f17629cee37ed20",class:"selectedFeaturesButtons labelButtons"},e("div",{key:"e3f6928b33007f677bbdc355c9a5626d21f0e6f4",id:"withSelectedOption"},e("div",{key:"1645690909db2062d12825aa60e5296faf7dd72a",id:"withSelectedOptionButton"},e("stencil-icon-button-grid-action-header",{key:"9134da4ae07c260b1ec80497392e0b928d67edb0",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},e("unity-typography",{key:"3175b9135a0d9b0139441d536525b61409aad478",variant:"button"},"With Selected"))),e("div",{key:"bfe9ed21796c744f57432d65de29f41c6af93012",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&e("udp-pop-over",{key:"e47e9655a04c432af84d7a74af5e5723384f0bf9",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},e("div",{key:"d79a38d005451dd8a2d82801c472520d29d374a8",innerHTML:this.selectedFeaturesActionPanel})))),e("stencil-icon-button-grid-action-header",{key:"89cc575ab98ab801a7b716cbb82d298d42082ed9",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},e("unity-typography",{key:"93050377a4ad47e87987d42e9a87b2ce4781f60f",variant:"button"},"Cancel Selection")))),e("div",{key:"98a41208a4257aaa119df27d126ca5dde1bb1cf0",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&e("div",{key:"74bc8c6f1f7c63b6a25fbc41ba6441bed0902a26",id:"addOptionButton"},e("custom-button",{key:"8fcb487b0e4e7365ec5fb38ef16468b2e6787d91",secondary:true,label:e("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},e("udp-icon",{key:"0c370bf5114be8fcfd6e473797edbbf663dafa13",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&e("udp-pop-over",{key:"7be238e827d9dbaf3c4a3dfaaf9e6cce51b7e0fe",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},e("add-map-feature-popup",{key:"64f39e0b6b3bcaa100669ad6e5fab61859009257",handleStartDrawingMapFeature:this.handleStartDrawingMapFeature,vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,selectedType:this.selectedTypeToAddFeature,panelConfig:this.addFeaturePanelConfig}))))))}get mapToolbarElement(){return i(this)}static get watchers(){return{layerOptions:["setLayerOptions"],selectedFeatureByBoxSelection:["setIsSelected"],visibleLayers:["updateLayerOptionsForPopup"],readOnlyLayers:["updateLayerOptionsForPopup"],enableAddNewFeature:["activateSelectInteraction"]}}};v.style=u;const y=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const g=class{constructor(e){t(this,e);this.enableTileSelection=true;this.tileOptions=[];this.filteredOptions=[];this.visibleLayers=[]}render(){var t,i,a;return e("div",{key:"75be11ee044fe3dd6b1ff317f5102d9a5e843c0b",class:"popoverContent"},this.enableTileSelection&&e("udp-selector",{key:"fb9f115d6cb76d9195f519e586fd2f43663853da",id:"mapType",options:(t=this.tileOptions)!==null&&t!==void 0?t:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:t=>{this.handleMapTypeInputChange(t.detail)},large:false}),e("div",{key:"e85a746fb04057cadf91eb450283987fb3372cd3",style:{height:"12px"}}),e("div",{key:"58861e7563ec08856433a4026c10ebdfafdac06b"},e("text-field",{key:"350169bcaf5aa1e94e6df89f4a93d1ad6991c4d1",label:"Search Layers",id:"searchFilter",value:"",onInput:t=>this.handleSearchLayers(t)})),((i=this.filteredOptions)===null||i===void 0?void 0:i.length)>0&&((a=this.filteredOptions)===null||a===void 0?void 0:a.map((t=>e("check-box-group",{title:t===null||t===void 0?void 0:t.title,options:t===null||t===void 0?void 0:t.options,values:this.visibleLayers,handleChange:this.updateSelectedLayers})))))}};g.style=y;const m=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const k=class{constructor(e){t(this,e);this.vectorLayerOptions=[];this.selectedLayer=null}render(){var t;return e("div",{key:"6bef4be9dd21190fba6cf252f14289972b3faefd",class:"popoverContent"},e("udp-selector",{key:"96de4c44244ab905076f94c9c7369052944861e0",id:"layer",options:(t=this.vectorLayerOptions.map((t=>({label:t,value:t}))))!==null&&t!==void 0?t:[],initialValue:this.selectedLayer,label:"Layer",onChange:t=>{this.handleStartSplitting(t.detail)},large:false}))}};k.style=m;export{b as add_map_feature_popup,v as map_toolbar,g as select_layer_popup,k as split_line_popup};
 //# sourceMappingURL=add-map-feature-popup_4.entry.js.map