udp-stencil-component-library 1.0.0

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

@@ -0,0 +1,335 @@
+'use strict';
+
+var index = require('./index-Bu1pSYrV.js');
+var es = require('@carbon/icons/es');
+var udpMapUtils = require('./udp-map-utils-0uy05ETy.js');
+var common = require('./common-By_kzIQM.js');
+require('lodash');
+require('ol/proj');
+require('ol/format/GeoJSON');
+
+const mapPopupCss$2 = ".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 AddMapFeaturePopUp = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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 _a, _b;
+            if ((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.getLayerOptionsFromLayerValues) {
+                this.layerToAddOptions = (_b = this.panelConfig) === null || _b === void 0 ? void 0 : _b.getLayerOptionsFromLayerValues(this.vectorLayerOptions);
+            }
+            else {
+                this.layerToAddOptions = this.vectorLayerOptions.map(layer => {
+                    return {
+                        label: layer,
+                        value: layer,
+                    };
+                });
+            }
+        };
+        this.getDrawingTypeOptions = () => {
+            var _a, _b, _c;
+            if ((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.getFeatureTypeOptionsFromLayerValue) {
+                this.drawingTypeOptions = (_c = (_b = this.panelConfig) === null || _b === void 0 ? void 0 : _b.getFeatureTypeOptionsFromLayerValue(this.selectedLayer)) !== null && _c !== void 0 ? _c : this.typeOptions;
+            }
+            else {
+                this.drawingTypeOptions = this.typeOptions;
+            }
+        };
+    }
+    watchPanelConfig() {
+        var _a;
+        if ((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) {
+            this.selectedLayer = null;
+            this.layerToAddOptions = [];
+        }
+        else {
+            this.getlayerOptions();
+        }
+    }
+    updateDrawingTypeOptions() {
+        this.getDrawingTypeOptions();
+    }
+    componentWillLoad() {
+        this.getlayerOptions();
+        this.getDrawingTypeOptions();
+    }
+    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) => {
+                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) => {
+                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 }))));
+    }
+    static get watchers() { return {
+        "panelConfig": ["watchPanelConfig"],
+        "selectedLayer": ["updateDrawingTypeOptions"],
+        "typeOptions": ["updateDrawingTypeOptions"]
+    }; }
+};
+AddMapFeaturePopUp.style = mapPopupCss$2;
+
+const mapToolbarCss = ".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 MapToolbar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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 = (value) => {
+            this.handleSelectLayers(value);
+        };
+        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 = (value) => {
+            this.bulkSelectionTypeAnchor = null;
+            this.handleBulkSelectionTypeOnChange(value, this.mapProjection);
+        };
+        this.handleSearchLayers = (e) => {
+            var _a;
+            const searchString = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value;
+            if (!searchString || (searchString === null || searchString === void 0 ? void 0 : searchString.trim().length) === 0) {
+                this.filteredOptions = this.layerOptions;
+                return;
+            }
+            const result = udpMapUtils.searchForLayerOptions(this.layerOptions, searchString);
+            this.filteredOptions = result;
+        };
+        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 es.Close16;
+            }
+            if (this.enableAddNewFeature) {
+                return es.Checkmark16;
+            }
+            return es.Close16;
+        };
+    }
+    componentDidLoad() {
+        this.setFilteredLayerOptions();
+    }
+    setLayerOptions() {
+        this.setFilteredLayerOptions();
+    }
+    setIsSelected() {
+        if (this.selectedFeatureByBoxSelection && this.selectedFeatureByBoxSelection.length > 0) {
+            this.withSelected = true;
+        }
+        else {
+            this.withSelected = false;
+        }
+    }
+    updateLayerOptionsForPopup() {
+        var _a;
+        if (((_a = this.readOnlyLayers) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.layerOptionsForPopup = this.visibleLayers.filter((layer) => {
+                return !this.readOnlyLayers.includes(layer);
+            });
+        }
+        else {
+            this.layerOptionsForPopup = this.visibleLayers;
+        }
+    }
+    activateSelectInteraction(newValue) {
+        let selectInteraction = this.map
+            .getInteractions()
+            .getArray()
+            .find(interaction => interaction.get('id') === common.SelectFeatureInteractionId);
+        if (selectInteraction) {
+            selectInteraction.setActive(!newValue);
+        }
+    }
+    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: () => {
+                this.handleBulkSelectionTypeOnclick('box');
+            } }), index.h("udp-menu-item", { key: '924684b6f7bb784d61be527bc7294c60c5d8e18d', label: 'Circle', handleOnClick: () => {
+                this.handleBulkSelectionTypeOnclick('circle');
+            } }), index.h("udp-menu-item", { key: 'f6156573dddb93b288f16fdb7a540273ee194ae4', label: 'Polygon', handleOnClick: () => {
+                this.handleBulkSelectionTypeOnclick('polygon');
+            } }), index.h("udp-menu-item", { key: '23e27b53a35b7af4a36c9e0701f4714f2d46b34b', 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: () => {
+                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 }))))))));
+    }
+    get mapToolbarElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "layerOptions": ["setLayerOptions"],
+        "selectedFeatureByBoxSelection": ["setIsSelected"],
+        "visibleLayers": ["updateLayerOptionsForPopup"],
+        "readOnlyLayers": ["updateLayerOptionsForPopup"],
+        "enableAddNewFeature": ["activateSelectInteraction"]
+    }; }
+};
+MapToolbar.style = mapToolbarCss;
+
+const mapPopupCss$1 = ".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 SelectLayerPopUp = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.enableTileSelection = true;
+        this.tileOptions = [];
+        this.filteredOptions = [];
+        this.visibleLayers = [];
+    }
+    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 &&
+            ((_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 }))))));
+    }
+};
+SelectLayerPopUp.style = mapPopupCss$1;
+
+const mapPopupCss = ".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 SplitLinePopup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.vectorLayerOptions = [];
+        this.selectedLayer = null;
+    }
+    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 {
+                    label: layer,
+                    value: layer
+                };
+            })) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedLayer, label: "Layer", onChange: (e) => { this.handleStartSplitting(e); }, large: false })));
+    }
+};
+SplitLinePopup.style = mapPopupCss;
+
+exports.add_map_feature_popup = AddMapFeaturePopUp;
+exports.map_toolbar = MapToolbar;
+exports.select_layer_popup = SelectLayerPopUp;
+exports.split_line_popup = SplitLinePopup;
+//# sourceMappingURL=add-map-feature-popup.map-toolbar.select-layer-popup.split-line-popup.entry.cjs.js.map
+
+//# sourceMappingURL=add-map-feature-popup_4.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"add-map-feature-popup.map-toolbar.select-layer-popup.split-line-popup.entry.cjs.js","mappings":"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","names":["mapPopupCss","h","searchForLayerOptions","Close16","Checkmark16","SelectFeatureInteractionId","Filter16","Layers16","Select_0116","Scalpel16","Renew16","OverflowMenuHorizontal16"],"sources":["src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=add-map-feature-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/add-map-feature-popup.tsx","src/components/my-component/UI/map/udp-map/toolbar/map-toolbar.css?tag=map-toolbar&encapsulation=shadow","src/components/my-component/UI/map/udp-map/toolbar/map-toolbar.tsx","src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=select-layer-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/select-layer-popup.tsx","src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=split-line-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/split-line-popup.tsx"],"sourcesContent":["  \n  .popoverContent{\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-04);\n    padding: var(--spacing-04);\n    z-index: 1\n  }\n  .featureDetailsPopOverContent{\n    min-width: 300px;\n    z-index: 1\n  }\n  .data-row {\n    display: flex;\n    column-gap: var(--spacing-04);\n   }\n  .data-section {\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-02);\n  }\n  .key{\n    font-weight: bold;\n    color: var(--accent-color-two);\n  }\n  .header{\n    display: flex;\n    background-color: var(--accent-color-three);\n    color: var(--accent-color-two);\n    padding-left: var(--spacing-02);\n    margin-bottom: var(--spacing-04);\n  }\n  .closeButton{\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n  .options{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n  }\n  .mapType{\n    margin-bottom: var(--spacing-02);\n  }","import { Component, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'add-map-feature-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class AddMapFeaturePopUp {\n  @Prop() typeOptions: any[] = [\n    {\n      label: 'Point',\n      value: 'Point',\n    },\n    {\n      label: 'LineString',\n      value: 'LineString',\n    },\n    {\n      label: 'Polygon',\n      value: 'Polygon',\n    },\n  ];\n  @Prop() vectorLayerOptions: any[] = [];\n  @Prop() handleStartDrawingMapFeature;\n  @Prop() selectedLayer: any = null;\n  @Prop() selectedType: any = null;\n  @Prop() panelConfig?: {\n    getLayerOptionsFromLayerValues?: (layerValues: any[]) => any[];\n    getFeatureTypeOptionsFromLayerValue?: (layerValue: any) => any[];\n    hideLayerSelector?: boolean;\n  } = null;\n\n  @State() layerToAddOptions: any[] = [];\n  @State() drawingTypeOptions: any[] = null;\n\n  handleSetSelectedLayer = (e: any) => {\n    this.selectedLayer = e;\n  };\n  handleSetSelectedType = (e: any) => {\n    this.selectedType = e;\n  };\n\n  @Watch('panelConfig')\n  watchPanelConfig() {\n    if (this.panelConfig?.hideLayerSelector) {\n      this.selectedLayer = null;\n      this.layerToAddOptions = [];\n    } else {\n      this.getlayerOptions();\n    }\n  }\n\n  @Watch('selectedLayer')\n  @Watch('typeOptions')\n  updateDrawingTypeOptions() {\n    this.getDrawingTypeOptions();\n  }\n\n  getlayerOptions = () => {\n    if (this.panelConfig?.getLayerOptionsFromLayerValues) {\n      this.layerToAddOptions = this.panelConfig?.getLayerOptionsFromLayerValues(this.vectorLayerOptions);\n    } else {\n      this.layerToAddOptions = this.vectorLayerOptions.map(layer => {\n        return {\n          label: layer,\n          value: layer,\n        };\n      });\n    }\n  };\n\n  getDrawingTypeOptions = () => {\n    if (this.panelConfig?.getFeatureTypeOptionsFromLayerValue) {\n      this.drawingTypeOptions = this.panelConfig?.getFeatureTypeOptionsFromLayerValue(this.selectedLayer) ?? this.typeOptions;\n    } else {\n      this.drawingTypeOptions = this.typeOptions;\n    }\n  };\n\n  componentWillLoad() {\n    this.getlayerOptions();\n    this.getDrawingTypeOptions();\n  }\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n        {!this.panelConfig?.hideLayerSelector && (\n          <div>\n            <udp-selector\n              id={'layer'}\n              options={this.layerToAddOptions}\n              initialValue={this.selectedLayer}\n              label={'Layer'}\n              onChange={(e: CustomEvent) => {\n                this.handleSetSelectedLayer(e);\n              }}\n              large={false}\n            />\n            <div style={{ height: '12px' }}></div>\n          </div>\n        )}\n\n        <udp-selector\n          id={'type'}\n          options={this.drawingTypeOptions ?? []}\n          initialValue={this.selectedType}\n          label={'Type'}\n          onChange={(e: CustomEvent) => {\n            this.handleSetSelectedType(e);\n          }}\n          large={false}\n        />\n        <div style={{ height: '12px' }}></div>\n        <div class=\"formButton\">\n          <custom-button\n            label={<unity-typography variant=\"button\">{'Draw feature'}</unity-typography>}\n            onClick={() => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType)}\n            variant={'outline'}\n            disabled={(this.selectedLayer === null && !this.panelConfig?.hideLayerSelector) || this.selectedType === null}\n          ></custom-button>\n        </div>\n      </div>\n    );\n  }\n}\n","\n.toolbarContainer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    background: var(--accent-color);\n    padding-left: var(--spacing-05);\n}\n.buttonContainer {\n    display: flex;\n    flex-direction:row;\n    justify-content: flex-end;\n    align-items: center;\n}\n.secondaryButtons{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n    margin-top: var(--spacing-04);\n    margin-bottom: var(--spacing-04);\n}\n.selectedFeaturesButtons{\n    display: flex;\n    column-gap: var(--spacing-04);\n}\n #addOption{ \n     margin-left: var(--spacing-04);\n} \n.title{\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.labelButtons{\n    white-space: nowrap;\n}\n@media (min-width: 300px) {\n    .labelButtons {\n      white-space: nowrap;\n    }\n}\n.buttons{\n    display: flex;\n    flex-direction: column\n}\n.popOversListContainer{\n    display: flex;\n    justify-content: space-evenly;\n    padding: 0\n }\n #addOptionButton {\n    width: fit-content \n}\n\n  \n  ","import { Component, Prop, State, h, Element, Watch } from '@stencil/core';\nimport { Layers16, Filter16, Renew16, Close16, Select_0116, OverflowMenuHorizontal16, Checkmark16, Scalpel16 } from '@carbon/icons/es';\nimport { searchForLayerOptions } from '../utils/udp-map-utils';\nimport '../../../../../../global/app.css';\nimport { SelectFeatureInteractionId } from '../utils/common';\n\n@Component({\n  tag: 'map-toolbar',\n  styleUrl: 'map-toolbar.css',\n  shadow: true,\n})\nexport class MapToolbar {\n  @Prop() map!: any;\n  @Prop() mapTitle: string = '';\n  @Prop() layerOptions: any;\n  @Prop() handleSelectLayers: any;\n  @Prop() visibleLayers: any[] = [];\n  @Prop() tileOptions: any[];\n  @Prop() handleSelectTile: any;\n  @Prop() selectedTile: any;\n  @Prop() enableTileSelection: boolean = true;\n  @Prop() filterPanel: string;\n  @Prop() enableDragBox: boolean = true;\n  @Prop() selectedFeatureByBoxSelection: any[] = [];\n  @Prop() handleUnselectFeatures: any;\n  @Prop() handleCancelBoxSelection: any;\n  @Prop() selectedFeaturesActionPanel: string;\n  @Prop() handleBulkSelectionTypeOnChange: any;\n  @Prop() refreshEvent: any;\n  @Prop() refreshButtonTooltip: string = '';\n  @Prop() mapProjection: any;\n  @Prop() enableAddNewFeature: boolean = false;\n  @Prop() handleStartDrawingMapFeature: any;\n  @Prop() handleStartSplitting: any;\n  @Prop() cancelAddNewFeature: any;\n  @Prop() addNewFeature: any;\n  @Prop() enableSplit: boolean = true;\n  @Prop() handleCancelSplit: any;\n  @Prop() handleSaveSplit: any;\n  @Prop() readOnlyMap: boolean = false;\n  @Prop() enableAdd: boolean = true;\n  @Prop() addMultipleFeatures: boolean = true;\n  @Prop() showSplitButton: boolean = false;\n  @Prop() readOnlyLayers?: string[] = [];\n  @Prop() addFeaturePanelConfig: any;\n\n  @Element() mapToolbarElement: HTMLElement;\n  @State() filterAnchor: HTMLElement | null = null;\n  @State() layerAnchor: HTMLElement | null = null;\n  @State() bulkSelectionTypeAnchor: HTMLElement | null = null;\n  @State() selectionActionAnchor: HTMLElement | null = null;\n  @State() splitAnchor: HTMLElement | null = null;\n  @State() addFeatureAnchor: HTMLElement | null = null;\n  @State() filteredOptions: any[] = [];\n  @State() withSelected: boolean = false;\n  @State() selectedLayerToAddFeature: any;\n  @State() selectedTypeToAddFeature: any;\n  @State() layerOptionsForPopup: any[] = [];\n\n  componentDidLoad() {\n    this.setFilteredLayerOptions();\n  }\n\n  @Watch('layerOptions')\n  setLayerOptions() {\n    this.setFilteredLayerOptions();\n  }\n\n  @Watch('selectedFeatureByBoxSelection')\n  setIsSelected() {\n    if (this.selectedFeatureByBoxSelection && this.selectedFeatureByBoxSelection.length > 0) {\n      this.withSelected = true;\n    } else {\n      this.withSelected = false;\n    }\n  }\n\n  @Watch('visibleLayers')\n  @Watch('readOnlyLayers')\n  updateLayerOptionsForPopup() {\n    if (this.readOnlyLayers?.length > 0) {\n      this.layerOptionsForPopup = this.visibleLayers.filter((layer: any) => {\n        return !this.readOnlyLayers.includes(layer);\n      });\n    } else {\n      this.layerOptionsForPopup = this.visibleLayers;\n    }\n  }\n\n  @Watch('enableAddNewFeature')\n  activateSelectInteraction(newValue: boolean) {\n    let selectInteraction = this.map\n      .getInteractions()\n      .getArray()\n      .find(interaction => interaction.get('id') === SelectFeatureInteractionId);\n    if (selectInteraction) {\n      selectInteraction.setActive(!newValue);\n    }\n  }\n\n  setFilteredLayerOptions = () => {\n    if (this.layerOptions && this.layerOptions.length > 0) {\n      this.filteredOptions = this.layerOptions;\n    }\n  };\n\n  updateSelectedLayers = (value: any) => {\n    this.handleSelectLayers(value);\n  };\n\n  handleCloseFilterPopover = () => {\n    this.filterAnchor = null;\n  };\n  handleCloseLayerPopover = () => {\n    this.layerAnchor = null;\n  };\n  handleCloseBulkSelectionTypePopover = () => {\n    this.bulkSelectionTypeAnchor = null;\n  };\n  handleCloseSplitPopover = () => {\n    this.splitAnchor = null;\n  };\n  handleCloseSelectionActionPopover = () => {\n    this.selectionActionAnchor = null;\n  };\n  handleCloseAddMapFeature = () => {\n    this.addFeatureAnchor = null;\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n  };\n  handleFilterOnclick = () => {\n    this.filterAnchor = this.mapToolbarElement.shadowRoot.querySelector('#filterOptionButton') as HTMLElement;\n  };\n  handleLayerOnclick = () => {\n    this.layerAnchor = this.mapToolbarElement.shadowRoot.querySelector('#layerOptionButton') as HTMLElement;\n    this.filteredOptions = this.layerOptions;\n  };\n  handleSelectionActionOnclick = () => {\n    this.selectionActionAnchor = this.mapToolbarElement.shadowRoot.querySelector('#withSelectedOptionButton') as HTMLElement;\n  };\n  handleSelectionBtnOnclick = () => {\n    this.bulkSelectionTypeAnchor = this.mapToolbarElement.shadowRoot.querySelector('#bulkSelectOptionButton') as HTMLElement;\n  };\n  handleSplitBtnOnclick = () => {\n    this.splitAnchor = this.mapToolbarElement.shadowRoot.querySelector('#splitOptionButton') as HTMLElement;\n  };\n\n  handleAddOnclick = () => {\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n    this.addFeatureAnchor = this.mapToolbarElement.shadowRoot.querySelector('#addOptionButton') as HTMLElement;\n  };\n\n  handleBulkSelectionTypeOnclick = (value: any) => {\n    this.bulkSelectionTypeAnchor = null;\n    this.handleBulkSelectionTypeOnChange(value, this.mapProjection);\n  };\n\n  handleSearchLayers = (e: any) => {\n    const searchString = e?.target?.value;\n    if (!searchString || searchString?.trim().length === 0) {\n      this.filteredOptions = this.layerOptions;\n      return;\n    }\n    const result = searchForLayerOptions(this.layerOptions, searchString);\n    this.filteredOptions = result;\n  };\n\n  handleMapTypeInputChange = (e: any) => {\n    this.handleSelectTile(e);\n  };\n\n  unselectFeatures = () => {\n    this.withSelected = false;\n    this.handleUnselectFeatures();\n  };\n\n  handleAddNewFeature = () => {\n    this.addFeatureAnchor = null;\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n    this.addNewFeature();\n  };\n  handleCancelAddNewFeature = () => {\n    this.addFeatureAnchor = null;\n    this.selectedLayerToAddFeature = null;\n    this.selectedTypeToAddFeature = null;\n    this.cancelAddNewFeature();\n  };\n  getButtonText = () => {\n    if (this.enableDragBox) {\n      return 'Cancel Bulk Selection';\n    }\n    if (this.enableAddNewFeature) {\n      return 'Save';\n    }\n    return '';\n  };\n  getButtonIcon = () => {\n    if (this.enableDragBox) {\n      return Close16;\n    }\n    if (this.enableAddNewFeature) {\n      return Checkmark16;\n    }\n    return Close16;\n  };\n\n  render() {\n    return (\n      <div class=\"toolbarContainer\">\n        <div class=\"title\">{this.mapTitle && this.mapTitle.length > 0 && <unity-typography variant=\"h4\">{this.mapTitle}</unity-typography>}</div>\n\n        <div class=\"buttons\">\n          <div class=\"buttonContainer\">\n            <div class=\"secondaryButtons\">\n              {this.filterPanel && (\n                <div id=\"filterOption\">\n                  <div id=\"filterOptionButton\">\n                    <stencil-icon-button\n                      iconName={'filterButton'}\n                      iconClassName={'iconButtonWrapper'}\n                      tooltip={'Filter'}\n                      icon={Filter16}\n                      buttonId={'filterButton'}\n                      onClick={() => this.handleFilterOnclick()}\n                    />\n                  </div>\n                  {this.filterAnchor && (\n                    <div id=\"filterOptionDiv\">\n                      <udp-pop-over\n                        isOpen={this.filterAnchor ? true : false}\n                        anchorElement={this.filterAnchor}\n                        handleOnClose={() => this.handleCloseFilterPopover()}\n                        popoverPlacement={'bottom-start'}\n                      >\n                        <div innerHTML={this.filterPanel}></div>\n                      </udp-pop-over>\n                    </div>\n                  )}\n                </div>\n              )}\n              {this.layerOptions && (\n                <div id=\"layerOption\">\n                  <div id=\"layerOptionButton\">\n                    <stencil-icon-button\n                      iconName={'layersButton'}\n                      iconClassName={'iconButtonWrapper'}\n                      tooltip={'Layers'}\n                      icon={Layers16}\n                      buttonId={'layersButton'}\n                      onClick={() => this.handleLayerOnclick()}\n                      count={this.visibleLayers?.length}\n                    />\n                  </div>\n\n                  <div id=\"layerOptionDiv\">\n                    {this.layerAnchor && (\n                      <udp-pop-over\n                        isOpen={this.layerAnchor ? true : false}\n                        anchorElement={this.layerAnchor}\n                        handleOnClose={() => this.handleCloseLayerPopover()}\n                        popoverPlacement={'bottom-start'}\n                        popoverMaxHeight={'500px'}\n                      >\n                        <select-layer-popup\n                          enableTileSelection={this.enableTileSelection}\n                          tileOptions={this.tileOptions}\n                          handleMapTypeInputChange={this.handleMapTypeInputChange}\n                          handleSearchLayers={this.handleSearchLayers}\n                          filteredOptions={this.filteredOptions}\n                          visibleLayers={this.visibleLayers}\n                          updateSelectedLayers={this.updateSelectedLayers}\n                          selectedTile={this.selectedTile}\n                        />\n                      </udp-pop-over>\n                    )}\n                  </div>\n                </div>\n              )}\n              {!this.readOnlyMap && this.selectedFeaturesActionPanel && (\n                <div id=\"bulkSelectOption\">\n                  <div id=\"bulkSelectOptionButton\">\n                    <stencil-icon-button\n                      iconName={'selectButton'}\n                      iconClassName={'iconButtonWrapper'}\n                      tooltip={'Select'}\n                      icon={Select_0116}\n                      buttonId={'selectButton'}\n                      onClick={() => this.handleSelectionBtnOnclick()}\n                    />\n                  </div>\n                  <div id=\"bulkSelectOptionDiv\">\n                    {this.bulkSelectionTypeAnchor && (\n                      <udp-pop-over\n                        isOpen={this.bulkSelectionTypeAnchor ? true : false}\n                        anchorElement={this.bulkSelectionTypeAnchor}\n                        handleOnClose={() => this.handleCloseBulkSelectionTypePopover()}\n                        popoverPlacement={'bottom-start'}\n                      >\n                        <udp-menu-item\n                          label={'Box'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('box');\n                          }}\n                        />\n                        <udp-menu-item\n                          label={'Circle'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('circle');\n                          }}\n                        />\n                        <udp-menu-item\n                          label={'Polygon'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('polygon');\n                          }}\n                        />\n                        <udp-menu-item\n                          label={'Lasso'}\n                          handleOnClick={() => {\n                            this.handleBulkSelectionTypeOnclick('lasso');\n                          }}\n                        />\n                      </udp-pop-over>\n                    )}\n                  </div>\n                </div>\n              )}\n              {!this.readOnlyMap && this.enableSplit && (\n                <div id=\"splitOption\">\n                  <div id=\"splitOptionButton\">\n                    <stencil-icon-button\n                      iconName={'splitButton'}\n                      iconClassName={'splitButtonWrapper'}\n                      tooltip={'Split Linear Feature'}\n                      icon={Scalpel16}\n                      buttonId={'splitButton'}\n                      onClick={() => this.handleSplitBtnOnclick()}\n                    />\n                  </div>\n                  <div id=\"splitOptionDiv\">\n                    {this.splitAnchor && (\n                      <udp-pop-over\n                        isOpen={this.splitAnchor ? true : false}\n                        anchorElement={this.splitAnchor}\n                        handleOnClose={() => this.handleCloseSplitPopover()}\n                        popoverPlacement={'bottom-start'}\n                        overflow={'visible'}\n                      >\n                        <split-line-popup vectorLayerOptions={this.layerOptionsForPopup} selectedLayer={this.selectedLayerToAddFeature} handleStartSplitting={this.handleStartSplitting} />\n                      </udp-pop-over>\n                    )}\n                  </div>\n                </div>\n              )}\n              {this.refreshEvent && (\n                <stencil-icon-button\n                  iconName={'refreshButton'}\n                  iconClassName={'iconButtonWrapper'}\n                  tooltip={this.refreshButtonTooltip ?? 'Refresh'}\n                  icon={Renew16}\n                  buttonId={'refreshButton'}\n                  onClick={() => this.refreshEvent()}\n                />\n              )}\n              {!this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={this.getButtonIcon()}\n                    onClick={() => {\n                      if (this.enableDragBox) {\n                        this.handleCancelBoxSelection();\n                      }\n                      if (this.enableAddNewFeature) {\n                        this.handleAddNewFeature();\n                      }\n                    }}\n                    tooltip={this.getButtonText()}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{this.getButtonText()}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n              {this.showSplitButton && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Checkmark16}\n                    onClick={() => this.handleSaveSplit()}\n                    tooltip={'Save Split'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Save Split'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n              {this.showSplitButton && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Close16}\n                    onClick={() => this.handleCancelSplit()}\n                    tooltip={'Cancel Split'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Cancel Split'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n              {!this.readOnlyMap && this.enableAddNewFeature && (\n                <div class=\"labelButtons\">\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Close16}\n                    onClick={() => this.handleCancelAddNewFeature()}\n                    tooltip={'Cancel Drawing'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Cancel Drawing'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n\n              {!this.readOnlyMap && this.withSelected && (\n                <div class=\"selectedFeaturesButtons labelButtons\">\n                  <div id=\"withSelectedOption\">\n                    <div id=\"withSelectedOptionButton\">\n                      <stencil-icon-button-grid-action-header\n                        showLabel={true}\n                        icon={OverflowMenuHorizontal16}\n                        onClick={() => this.handleSelectionActionOnclick()}\n                        tooltip={'With Selected'}\n                        iconClassName={'save-icon-class'}\n                        count={this.selectedFeatureByBoxSelection.length}\n                      >\n                        <unity-typography variant=\"button\">{'With Selected'}</unity-typography>\n                      </stencil-icon-button-grid-action-header>\n                    </div>\n                    <div id=\"withSelectedOptionDiv\">\n                      {this.selectedFeaturesActionPanel && this.selectionActionAnchor && (\n                        <udp-pop-over\n                          isOpen={this.selectionActionAnchor ? true : false}\n                          anchorElement={this.selectionActionAnchor}\n                          handleOnClose={() => this.handleCloseSelectionActionPopover()}\n                          popoverPlacement={'bottom-start'}\n                        >\n                          <div innerHTML={this.selectedFeaturesActionPanel}></div>\n                        </udp-pop-over>\n                      )}\n                    </div>\n                  </div>\n\n                  <stencil-icon-button-grid-action-header\n                    showLabel={true}\n                    icon={Close16}\n                    onClick={() => this.unselectFeatures()}\n                    tooltip={'Cancel selection'}\n                    iconClassName={'save-icon-class'}\n                  >\n                    <unity-typography variant=\"button\">{'Cancel Selection'}</unity-typography>\n                  </stencil-icon-button-grid-action-header>\n                </div>\n              )}\n            </div>\n\n            <div id=\"addOption\">\n              {this.enableAdd && !this.readOnlyMap && (\n                <div id=\"addOptionButton\">\n                  <custom-button secondary={true} label={<unity-typography variant=\"button\">{'Add'}</unity-typography>} onClick={() => this.handleAddOnclick()} size=\"tall\">\n                    <udp-icon iconName={'add32'} darkIcon={false} />\n                  </custom-button>\n                </div>\n              )}\n              {this.addFeatureAnchor && (\n                <udp-pop-over\n                  isOpen={this.addFeatureAnchor ? true : false}\n                  anchorElement={this.addFeatureAnchor}\n                  handleOnClose={() => this.handleCloseAddMapFeature()}\n                  popoverPlacement={'bottom-start'}\n                  overflow={'visible'}\n                >\n                  <add-map-feature-popup\n                    handleStartDrawingMapFeature={this.handleStartDrawingMapFeature}\n                    vectorLayerOptions={this.layerOptionsForPopup}\n                    selectedLayer={this.selectedLayerToAddFeature}\n                    selectedType={this.selectedTypeToAddFeature}\n                    panelConfig={this.addFeaturePanelConfig}\n                  />\n                </udp-pop-over>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n","  \n  .popoverContent{\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-04);\n    padding: var(--spacing-04);\n    z-index: 1\n  }\n  .featureDetailsPopOverContent{\n    min-width: 300px;\n    z-index: 1\n  }\n  .data-row {\n    display: flex;\n    column-gap: var(--spacing-04);\n   }\n  .data-section {\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-02);\n  }\n  .key{\n    font-weight: bold;\n    color: var(--accent-color-two);\n  }\n  .header{\n    display: flex;\n    background-color: var(--accent-color-three);\n    color: var(--accent-color-two);\n    padding-left: var(--spacing-02);\n    margin-bottom: var(--spacing-04);\n  }\n  .closeButton{\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n  .options{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n  }\n  .mapType{\n    margin-bottom: var(--spacing-02);\n  }"," import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'select-layer-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class SelectLayerPopUp {\n  @Prop() enableTileSelection : boolean = true\n  @Prop() tileOptions : any[] = []\n  @Prop() handleMapTypeInputChange : any\n  @Prop() handleSearchLayers : any\n  @Prop() filteredOptions : any[] = []\n  @Prop() visibleLayers : any[] = []\n  @Prop() updateSelectedLayers : any\n  @Prop() selectedTile : any\n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n          {this.enableTileSelection && (\n                <udp-selector\n                id={\"mapType\"}\n                options= {this.tileOptions ?? []}\n                initialValue={this.selectedTile.value}\n                label={\"Map Type\"}\n                onChange={(e: CustomEvent)=>{this.handleMapTypeInputChange(e)}}\n                large={false}\n                />\n            )}\n            <div style={{height: '12px'}}></div>\n           <div>\n                <text-field\n                  label={\"Search Layers\"}\n                  id={\"searchFilter\"}\n                  value= {\"\"}\n                  onInput= {(e: any) => this.handleSearchLayers(e)}\n                  />\n            </div>\n            {this.filteredOptions?.length > 0 &&\n                    this.filteredOptions?.map((item) => (\n              <check-box-group\n                title={item?.title}\n                options={item?.options}\n                values={this.visibleLayers}\n                handleChange={this.updateSelectedLayers}\n              />\n            ))}\n  </div>\n    );\n  }\n}\n","  \n  .popoverContent{\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-04);\n    padding: var(--spacing-04);\n    z-index: 1\n  }\n  .featureDetailsPopOverContent{\n    min-width: 300px;\n    z-index: 1\n  }\n  .data-row {\n    display: flex;\n    column-gap: var(--spacing-04);\n   }\n  .data-section {\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-02);\n  }\n  .key{\n    font-weight: bold;\n    color: var(--accent-color-two);\n  }\n  .header{\n    display: flex;\n    background-color: var(--accent-color-three);\n    color: var(--accent-color-two);\n    padding-left: var(--spacing-02);\n    margin-bottom: var(--spacing-04);\n  }\n  .closeButton{\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n  .options{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n  }\n  .mapType{\n    margin-bottom: var(--spacing-02);\n  }"," import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'split-line-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class SplitLinePopup {\n  @Prop() vectorLayerOptions : any[] = []\n  @Prop() handleStartSplitting : any\n  @Prop() selectedLayer : any = null\n  \n\n  render() {\n    return (\n      <div class=\"popoverContent\">\n         <udp-selector\n          id={\"layer\"}\n          options= {this.vectorLayerOptions.map((layer)=>{\n            return {\n              label : layer,\n              value: layer\n            }\n          }) ?? []}         \n          initialValue={this.selectedLayer}               \n          label={\"Layer\"} \n          onChange={(e: CustomEvent)=>{this.handleStartSplitting(e)}}\n          large={false}\n          />\n      </div>\n    );\n  }\n}\n "],"version":3}