udp-stencil-component-library 25.18.2-beta.5 → 25.18.2-beta.7

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

@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '61aeed66447c5ebd0037a56c06620ce1573a6b45', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'cd58b4763e0bb5326fe0c95de4fcf704ba189375', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: '86ca0cb6a6e2789efe76c4465662a369158294d1', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '4f55beaec63cd805650853335ebbf439e6377cfb', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: 'f5d099889d1be3b7e0c948bf937df032d590dd76', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), index.h("udp-selector", { key: 'fc32dff93fb00975eb0b417df8bc22c9b05a741f', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), index.h("div", { key: 'f70d82d791d5a7b0e8f8e8b114be76fa5a7dc199', class: "formButton" }, index.h("custom-button", { key: '34a23e6d780903ff188abc1762a6d502e2de544d', 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)) ||
+            }, large: false }), index.h("div", { key: '023bac071da645515cc86826a48f08b43c6ebb1f', class: "formButton" }, index.h("custom-button", { key: '284c60557975c76733c0caa17ed907f0cfe2407c', 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 {
@@ -262,22 +262,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '21b9c43614b63edacda599868c43703d1e647e45', class: "toolbarContainer" }, index.h("div", { key: '9784167d5da4fb3ac42df68eba4c5a486dfc982b', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'd30a08036fb834c66d51bd77d95c886ef87a639d', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'cdd421ee21f5d56cc0d78352c8cc72032a758424', class: "buttons" }, index.h("div", { key: '2adfbce712f269812d80a77c1043a1d3db6b79c8', class: "buttonContainer" }, index.h("div", { key: '58e6e409c67cf35051735578bdde7b1a6208f9ee', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'f7c06355290ed1bed33d95f6084da2c7bb615da5', id: "filterOption" }, index.h("div", { key: '15be3cc83df5d6f19f3f7a0d5692a4718731dc24', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '93467bd5a6d9090c67632c18a6c4009e27233ac8', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: 'bd5f83038320e9803ba9368cd1f40720bf746717', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '2c9edf578465d003b4afbcdb831ef0d0c34d3f0b', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'b3ec97a05b90db61cdf239c86ca75e036cc29b13', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'be4a540251d602df15aa8e4dacef02999077dd96', id: "layerOption" }, index.h("div", { key: '6affbb963bd30f553e61064ab5df13c3ad9a4b74', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c', 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: 'c8e9383358da444862a6a563e34260487ccfbbed', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'e010e9548dabcc2bf6309f36c58a59305cdc4412', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'f2b783edeaeb9655eedcdbec791e4964860338c9', 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: '3e49f896bd385d2bb26c63aba9dfa453fdd7daf6', id: "bulkSelectOption" }, index.h("div", { key: 'c310558635d2cfd0e8664b6016c6f19b2b127f92', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '414e41e6fd4e6e342611bac3989d9c657df675dd', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '7c984a976664c80ce289a8acc00b96e922acbbbd', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '5a81ce4e1c228340e706fe3406574ddfa6004b49', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'd104983f9d0505898f942cc0ece9a225ced6a5e2', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: 'fefc64190d81c488569ac85994fdaff879ae003d', class: "toolbarContainer" }, index.h("div", { key: '86efd85326a8c6045960dcfc6ea9217cd9a19b90', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '8be28b8c9e179915b5b70ed2a6ccb91ecb00f8b2', variant: "h4" }, this.mapTitle)), index.h("div", { key: '003012553545e724587dd2f8fb4754beb0fcc7bf', class: "buttons" }, index.h("div", { key: 'cd2b9fc15b844405377d247323374903aba4fdbd', class: "buttonContainer" }, index.h("div", { key: '4c43491cfc72fdfdc88d4f338b551c8063fa262b', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'adc9cde5412cba944f5c49788a99f699a0f09fd6', id: "filterOption" }, index.h("div", { key: 'e8142ec153067419ebdd8fd50abd70b9dde059c3', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '1fe1057afbe0ac41e773cf41601f7aeaf14ce6ff', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '9d40755c2fee1c9de8943705a97293b803177db1', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'db455dec069b12e54b25a8893c3ae6380b93501f', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '0ff07f1b6ee16d700a13a5d0fe2ac4aad696d4ca', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '00f923c7bb086bb69ddf395b8c83cf14241c6fc1', id: "layerOption" }, index.h("div", { key: '402d6967bb8ee8f035da468b8f9ad2f1820ddb49', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '3b4101aac7c82e3daf2faf2088ffb3c79047caab', 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: '8b210fafb95ad9e1159055e320ef332070a9b26d', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'eaa7a5005b8af14d59596024a73682a9a6b3e435', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '008302b245ad556dbefe0f9bee48aec23b8fa8cd', 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: '7c042631d13bee7e2dab14a147c7c72b8905d957', id: "bulkSelectOption" }, index.h("div", { key: '1a9e97d5e632ef1721426858f7528eb578243e81', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '77bbcaab4727ae8bcdc429030a3ed216fe78037e', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'be670e1eceb3ed78f5348fd01a88e0b5cc587dc0', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'cfa71b31d926e2c8d441db6f6d38498be1369e6e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '2003fcb7bd33c772c6eeb9cb8769d138b50285d2', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: 'b1f864cfc27d567527a232524cdfc77eb52e015a', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'a98d1f96b1923e6b995828e36a7636786423459c', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'a0fda41ae5ec5a52228bbe419166cf1c0176b66c', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '579050689df00c1bd02b45d7ae5cb23ea1ece09a', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '64b903bd46430d1285662848671a0720f0e72c04', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '432a7b7a06cfb66c950387ed92c15fd1a3ffbbf3', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '046ab14c180eaecbf16a340f9be3f2898cdcce37', id: "splitOption" }, index.h("div", { key: 'c1650d16e72a90cb7db670523dd3b485b50024d5', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'a9d02d79f706dea6a87c02fc20877406e28ff6e8', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '88247c876a345ddc7dbf615dae6a0f069932c0ce', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '184c5f17f26a2de0220e13dc63a3ba0bd990bdfc', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '302fb6c3d12c3a7122987ef791f6a16ba8dc5e50', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '2594b4bfe3d784a27843da4b31821104190eb75d', 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: '0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'ee1cae14e2dcef12c14f53cf49dea4cac4e01378', id: "splitOption" }, index.h("div", { key: '8e611a780fc18f55ce3641a9587b8dbd137881e3', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'edda638a365905bd28ea3f1d165239ddbbd5fd26', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'f8ef32c8155aadf4d27036d5208e4e3f5af902eb', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '98155546d973b86b4c4bdc7c96060f354294f156', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '62ede00bdd63e1f251b30fd03dfba459001892c2', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'c3264a415cdc252dd7a91d63f952c1c416651524', 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: '327a5ab7ad7e8043f2809048ec91cb7353286d22', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f4a36fc74088cbf82b2d696fa96eb15e2b37eed7', 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: '9e741081bcdee9b696ceda65f94fa8852223784f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '699dc5dfc451770813268649fedf223f0d5818f4', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'ae030ca7fbea40a4dd6e01e7b588bf1361914bf9', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'cb248c391bfbf3f9548f84617de19cf8f7d6a1d4', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'eb129eac44e52ae3901a072bd1f81409a79b9b97', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f3f1e06d7996c6cc6417aa72953088b7fe58f4c6', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '9ecc562e53f6881873c57b5b84cf2c325f82c302', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'd44f675283cb14e18da11551cd914785f757be3b', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '5ce593305098ea539661aa9241ff5fcaeb312533', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '17c0a761f497b69736a132d86274c4b72c8587f0', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'f482097209ee73f87b2ccded62741f08c7e5d36f', id: "withSelectedOption" }, index.h("div", { key: '6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '900257afb87ea2cbeecda63e468e2d26befe312c', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '61c42fe24533e70243d922a90ace657facbf390f', variant: "button" }, 'With Selected'))), index.h("div", { key: '55ad4c9a7bba6399ba59783c082afe6cffa3ed8c', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '389f555f381efda95d9465c588c413405db973ec', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '574d0b6c5cdf21aaf46de7c64212fd00aed55de2', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '20faae781e32bc29560f632ec95dc13d1fae11a5', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '2f9feebd1b587e9d0e399c22669e55d63b8b97b3', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'bca06f99ee4c9254fdc819faf206862df69e7d31', id: "addOptionButton" }, index.h("custom-button", { key: '46987f0f04f476a41d1ab42e0e7ad474d8123878', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '77530ccd29a4ab9011734aaeb547a2ac35c10d0f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'f9df23cd3dac78f9c12396a4976c50d6ff4d324e', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: 'c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c', 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: 'fcc3897b1368c5b0aa241c1796494e4de6d8b325', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '0a4f8553821e6bdc0b4fba9afadf2d7b5f4d5ba5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'b597d9ce256257017052248f5e5aebb4e4f92866', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '130955876ea775ad4b3b7481639aa8f242bc6486', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8fd1973ab07382084781c820a6bedc7227d6329a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '6849fd18866b96c7278c30a1b36580afdf331e40', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'e28f535469b55db57111f0fc38fa90cf4de1b27d', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '119a8007a5192bfab763a2073f55cc946421dd0f', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c88626634b949f2e8365646a92896a2f949d3089', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ff4e67b6d17a836b4f2f5451fc054787510b177e', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '7105fac8605a9e46affc8f30b246c959854323cb', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'd443a8a12d3ef25d00b7cb075cc32a9e07a62f67', id: "withSelectedOption" }, index.h("div", { key: '54ccd3e58c0d8abe61648e715b4efc658bd52423', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'b32ce98ed72d5e0c0b4e2a1d4d9c777d9640ed31', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'a33ff7822412e5ce01ee6a63485e4ff0e2a36d93', variant: "button" }, 'With Selected'))), index.h("div", { key: 'd984e772a2a0dff1a6560f1f24c65a8d2ba033e0', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '353206a0c71e72b2d2cf9131e058967d52d1a4dc', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f9ec5efaed936da814dc721133459b7c0e4bab04', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '1a94fa95f49678598334afdc17ffb518bdf74fe4', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '5fc9a5a5099fe738a905851fddc41c8fdfbbeff9', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '2bf769100c94c55d3153f855103f835c31ae317a', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '66de8c0d3798744cf703e6a1e8bd44e280c014a3', id: "addOptionButton" }, index.h("custom-button", { key: '30bba405b0084f1e3f845f4f6ac7efc361305a12', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'b5670b29c6ef042108d1b0800643e5366f728753', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'f6039929585215d5bf5c0089345f22bc32c8f0f1', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '51c8f591dee3dc01a0d57df61801cecdab9ec4b4', 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 {
@@ -302,9 +302,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '8007a443867f20bd1d852611af963eb8ccd12d35', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '3161c824076e00cd55987d36eaabe588b30c800e', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (index.h("div", { key: 'a421adfcb15118a0b3b6dc5f4cb1d25d5e219f4a', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'a738ad4665195159d09b38815187ef68acb329b6', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), index.h("div", { key: '583be16877eeb2a0d5cf93063e7196a17627e558', style: { height: '12px' } }), index.h("div", { key: '3970abe8db81c224510d78109b10b2dc3ddd7010' }, index.h("text-field", { key: 'd6215c3376d746940bffc4096a434fb9865b3fc5', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), index.h("div", { key: '5ea170104bcda609d6252ff105f3dbde57ce4284', style: { height: '12px' } }), index.h("div", { key: 'ebec7ee3c1c467cae2cbc0d56ed287afa38518a1' }, index.h("text-field", { key: 'be4d66358d6bd16572e4d2e6e68fd82f33b2b7c5', 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 }))))));
     }
 };
@@ -320,7 +320,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'c7c9c9ac542f5d5d877ddfe3bdd94ae79fc0a297', class: "popoverContent" }, index.h("udp-selector", { key: 'c0fde2302909cbc8a16c61c4cf14d0ce95c9b9c6', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: 'ce86398b51365a3637968d8a9f30c5eb6b0bf83a', class: "popoverContent" }, index.h("udp-selector", { key: '23b9668c84d57700c103e2ffe83af2b10534ee18', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

package/dist/cjs/advanced-search_12.cjs.entry.js

@@ -728,7 +728,7 @@ const SideSheet = class {
     render() {
         const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
         const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (index.h("div", { key: '76b91b727123b4e736c2bc6d2ff9c72b06ddcd3d' }, index.h("div", { key: 'a83d82c9cdbb770fa9731802d10c3e31d0cf9ac9', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'e7414326713895bebe9309ca154bcc6707a5999b', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'e7da3df1fe5926f252cbbc18359b18e90db76b6e', class: "title" }, index.h("div", { key: '233d096ac4dd384f7d6c57125580c645281aee69', class: 'close-button' }, index.h("stencil-icon-button", { key: 'a01bbb5c7800df9428b1735940197cf9b24e64c8', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '40d34763b2fe3266e0f69b0f0c7771d4eababd88', class: 'title' }, index.h("unity-typography", { key: 'ad5928280a27aa0a28d4075dd03f65aac968700d', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'd74bfea3ae61b9597628ac7f75f4e36e7f36edf7', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'd4e59e69ed6df373807504c1a401ffab0262b4ac', padding: this.padding }, index.h("slot", { key: '7146e18029b23eb677cddcf260a8733e26aa707e' })))));
+        return (index.h("div", { key: '493885f8ff6fd42a33d7a91ceeaf2376896e78b9' }, index.h("div", { key: '5f3fc796d16eac33ed3ee5caa591c55074f08b5d', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '5d91c44a3dfdef6e6e60dd8bb9932965c0b3c4d6', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'e585f7cda32111284edd65d43db8034f1fd4a3f1', class: "title" }, index.h("div", { key: '47682a75bc55ea2b3699727e1d8b8005331fa053', class: 'close-button' }, index.h("stencil-icon-button", { key: '127217807a38574d7cc17b46f3b3480b1e780628', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '6e6ef59d9ae06d64b9b24723fa593a15e8713a89', class: 'title' }, index.h("unity-typography", { key: 'e58a2a5b8fad9b6cc78fd1ae266d10a54bd70374', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '709251d45b26fd42dfb08aa3292b9d500184167e', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '5a1321a0b09d030612e4787d1652666351057ffe', padding: this.padding }, index.h("slot", { key: 'eab8b1135a509ac45eccc573a5efe6e78efaf54d' })))));
     }
 };
 SideSheet.style = sideSheetCss;