npm - udp-stencil-component-library - Versions diffs - 1.0.0 → 1.0.2 - Mend

udp-stencil-component-library 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (664) hide show

package/LICENSE CHANGED Viewed

@@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2018
+Copyright (c) 2025 Univerus
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/cjs/add-map-feature-popup_4.cjs.entry.js CHANGED Viewed

@@ -82,11 +82,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'e0a4b07b5a8dde4c991445aa4ca413d499da6bf0', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("div", { key: '2e738eb8f9ce1dba2681ef5cc560f0f26704c539' }, index.h("udp-selector", { key: '2ae83ebb9ee35ad5e0511cceb3a41b5e7592f0f9', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: 'f6ff5ce82fce4039fd5630e746ef6db5159c0402', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("div", { key: '962b6e43a72819ee6e2cbeeccf17560293bf265a' }, index.h("udp-selector", { key: '8e775bc6ab34637d359ea40cb9341ae88157b594', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e);
-            }, large: false }), index.h("div", { key: '1f76c3b1cc87f82f906f4d221f439772afae3484', style: { height: '12px' } }))), index.h("udp-selector", { key: 'f479e83f23e99ec1e46b5033a0de7175b14096dd', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false }), index.h("div", { key: 'fc4e34a9477481234936f254402d52658bde3cc5', style: { height: '12px' } }))), index.h("udp-selector", { key: '6909962ce277d4fef31b8fa9b2f1c6020a81ffb5', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e);
-            }, large: false }), index.h("div", { key: '8e4294182741856f3134019dc50e2ad5e4f82394', style: { height: '12px' } }), index.h("div", { key: '10f2ecabb66ad150ddf190b83b98dca3af5983c5', class: "formButton" }, index.h("custom-button", { key: '1ba386d53ba82a3f432d75ba7af790f53776ee6d', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) || this.selectedType === null }))));
+            }, large: false }), index.h("div", { key: 'bd09d80bab70b71ca714e797fcabfba42abd4f95', style: { height: '12px' } }), index.h("div", { key: 'd2c4699510d461ff723d1a8f3ebb4e80997cccad', class: "formButton" }, index.h("custom-button", { key: '4f03a4aebd4815da636e586d81ecdd8d469b13d1', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) || this.selectedType === null }))));
     }
     static get watchers() { return {
         "panelConfig": ["watchPanelConfig"],
@@ -260,22 +260,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '49f45c3d0900ea2a6f4d2d7c0dfaba51d0b85196', class: "toolbarContainer" }, index.h("div", { key: '5e555cf85f19eff6eb75807ac6d76f0b59fd2d6b', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'e4756d237d036882878ab9f4d40d389654faa67e', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'c2a00ee98a03c495ebe6d49cca2f5cf07aa79eed', class: "buttons" }, index.h("div", { key: '6dbf994d36e5a760d644566903d7d825b4e0bda7', class: "buttonContainer" }, index.h("div", { key: 'ecb32c185677c0935d35b04ffac1aca4c7f86be4', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'b8a642a0061da9396df05d8af495c3efadfdbccd', id: "filterOption" }, index.h("div", { key: 'f3872a97e6eb4593aad7b211ae77f177acf3dcab', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'c3f2e30d0c8e204ae80177457d081e3c1b37c1aa', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '38b3f4d960f6f83aa62a839b4815943ec3d0b037', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '7bd185c328507d15f2077973068acb8383f73c33', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f5bb1d93f4eccc0f0db5ede986f9ca42a0d225ea', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'a4f2e1bb4e7536c7b8594236f83f9d5d1fbcce98', id: "layerOption" }, index.h("div", { key: '51ea321fbd89a3ba37423d0464ffe3e5a4aec084', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '6a07b6277793993f494eaa613d4bcecdc4b62dab', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: '74330cabb3a826f969fa0cd1c9874ba88ba68de4', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '7a00d75371ce55545c47bf306524121b94d8ca86', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '1012424d8c153adafd5890624fae437dcfdbed39', 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 && (index.h("div", { key: '4c999a466f733809c18a53dafdd734fdcb651670', id: "bulkSelectOption" }, index.h("div", { key: '2679e83ff69014d338530d4841289c45f417e653', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '03a11e8a84fe66406dbc2d67287754ce77ded325', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '8b0d2e925f9ce85958c41ee7850dc2b91508499e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'fba510a6650f9e10c231c1248b0fafbc3d305dbd', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start' }, index.h("udp-menu-item", { key: '457ced0068fb19ac0ca48a74ceb26518ab401e66', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: 'cb3661c34c4093779f7d006cbeaf018062a54994', class: "toolbarContainer" }, index.h("div", { key: 'fab01f7d699a215c479ebb5b74dc717ec08b3018', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'd6bf4bc26a52e6f59ae7e8b03c368d986da94aad', variant: "h4" }, this.mapTitle)), index.h("div", { key: '92287f354c4c0d882915e6f2ff13cbe065d34f3c', class: "buttons" }, index.h("div", { key: '2c62c1e72cd38171eccf33d78c8facc9469ad3c0', class: "buttonContainer" }, index.h("div", { key: '47657600cb83585b41a9e37e1bafc406887e71b0', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'c9b333edf9cc1ac1f0c2d76b1218061bbd91347c', id: "filterOption" }, index.h("div", { key: '991d24d97b03008f177a1b3c1f91de2dd19fda1d', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'c4d9078b3c50f93f9dc66732d0e3e99604d1c6f3', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '4fd493891a6c8fef2a7c892cc155ad0ccb975c8b', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'f15b35d592a94fe7ee0c14ab7ea3b3bd581329c7', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '94339d0d672e37ddccb24d074bc87910940177f9', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '6be1b312bcf144fe1e1a5e96985a783387719a86', id: "layerOption" }, index.h("div", { key: '9a6c86828ffe3e32c5fe22259749aee8f255d27a', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'a8c4668a1be9c429085d09e9c126e5b75fd87d63', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: '0d44c00de66dcb120f170fab4544c61afcd4f959', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '6a232aefb8edd7a0856e086b2bb59d724f80c133', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '552b4bf53412003dcd4714b7fa75abbd5b42dd4d', 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 && (index.h("div", { key: 'cde340d42d79df5398687a3f5685ab5edac88a72', id: "bulkSelectOption" }, index.h("div", { key: 'dcded45a9dbe71c53b629998da835914331b25ea', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '03f64862f9b8466066a516406974e647c11cdd6c', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '362574ee975526b17d01a1b66987e9fd25cd1f64', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'f921f211cec7f6ca3120f68ae7d6f91d6c06457b', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start' }, index.h("udp-menu-item", { key: '6c6d563c9286c758030df30a817cef0a85b4947f', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '924684b6f7bb784d61be527bc7294c60c5d8e18d', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'e91656c278be77923c1e0e597c77d140112ed601', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'f6156573dddb93b288f16fdb7a540273ee194ae4', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '7f7c8963113199e4654d6a905ff98deae79ec28b', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '23e27b53a35b7af4a36c9e0701f4714f2d46b34b', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'ac185e7185bb8bdea6571f82e0d46aafcd083d8d', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'dbed941af054bb0600c34c9acaa4537130b6e15a', id: "splitOption" }, index.h("div", { key: '3fc5e11b2f235ed3a8446dccab7e6c497ab3fb6c', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'dbaad458540e2f7359fe2e1e2f38f9eb683c252b', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'fd4a6c4b2c7c367aa111ad1ea586e10c40687495', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'a39e8958410c134bd1389684196b01fa6e105d5d', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '797a0833205a304c13f5dcfb0cf012881c6f94f2', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'bd44fd7e7b0ef2cb9221a2d262b72bb304a821e8', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: 'db59d20931f649747d35730a17ff19cf76c84a19', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'bd0de54f9e80ef233a19f5fab419870ad42f1176', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'e88658354379a42d43d4637fbe519fcd56a33414', id: "splitOption" }, index.h("div", { key: '9431327ef5309cdab8850af74e01f2298e708bdd', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '112d434686b2b2883893fd6d602fe63b22f2bc51', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'e4f9ca664278d951690f47501dfe74bca3394e0d', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '3e8db8b7ca9dca2e38d1e16b0a208ba2f948cfc3', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '76a2f7875c4c1b71c79835f16f90fcb14acb05ee', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '8c7da78de98bf11c902ad1a6f1c4a60ad50d61ae', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: 'c7b44fc819f2b22fa34bebdfd69f961c1b97f8dd', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'b0a3b11645aded91a81635a80cf3dfaffd7c8854', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '6d048a1e6a175215ea43cbed1d5214920e427c71', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '842efc28fd851d898a2bbeaf94a19b8d26f549d9', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '77ba1976b195169921d8ea9c67cf06af5e0cadaa', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'd5f6092cc3819b0790b757d5a97878017cb089f4', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '764ad4328397f222cf062077993a522f20a4c8ae', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '4d04fdbfb8ba4e0a591de4a36b83b095540ebb26', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'dafd2e21059a58f54ecc69aff5b28cf1c4d3d778', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'a1c7dc0e2a17ba40c880e9e6f72aca4b5d477876', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '24f3249552e7b78ea71ba466f307ca03801370ff', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f38bf90542a1d01d69dfaded62e582da219a72c8', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '8597f1e3a7c3fe804e0635d82c9554e974fbee99', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'a9568390952dbbec3617052b67a31939364f7291', id: "withSelectedOption" }, index.h("div", { key: '77f6ce2de6797065ec327100dd75fe18da1c33f6', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '494336c32da75ad916bfb7f08c0edd5429710470', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '624adf6ce7b499c2ef170062284e43aea11a9470', variant: "button" }, 'With Selected'))), index.h("div", { key: '74ab6eb49b176dc81b32b7c4925fd1eacc7ae763', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'bd890edbb11bf0ff9b0adc26e12edfa781dfd6b4', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '4b15ac0357377d5ea0c86bc2fdeb1214fa02e70b', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '828941861bae8e0e5640a0fc3cf83c60a201b93a', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '52838e1fc10b1187cacda6e792cc3c6e48423399', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '74f2a5ee0a9615c74ae8f8d63f399e9e0ca950a7', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '6e4e24d3f4636aba17229787773a69829af52e93', id: "addOptionButton" }, index.h("custom-button", { key: '2f80432f76c9564696cf4e8760b3a75405095d7e', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '99d350e0e2b41e11c5c7af0d61e192a256e76ebb', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'f5931d35798e48e602194b64e7de71507e856520', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '2333e80fe4aa86bb1eacf1229f4b4ca0db9db176', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '495319ff1fcb280b9e999038807d156a50933be5', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'bd028ded9900d3e34e2a6c3c3304738a0164f1b5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'eefa8dffb5adab4acc72dbc08e77f040b2b8ca12', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '7f7b49336b19ed7cb9688befd7acc402e58dee6a', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '54a555464fc6c2e02053265a0f572517673293a5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '65f8ebdfd71c6ee308a85515087d67ef74010f1e', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '49cd8756f1a82e780e4b2d8365b5c28904f28bab', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '598b90fe3980b39ec59d4f4ae2682c69aa8de5f4', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '378b1e6aa3b90c868f57a594307e3f7cc39af4d2', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '1ebd3e8b7b6b04153c3121e46f754140b876adb4', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '578d36fd52e2eea57b9b40e59d430a7b0eb2576f', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '8f89151b1134f52ae6cafde5df21e2f9edb53afc', id: "withSelectedOption" }, index.h("div", { key: 'fa3044d790982dda882bb13c56ed0e73f18c94a8', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '23784f3c2ef39e70322f2531923a90daa6602488', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '71f7a1689f12f64081cbcbc992106dcd1f156c38', variant: "button" }, 'With Selected'))), index.h("div", { key: 'b12201cd228daf3be94c8d8331c53f7b2bf55491', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '86597960d2f1e0e319f54d3dd77d8a554e5ad0e9', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '3d81922352aa12a31d8d9745b7fa6e701b9966ca', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '1ac985bec8d9f578eb4d32ee0e72fbeb153604e0', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '84936479305026c5d531595c33d2fbe12759d75b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'b6fbe722db0414b4a47312e7d17c79be3cda4050', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '928d8e3f5e8797024a7b076fa5c644f854e57cdd', id: "addOptionButton" }, index.h("custom-button", { key: '2d9637dabc12d0dfe889619fe7d83e19364c2eed', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'e8ae84b46c63e772797420adfd5752e94d1567cc', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'b2e67de5518908e087bb5ec915ea724631d0a529', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: 'e3e143076342e106afcd29a0508a3c9caaa599be', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -300,7 +300,7 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '18d658e6498ac1ba74ab40e4c329e293bfcb821c', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '311216ef7c208160b16cb5d987d56b18b0071bcd', id: "mapType", options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: "Map Type", onChange: (e) => { this.handleMapTypeInputChange(e); }, large: false })), index.h("div", { key: '625a9b6b7dfb61a25f5639059f02c93dc22fc9c7', style: { height: '12px' } }), index.h("div", { key: 'aadc306ad84a017369fa29d5c489ab806d940e20' }, index.h("text-field", { key: 'd6bcd4d03e63a634fbfec12c003a347f22601916', label: "Search Layers", id: "searchFilter", value: "", onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+        return (index.h("div", { key: 'f44d282caad5c666e94a296848d476f68f350b06', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '398acb46d56efefaf7e90bf57cf4679e00c24e30', id: "mapType", options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: "Map Type", onChange: (e) => { this.handleMapTypeInputChange(e); }, large: false })), index.h("div", { key: '575148ace44a9aba270a3cd8ae4c442c47446d08', style: { height: '12px' } }), index.h("div", { key: '14bc3046978e8906bb22db412ef7e5c6fad94ab9' }, index.h("text-field", { key: '32756ad2ecde9d4c95395417fd87aee1fcc205e7', label: "Search Layers", id: "searchFilter", value: "", onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map((item) => (index.h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
 };
@@ -316,7 +316,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '72697029a98056b29d10f0065f2aabe60476d548', class: "popoverContent" }, index.h("udp-selector", { key: '45a3f8a922538c8b81a571d5d6ce4978231677c1', id: "layer", options: (_a = this.vectorLayerOptions.map((layer) => {
+        return (index.h("div", { key: '2f02b75d0bdfeae2840362952345b5948f6ad5e2', class: "popoverContent" }, index.h("udp-selector", { key: '9b41da41768b4f38287f2700e1f4a42891a650c5', id: "layer", options: (_a = this.vectorLayerOptions.map((layer) => {
                 return {
                     label: layer,
                     value: layer