npm - udp-stencil-component-library - Versions diffs - 1.0.1 → 1.0.3 - Mend

udp-stencil-component-library 1.0.1 → 1.0.3

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 (641) hide show

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: '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) => {
+        return (index.h("div", { key: '6247456eafdc8d2cdd21bf2b34baf79f165fc86f', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("div", { key: '2c9d0d727aa0f2bb102eeea92d893e7abab6c29e' }, index.h("udp-selector", { key: 'fbae3f45068e8ae3c6165689611d121b9241ed7d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(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) => {
+            }, large: false }), index.h("div", { key: '8b2a1215ab7ec2f9329a8ecc36fb56bf4e1ed690', style: { height: '12px' } }))), index.h("udp-selector", { key: '1e1cc8fb219f876b9ae82ada5d718d47f29f5b38', 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: '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 }))));
+            }, large: false }), index.h("div", { key: '3fd93a87dec6f186d02713aeb7a24a6184628496', style: { height: '12px' } }), index.h("div", { key: 'bfd2027f37a43ea8463ab384737ed60b42c3e16f', class: "formButton" }, index.h("custom-button", { key: 'eaef537b4baa885c0bc8ca021eea31587803f7b1', 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: '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: () => {
+        return (index.h("div", { key: '63e5d1cb7f18737a5b47aaa69fa790a82ec252bd', class: "toolbarContainer" }, index.h("div", { key: 'a8a41fc82fa879f4bb2fd0d3f8946821c3877233', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '611511d191f7925d689dbaa35f15755445e4c481', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'cd480ea48aaf938152aacc9b93ecb724a2c69c70', class: "buttons" }, index.h("div", { key: 'a70762390bb1651a70c450d2177b8856ec304eab', class: "buttonContainer" }, index.h("div", { key: '288d03c64d94edfc6344f9e0121003282d402f39', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'baab19506fb5eb82418710ced23dd4fa4a71a5e7', id: "filterOption" }, index.h("div", { key: 'b01155330204b492ec96cce4dd36b0e2bf6e9fa7', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '512087d384860edde5fc01dc367c312ce8577929', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: 'dc75dd9d4553280a89340ea09a92d6b13ce9c7b0', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'd9dd6bb0da4ca0327e217c5c822b33a1d3c51391', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f1ca5a008e5bd96d875e36558075df6683af6b8c', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '24bcf338172287d1355b0c6677309227a8ab518f', id: "layerOption" }, index.h("div", { key: 'fa54c07b301197fdf53e4a6c6bd6ace8ad5ed2c8', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'baa3d5a2303818f31dbbc26e3f0c5c5c7baeec58', 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: '7893d2e0550f2976ff5d4f93577718a0eccae566', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '711aa8fa7437eb01256a85967ab43093dc99fe35', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '8fe4713951aed48303e7c85467043aaacd85dda2', 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: '9610ea8f6d493509fd73a9b417d42072ef01ae3b', id: "bulkSelectOption" }, index.h("div", { key: '1c4b709732dbbc153c1b49557e14a522ac145c80', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'f7ae982998e872d6ee62e0c85e40c679c7c0f7ed', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '78f12fa656f968d5b11440756f2dddc3fcb58c9f', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'd186d719cda6987588ffaf6a8f37b53d93fc0978', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start' }, index.h("udp-menu-item", { key: 'a4a5034892f0f314fb63012f54ba7f19867942bc', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: 'e91656c278be77923c1e0e597c77d140112ed601', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'cc338aaeb64cdd92b2af2b83bf5cc02f7e07977b', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: '7f7c8963113199e4654d6a905ff98deae79ec28b', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '415dad2a699ecad5bc15d47c65c1188f0c144a00', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: 'ac185e7185bb8bdea6571f82e0d46aafcd083d8d', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'b0f78211b6660188a6eda3a277500556b144408f', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !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: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '1fa922732a30bcc6a6a6619f3d269cac5014d25a', id: "splitOption" }, index.h("div", { key: 'abafc16be4b95112f3e49c2f4b3271fbe879a00c', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '206a3fe6944998884e2454e55ee93776c1c086ac', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '11b6b95d1d986ea403e649d1894b6dfaf88adda7', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '82afddb19c39dc93c2e17b6b1541b977d671cd35', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '0fecbd18cb81e44036b67f24986a4932c0e5adc3', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '471393a16b8da86e548acc94213c72c317c59988', 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: '1d7fda0edc28f80ce91e91f83345d44c084ebeae', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '999834f4bfd813d3ceb929c35b922a69f8f9fbf3', 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: '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 }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '0e41d8c14c9d4eece4b1fbcc407b8c0bd72e556b', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '1b1b7d98edab068c0215c0ebd549057688707b22', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '57f3fa7b17dd6ec52b32d1fb3295cbaa0cc6b4bb', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '9b71c8dfb01f443f9ab9182b1d1720f3c1995a59', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '43d8df6ab062b20746e93be9a1610cb3f28b0706', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '609fc625e58ddaf44dc8b928f379c9bf6daae23d', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '032929fea4ea88aa7f762dd5fe18a70359eec863', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '87c0f6bc13fee9473dac179cd7c644bbaf014638', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '48f85630b74d41d884d3e5b30acc26445f705aca', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'cb5952934a327268b2aa8de4416ba3543b178adb', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'cd7e248942c6e8d1780ed9f3a271f2be1b9e7210', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'b67ac423d87d55b3dab25b12d403e2e510f04af8', id: "withSelectedOption" }, index.h("div", { key: '00c1c477eedc5aaea81eed7d500500454c5f23ef', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '5820a749fb6e543c7910e0cd3656fed0678a9bc1', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'f327e07bfb489f48f143dbfae0ffebb5f9576e40', variant: "button" }, 'With Selected'))), index.h("div", { key: '36a130bcca1caee7c485127b9f74355146a825c1', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '28d20134ff2a727f9752034560850140688ee9a1', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '19d6849f8ab4460b5345ae65b469aca1db069189', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'af786f6b09dc773997f4b6a09939f1cef1504d2e', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '629be3619fcb395a839770e37532d38d2412e381', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'b25d503b96afe55c1aa84d0cc4e389cd10db71fb', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '335db1c9464c6c22d9454551ead0f9783525c3db', id: "addOptionButton" }, index.h("custom-button", { key: '4b27cb8c1bdd4e62f340de48dece96648f176319', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '130c534ff13a81d3e4994718ff8e18eb19d59713', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'c5d0d63c8a8d5e14683864d5851ca21b8a71fff3', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '168d45721040af9ec759aeda30839bd50bd76247', 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: '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 &&
+        return (index.h("div", { key: '8d85412f6b99188b7bd3634f51447ca81c96e364', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '49bc9f01de9425b3b94897a6a947ec41eb49454f', 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: '544e49072b516adc6cf357b016f9efa157377164', style: { height: '12px' } }), index.h("div", { key: '19f29c0ce2a4af9339d5aeb0a7557cb0713ac583' }, index.h("text-field", { key: '3ba68e86abc0e49289d6039a1d05ed0122606fa3', 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: '2f02b75d0bdfeae2840362952345b5948f6ad5e2', class: "popoverContent" }, index.h("udp-selector", { key: '9b41da41768b4f38287f2700e1f4a42891a650c5', id: "layer", options: (_a = this.vectorLayerOptions.map((layer) => {
+        return (index.h("div", { key: 'b81c0a9d5583868fc78ca3377ffd0c3958e7d549', class: "popoverContent" }, index.h("udp-selector", { key: '43f2b19438893e5fd1b881d19e98cc88ac27340f', id: "layer", options: (_a = this.vectorLayerOptions.map((layer) => {
                 return {
                     label: layer,
                     value: layer