udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

package/dist/components/udp-list-renderer2.js

@@ -1,175 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-button2.js';
-import { d as defineCustomElement$1 } from './udp-pagination2.js';
-
-const udpListRendererCss = ":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";
-
-const UdpItemList = /*@__PURE__*/ proxyCustomElement(class UdpItemList extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pageChange = createEvent(this, "pageChange");
-        /**
-         * Array of objects to be rendered in the list.
-         */
-        this.data = [];
-        /**
-         * Whether to enable pagination.
-         */
-        this.pagination = false;
-        /**
-         * Number of items to display per page.
-         */
-        this.itemsPerPage = 10;
-        /**
-         * Whether pagination is handled server-side.
-         */
-        this.isServerSide = false;
-        /**
-         * Total number of items (required for server-side pagination).
-         */
-        this.totalItems = 0;
-        /**
-         * Current page number (used for server-side pagination or can be controlled externally).
-         * Defaults to 1.
-         */
-        this.currentPage = 1;
-        /**
-         * Whether the list is in a loading state.
-         */
-        this.isLoading = false;
-        /**
-         * Defines the spacing between items.
-         * Options: 'xs', 'sm', 'md', 'lg', 'condensed'
-         * Default: 'sm'
-         */
-        this.spacing = 'md';
-        this.internalCurrentPage = 1;
-    }
-    currentPageChanged(newValue) {
-        if (newValue !== this.internalCurrentPage) {
-            this.internalCurrentPage = newValue;
-        }
-    }
-    componentWillLoad() {
-        this.internalCurrentPage = this.currentPage;
-    }
-    getPaginatedData() {
-        if (!this.pagination || this.isServerSide) {
-            return this.data;
-        }
-        const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;
-        const endIndex = startIndex + this.itemsPerPage;
-        return this.data.slice(startIndex, endIndex);
-    }
-    getTotalPages() {
-        if (!this.pagination)
-            return 1;
-        if (this.isServerSide) {
-            if (this.totalItems === 0 || this.itemsPerPage === 0)
-                return 1;
-            return Math.ceil(this.totalItems / this.itemsPerPage);
-        }
-        if (this.data.length === 0 || this.itemsPerPage === 0)
-            return 1;
-        return Math.ceil(this.data.length / this.itemsPerPage);
-    }
-    handlePageChange(newPage) {
-        if (this.isLoading)
-            return;
-        if (newPage >= 1 && newPage <= this.getTotalPages()) {
-            if (this.isServerSide) {
-                this.pageChange.emit(newPage);
-            }
-            else {
-                this.internalCurrentPage = newPage;
-                this.currentPage = newPage;
-                this.pageChange.emit(newPage);
-            }
-        }
-    }
-    renderItems() {
-        if (!this.itemComponent) {
-            console.warn('[udp-item-list] itemComponent prop is required.');
-            return h("p", null, "Error: itemComponent prop is not defined.");
-        }
-        if (!this.componentDataMap) {
-            console.warn('[udp-item-list] componentDataMap prop is required.');
-            return h("p", null, "Error: componentDataMap prop is not defined.");
-        }
-        const itemsToRender = this.getPaginatedData();
-        if (!itemsToRender || itemsToRender.length === 0) {
-            return h("p", null, "No items to display.");
-        }
-        return itemsToRender.map(item => {
-            const props = {};
-            for (const sourceKey in this.componentDataMap) {
-                if (item.hasOwnProperty(sourceKey)) {
-                    const targetKey = this.componentDataMap[sourceKey];
-                    props[targetKey] = item[sourceKey];
-                }
-            }
-            const ItemCmp = this.itemComponent;
-            return h(ItemCmp, Object.assign({}, props));
-        });
-    }
-    render() {
-        if (this.isLoading && (!this.data || this.data.length === 0)) {
-            return (h("div", { class: "loading-container" }, h("p", null, "Loading...")));
-        }
-        const containerClasses = {
-            'item-list-container': true,
-            [`spacing-${this.spacing}`]: true,
-        };
-        return (h("host", null, h("div", { class: containerClasses }, this.renderItems()), this.pagination && this.getTotalPages() > 1 && (h("udp-pagination", { currentPage: this.internalCurrentPage, totalPages: this.getTotalPages(), isLoading: this.isLoading, onPageChange: event => this.handlePageChange(event.detail) }))));
-    }
-    static get watchers() { return {
-        "currentPage": ["currentPageChanged"]
-    }; }
-    static get style() { return udpListRendererCss; }
-}, [257, "udp-list-renderer", {
-        "itemComponent": [1, "item-component"],
-        "data": [16],
-        "componentDataMap": [16],
-        "pagination": [4],
-        "itemsPerPage": [2, "items-per-page"],
-        "isServerSide": [4, "is-server-side"],
-        "totalItems": [2, "total-items"],
-        "currentPage": [1538, "current-page"],
-        "isLoading": [4, "is-loading"],
-        "spacing": [513],
-        "internalCurrentPage": [32]
-    }, undefined, {
-        "currentPage": ["currentPageChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-list-renderer", "udp-button", "udp-pagination"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-list-renderer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpItemList);
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "udp-pagination":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpItemList as U, defineCustomElement as d };
-//# sourceMappingURL=udp-list-renderer2.js.map
-
-//# sourceMappingURL=udp-list-renderer2.js.map
+import{p as t,H as i,c as e,h as s,t as n}from"./index2.js";import{d as a}from"./udp-button2.js";import{d as r}from"./udp-pagination2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChange=e(this,"pageChange"),this.data=[],this.pagination=!1,this.itemsPerPage=10,this.isServerSide=!1,this.totalItems=0,this.currentPage=1,this.isLoading=!1,this.spacing="md",this.internalCurrentPage=1}currentPageChanged(t){t!==this.internalCurrentPage&&(this.internalCurrentPage=t)}componentWillLoad(){this.internalCurrentPage=this.currentPage}getPaginatedData(){if(!this.pagination||this.isServerSide)return this.data;const t=(this.internalCurrentPage-1)*this.itemsPerPage;return this.data.slice(t,t+this.itemsPerPage)}getTotalPages(){return this.pagination?this.isServerSide?0===this.totalItems||0===this.itemsPerPage?1:Math.ceil(this.totalItems/this.itemsPerPage):0===this.data.length||0===this.itemsPerPage?1:Math.ceil(this.data.length/this.itemsPerPage):1}handlePageChange(t){this.isLoading||t>=1&&t<=this.getTotalPages()&&(this.isServerSide||(this.internalCurrentPage=t,this.currentPage=t),this.pageChange.emit(t))}renderItems(){if(!this.itemComponent)return console.warn("[udp-item-list] itemComponent prop is required."),s("p",null,"Error: itemComponent prop is not defined.");if(!this.componentDataMap)return console.warn("[udp-item-list] componentDataMap prop is required."),s("p",null,"Error: componentDataMap prop is not defined.");const t=this.getPaginatedData();return t&&0!==t.length?t.map((t=>{const i={};for(const e in this.componentDataMap)t.hasOwnProperty(e)&&(i[this.componentDataMap[e]]=t[e]);return s(this.itemComponent,Object.assign({},i))})):s("p",null,"No items to display.")}render(){return!this.isLoading||this.data&&0!==this.data.length?s("host",null,s("div",{class:{"item-list-container":!0,[`spacing-${this.spacing}`]:!0}},this.renderItems()),this.pagination&&this.getTotalPages()>1&&s("udp-pagination",{currentPage:this.internalCurrentPage,totalPages:this.getTotalPages(),isLoading:this.isLoading,onPageChange:t=>this.handlePageChange(t.detail)})):s("div",{class:"loading-container"},s("p",null,"Loading..."))}static get watchers(){return{currentPage:[{currentPageChanged:0}]}}static get style(){return":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}"}},[1,"udp-list-renderer",{itemComponent:[1,"item-component"],data:[16],componentDataMap:[16],pagination:[4],itemsPerPage:[2,"items-per-page"],isServerSide:[4,"is-server-side"],totalItems:[2,"total-items"],currentPage:[1538,"current-page"],isLoading:[4,"is-loading"],spacing:[513],internalCurrentPage:[32]},void 0,{currentPage:[{currentPageChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["udp-list-renderer","udp-button","udp-pagination"].forEach((t=>{switch(t){case"udp-list-renderer":customElements.get(n(t))||customElements.define(n(t),o);break;case"udp-button":customElements.get(n(t))||a();break;case"udp-pagination":customElements.get(n(t))||r()}}))}export{o as U,p as d}

package/dist/components/udp-map-toolbar.js

@@ -1,9 +1 @@
-import { U as UdpMapToolbar$1, d as defineCustomElement$1 } from './udp-map-toolbar2.js';
-
-const UdpMapToolbar = UdpMapToolbar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpMapToolbar, defineCustomElement };
-//# sourceMappingURL=udp-map-toolbar.js.map
-
-//# sourceMappingURL=udp-map-toolbar.js.map
+import{U as o,d as a}from"./udp-map-toolbar2.js";const p=o,r=a;export{p as UdpMapToolbar,r as defineCustomElement}

package/dist/components/udp-map-toolbar2.js

@@ -1,387 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import TileLayer from 'ol/layer/Tile';
-import VectorLayer from 'ol/layer/Vector';
-import { a as getBulkSelectDrawInteraction, b as getAddFeatureDrawInteraction, c as getSplitInteraction } from './map-interactions.js';
-import { h as hasStyles } from './udp-map-utils.js';
-import { D as DrawBaseLayerId } from './common.js';
-import { d as defineCustomElement$g } from './add-map-feature-popup2.js';
-import { d as defineCustomElement$f } from './check-box-group2.js';
-import { d as defineCustomElement$e } from './custom-button2.js';
-import { d as defineCustomElement$d } from './map-toolbar2.js';
-import { d as defineCustomElement$c } from './select-layer-popup2.js';
-import { d as defineCustomElement$b } from './split-line-popup2.js';
-import { d as defineCustomElement$a } from './stencil-icon-button2.js';
-import { d as defineCustomElement$9 } from './stencil-icon-button-grid-action-header2.js';
-import { d as defineCustomElement$8 } from './text-field2.js';
-import { d as defineCustomElement$7 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$6 } from './udp-badge2.js';
-import { d as defineCustomElement$5 } from './udp-icon2.js';
-import { d as defineCustomElement$4 } from './udp-menu-item2.js';
-import { d as defineCustomElement$3 } from './udp-pop-over2.js';
-import { d as defineCustomElement$2 } from './udp-selector2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpMapCss = ":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";
-
-const UdpMapToolbar = /*@__PURE__*/ proxyCustomElement(class UdpMapToolbar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.mapTitle = ''; //Title appearing on map
-        this.mapProjection = ''; //Map feature projection used
-        this.filterPanel = ''; //Custom filter panel
-        this.enableTileSelection = true; //Allows selecting tile layer
-        this.tileLayersOptions = []; //List of tile layers visible on the map
-        this.defaultTileOptionName = ''; //Default tile layer name
-        this.layerOptions = []; //List of options for vector layers
-        this.bulkSelectedFeaturesActionPanel = ''; //Custom action panel for selected features
-        this.refreshButtonTooltip = ''; //Custom tooltip message on refresh button
-        this.readOnlyMap = false; //Map is read only (Setting true removes the add, edit, delete functionality)
-        this.enableAdd = true; //Enables adding a new feature by drawing on the map
-        this.addMultipleFeatures = true; //When adding features by drawing, add multiple features
-        this.enableSplitFeature = true; //Enables splitting linestrings on the map
-        this.filteredLayerOptionsByRole = []; //Layer options filtered by role
-        this.enableDragBox = false; //Boolean - if dragbox interaction is currently active
-        this.splitActive = false; //Boolean - if split interaction is currently active
-        this.enableAddNewFeature = false; //Show the button to add a new feature by drawing on the map
-        this.readOnlyLayers = [];
-        this.selectedTile = { label: 'Open Street Map', value: 'Open Street Map' };
-        this.selectedBulkSelectionType = 'box';
-        this.selectedFeatureByBoxSelection = [];
-        this.tileSelectOptions = [{ label: 'Open Street Map', value: 'Open Street Map' }];
-        this.newFeatureObjectsAdded = [];
-        this.showSplitButton = false;
-        ///////////////////////////////////////////////////METHODS//////////////////////////////////////////////////////////////////
-        this.setEnableDragBox = (set) => {
-            this.handleSetEnableDragBox(set);
-        };
-        this.setBulkSelectonActive = (active) => {
-            this.handleSetBulkSelectionActive(active);
-        };
-        //================================================CHANGING CURRENT MAP TYPE=========================================
-        this.getTileLayerOptions = () => {
-            this.tileSelectOptions = this.tileLayersOptions.map(tile => {
-                return { label: tile === null || tile === void 0 ? void 0 : tile.name, value: tile === null || tile === void 0 ? void 0 : tile.name };
-            });
-            this.selectedTile = this.tileSelectOptions.filter(t => t.value === this.defaultTileOptionName)[0];
-        };
-        this.handleSelectTile = (value) => {
-            var _a;
-            if (!value)
-                return;
-            this.selectedTile = value;
-            if (this.enableTileSelection && ((_a = this.tileLayersOptions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                const newTileLayer = this.tileLayersOptions.find(tile => (tile === null || tile === void 0 ? void 0 : tile.name) === value);
-                if (!newTileLayer)
-                    return;
-                // Remove previous base tile layers
-                const layersToRemove = this.map
-                    .getLayers()
-                    .getArray()
-                    .filter(layer => layer.get('isBaseTile'));
-                layersToRemove.forEach(layer => {
-                    this.map.removeLayer(layer);
-                });
-                // Add the new tile layer
-                const tileLayer = new TileLayer({
-                    source: newTileLayer.source,
-                    visible: true,
-                    zIndex: 0,
-                    properties: {
-                        value: newTileLayer.name,
-                        isBaseTile: true,
-                    },
-                });
-                this.map.getLayers().insertAt(0, tileLayer);
-            }
-        };
-        this.handleSelectLayers = (value) => {
-            if (this.handleSetSelectedLayers) {
-                this.handleSetSelectedLayers(value);
-            }
-            this.updateLayerVisibility(value);
-            if (this.handleSelectLayersCallback) {
-                this.handleSelectLayersCallback(value);
-            }
-        };
-        this.updateLayerVisibility = (visibleLayerNames, changeTileLayer = false) => {
-            var _a, _b;
-            let type = changeTileLayer ? TileLayer : VectorLayer;
-            (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a.getLayers()) === null || _b === void 0 ? void 0 : _b.forEach(layer => {
-                if (layer instanceof type) {
-                    visibleLayerNames.includes(layer.get('value')) || layer.get('id') === DrawBaseLayerId ? layer.setVisible(true) : layer.setVisible(false);
-                }
-            });
-        };
-        //============================================BULK SELECTION=======================================================
-        this.bulkSelectDraw = (bulkSelectionType, projection) => {
-            getBulkSelectDrawInteraction(this.map, bulkSelectionType, projection, this.setBulkSelectonActive, this.setEnableDragBox, this.handleSetSelectedFeatureProperties, this.clearSelectFeatureInteraction, this.currentBulkSelectDrawInteraction, this.handleSetCurrentBulkSelectDrawInteraction, this.handleRemoveInteraction, this.handleAddInteraction, this.selectedFeatureByBoxSelection, this.handleSetSelectedFeatureByBoxSelection, this.handleSetSelectedBulkSelectionType, this.getSelectedFeatureStyles, this.handleSetSelectedFeaturesOnBulkSelect);
-        };
-        this.clearSelectFeatureInteraction = () => {
-            if (this.selectFeatureInteraction) {
-                this.selectFeatureInteraction.getFeatures().clear();
-                this.selectFeatureInteraction.setActive(false);
-            }
-        };
-        this.handleSetCurrentBulkSelectDrawInteraction = (interaction) => {
-            this.currentBulkSelectDrawInteraction = interaction;
-        };
-        this.handleSetSelectedFeatureByBoxSelection = (value) => {
-            this.selectedFeatureByBoxSelection = value;
-        };
-        this.handleSetSelectedBulkSelectionType = (type) => {
-            this.selectedBulkSelectionType = type;
-        };
-        this.handleCancelBulkSelectDraw = () => {
-            this.setBulkSelectonActive(false);
-            this.setEnableDragBox(false);
-            this.currentBulkSelectDrawInteraction.setActive(false);
-            this.map.removeInteraction(this.currentBulkSelectDrawInteraction);
-        };
-        this.handleBulkUnselectFeatures = () => {
-            if (this.selectedFeatureByBoxSelection.length > 0 && this.getFeatureStyles) {
-                this.selectedFeatureByBoxSelection.forEach(feature => {
-                    let style = this.getFeatureStyles(feature);
-                    if (hasStyles(style)) {
-                        feature.setStyle(style);
-                    }
-                });
-            }
-            this.setEnableDragBox(false);
-            this.setBulkSelectonActive(false);
-            this.selectedFeatureByBoxSelection = [];
-            if (this.handleSetSelectedFeaturesOnBulkSelect) {
-                this.handleSetSelectedFeaturesOnBulkSelect([]);
-            }
-        };
-        //=======================================ADDING FEATURES===================================================
-        this.startDrawingMapFeature = (selectedLayer, selectedType = 'Point') => {
-            getAddFeatureDrawInteraction(this.map, selectedLayer, selectedType, this.handleRemoveInteraction, this.currentAddFeatureDrawInteraction, this.handleSetCurrentInteraction, this.handleGetFeatureObject, this.handleEnableAddNewFeature, this.handleSetSelectedFeatureProperties, this.handleAddInteraction, this.addMultipleFeatures, this.addNewFeature);
-        };
-        this.handleGetFeatureObject = (feature) => {
-            this.newFeatureObjectsAdded = [...this.newFeatureObjectsAdded, ...[feature]];
-        };
-        this.handleAddInteraction = (interaction) => {
-            this.map.addInteraction(interaction);
-        };
-        this.handleRemoveInteraction = (interaction) => {
-            this.map.removeInteraction(interaction);
-            this.currentAddFeatureDrawInteraction = null;
-        };
-        this.handleSetCurrentInteraction = (interaction) => {
-            this.currentAddFeatureDrawInteraction = interaction;
-        };
-        this.cancelAddNewFeature = () => {
-            this.handleEnableAddNewFeature(false);
-            this.map.removeInteraction(this.currentAddFeatureDrawInteraction);
-        };
-        this.addNewFeature = () => {
-            this.handleEnableAddNewFeature(false);
-            this.map.removeInteraction(this.currentAddFeatureDrawInteraction);
-            if (this.handleAddNewFeatures) {
-                this.handleAddNewFeatures(this.newFeatureObjectsAdded);
-            }
-        };
-        //=========================================SPLITTING FEATURES=========================================================
-        this.handleStartSplitting = (selectedLayer) => {
-            this.handleSetSplit(true);
-            this.splitActive = true;
-            getSplitInteraction(this.map, selectedLayer, this.currentSplitInteraction, this.handleSetCurrentSplitInteraction, this.handleSetSplit, this.handleRemoveInteraction, this.handleAddInteraction, this.handleRetrieveSplitFeature);
-        };
-        this.handleSetSplit = (split) => {
-            this.handleSetSplitActive(split);
-            this.showSplitButton = split;
-        };
-        this.handleRetrieveSplitFeature = (split) => {
-            this.splitFeatureDetails = split;
-        };
-        this.handleSetCurrentSplitInteraction = (interaction) => {
-            this.currentSplitInteraction = interaction;
-        };
-        this.handleCancelSplit = () => {
-            this.handleSetSplit(false);
-            this.splitActive = false;
-            this.handleRemoveInteraction(this.currentSplitInteraction);
-            this.currentSplitInteraction = null;
-        };
-        this.handleSaveSplit = () => {
-            this.handleSetSplit(false);
-            this.handleRemoveInteraction(this.currentSplitInteraction);
-            this.currentSplitInteraction = null;
-            this.handleSplitFeature(this.splitFeatureDetails);
-        };
-    }
-    componentWillLoad() {
-        var _a;
-        if (this.tileLayersOptions && ((_a = this.tileLayersOptions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this.getTileLayerOptions();
-        }
-    }
-    /////////////////////////////////////////////////////////////WATCHERS////////////////////////////////////////////////////////
-    updateTileSelectOptions() {
-        var _a;
-        if (this.tileLayersOptions && ((_a = this.tileLayersOptions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this.getTileLayerOptions();
-        }
-    }
-    //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
-    render() {
-        return (h("map-toolbar", { key: 'a89aa9acb1c9c01c31f6e730e17dd595bc6da472', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "tileLayersOptions": ["updateTileSelectOptions"]
-    }; }
-    static get style() { return udpMapCss; }
-}, [257, "udp-map-toolbar", {
-        "map": [8],
-        "mapTitle": [1, "map-title"],
-        "mapProjection": [1, "map-projection"],
-        "getFeatureStyles": [8, "get-feature-styles"],
-        "getSelectedFeatureStyles": [8, "get-selected-feature-styles"],
-        "filterPanel": [1, "filter-panel"],
-        "enableTileSelection": [4, "enable-tile-selection"],
-        "tileLayersOptions": [16],
-        "defaultTileOptionName": [1, "default-tile-option-name"],
-        "layerOptions": [16],
-        "bulkSelectedFeaturesActionPanel": [1, "bulk-selected-features-action-panel"],
-        "handleSetSelectedFeaturesOnBulkSelect": [8, "handle-set-selected-features-on-bulk-select"],
-        "handleRefresh": [8, "handle-refresh"],
-        "refreshButtonTooltip": [1, "refresh-button-tooltip"],
-        "readOnlyMap": [4, "read-only-map"],
-        "enableAdd": [4, "enable-add"],
-        "handleAddNewFeatures": [8, "handle-add-new-features"],
-        "addMultipleFeatures": [4, "add-multiple-features"],
-        "enableSplitFeature": [4, "enable-split-feature"],
-        "handleSplitFeature": [8, "handle-split-feature"],
-        "handleSetSelectedFeatureProperties": [8, "handle-set-selected-feature-properties"],
-        "filteredLayerOptionsByRole": [16],
-        "handleSetBulkSelectionActive": [8, "handle-set-bulk-selection-active"],
-        "enableDragBox": [4, "enable-drag-box"],
-        "handleSetEnableDragBox": [8, "handle-set-enable-drag-box"],
-        "splitActive": [4, "split-active"],
-        "handleSetSplitActive": [8, "handle-set-split-active"],
-        "selectFeatureInteraction": [8, "select-feature-interaction"],
-        "enableAddNewFeature": [4, "enable-add-new-feature"],
-        "handleEnableAddNewFeature": [8, "handle-enable-add-new-feature"],
-        "handleSelectLayersCallback": [8, "handle-select-layers-callback"],
-        "readOnlyLayers": [16],
-        "selectedLayers": [8, "selected-layers"],
-        "handleSetSelectedLayers": [8, "handle-set-selected-layers"],
-        "addFeaturePanelConfig": [8, "add-feature-panel-config"],
-        "selectedFeatures": [32],
-        "selectedTile": [32],
-        "selectedBulkSelectionType": [32],
-        "mapFeatures": [32],
-        "selectedFeatureByBoxSelection": [32],
-        "tileSelectOptions": [32],
-        "currentBulkSelectDrawInteraction": [32],
-        "currentAddFeatureDrawInteraction": [32],
-        "currentSplitInteraction": [32],
-        "newFeatureObjectsAdded": [32],
-        "splitFeatureDetails": [32],
-        "showSplitButton": [32]
-    }, undefined, {
-        "tileLayersOptions": ["updateTileSelectOptions"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-map-toolbar", "add-map-feature-popup", "check-box-group", "custom-button", "map-toolbar", "select-layer-popup", "split-line-popup", "stencil-icon-button", "stencil-icon-button-grid-action-header", "text-field", "udp-ambient-tool-tip", "udp-badge", "udp-icon", "udp-menu-item", "udp-pop-over", "udp-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-map-toolbar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpMapToolbar);
-            }
-            break;
-        case "add-map-feature-popup":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "check-box-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "map-toolbar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "select-layer-popup":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "split-line-popup":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "stencil-icon-button-grid-action-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-pop-over":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpMapToolbar as U, defineCustomElement as d };
-//# sourceMappingURL=udp-map-toolbar2.js.map
-
-//# sourceMappingURL=udp-map-toolbar2.js.map
+import{p as e,H as t,h as s,t as i}from"./index2.js";import a from"ol/layer/Tile";import l from"ol/layer/Vector";import{a as o,b as h,c as n}from"./map-interactions.js";import{h as r}from"./udp-map-utils.js";import{D as d}from"./common.js";import{d as p}from"./add-map-feature-popup2.js";import{d as u}from"./check-box-group2.js";import{d as c}from"./custom-button2.js";import{d as m}from"./map-toolbar2.js";import{d as b}from"./select-layer-popup2.js";import{d as f}from"./split-line-popup2.js";import{d as y}from"./stencil-icon-button2.js";import{d as S}from"./stencil-icon-button-grid-action-header2.js";import{d as v}from"./text-field2.js";import{d as g}from"./udp-ambient-tool-tip2.js";import{d as k}from"./udp-badge2.js";import{d as F}from"./udp-icon2.js";import{d as j}from"./udp-menu-item2.js";import{d as O}from"./udp-pop-over2.js";import{d as E}from"./udp-selector2.js";import{d as B}from"./unity-typography2.js";const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.mapTitle="",this.mapProjection="",this.filterPanel="",this.enableTileSelection=!0,this.tileLayersOptions=[],this.defaultTileOptionName="",this.layerOptions=[],this.bulkSelectedFeaturesActionPanel="",this.refreshButtonTooltip="",this.readOnlyMap=!1,this.enableAdd=!0,this.addMultipleFeatures=!0,this.enableSplitFeature=!0,this.filteredLayerOptionsByRole=[],this.enableDragBox=!1,this.splitActive=!1,this.enableAddNewFeature=!1,this.readOnlyLayers=[],this.selectedTile={label:"Open Street Map",value:"Open Street Map"},this.selectedBulkSelectionType="box",this.selectedFeatureByBoxSelection=[],this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}],this.newFeatureObjectsAdded=[],this.showSplitButton=!1,this.setEnableDragBox=e=>{this.handleSetEnableDragBox(e)},this.setBulkSelectonActive=e=>{this.handleSetBulkSelectionActive(e)},this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((e=>({label:null==e?void 0:e.name,value:null==e?void 0:e.name}))),this.selectedTile=this.tileSelectOptions.filter((e=>e.value===this.defaultTileOptionName))[0]},this.handleSelectTile=e=>{var t;if(e&&(this.selectedTile=e,this.enableTileSelection&&(null===(t=this.tileLayersOptions)||void 0===t?void 0:t.length)>0)){const t=this.tileLayersOptions.find((t=>(null==t?void 0:t.name)===e));if(!t)return;this.map.getLayers().getArray().filter((e=>e.get("isBaseTile"))).forEach((e=>{this.map.removeLayer(e)}));const s=new a({source:t.source,visible:!0,zIndex:0,properties:{value:t.name,isBaseTile:!0}});this.map.getLayers().insertAt(0,s)}},this.handleSelectLayers=e=>{this.handleSetSelectedLayers&&this.handleSetSelectedLayers(e),this.updateLayerVisibility(e),this.handleSelectLayersCallback&&this.handleSelectLayersCallback(e)},this.updateLayerVisibility=(e,t=!1)=>{var s,i;let o=t?a:l;null===(i=null===(s=this.map)||void 0===s?void 0:s.getLayers())||void 0===i||i.forEach((t=>{t instanceof o&&(e.includes(t.get("value"))||t.get("id")===d?t.setVisible(!0):t.setVisible(!1))}))},this.bulkSelectDraw=(e,t)=>{o(this.map,e,t,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)},this.clearSelectFeatureInteraction=()=>{this.selectFeatureInteraction&&(this.selectFeatureInteraction.getFeatures().clear(),this.selectFeatureInteraction.setActive(!1))},this.handleSetCurrentBulkSelectDrawInteraction=e=>{this.currentBulkSelectDrawInteraction=e},this.handleSetSelectedFeatureByBoxSelection=e=>{this.selectedFeatureByBoxSelection=e},this.handleSetSelectedBulkSelectionType=e=>{this.selectedBulkSelectionType=e},this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(!1),this.setEnableDragBox(!1),this.currentBulkSelectDrawInteraction.setActive(!1),this.map.removeInteraction(this.currentBulkSelectDrawInteraction)},this.handleBulkUnselectFeatures=()=>{this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles&&this.selectedFeatureByBoxSelection.forEach((e=>{let t=this.getFeatureStyles(e);r(t)&&e.setStyle(t)})),this.setEnableDragBox(!1),this.setBulkSelectonActive(!1),this.selectedFeatureByBoxSelection=[],this.handleSetSelectedFeaturesOnBulkSelect&&this.handleSetSelectedFeaturesOnBulkSelect([])},this.startDrawingMapFeature=(e,t="Point")=>{h(this.map,e,t,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)},this.handleGetFeatureObject=e=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,e]},this.handleAddInteraction=e=>{this.map.addInteraction(e)},this.handleRemoveInteraction=e=>{this.map.removeInteraction(e),this.currentAddFeatureDrawInteraction=null},this.handleSetCurrentInteraction=e=>{this.currentAddFeatureDrawInteraction=e},this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(!1),this.map.removeInteraction(this.currentAddFeatureDrawInteraction)},this.addNewFeature=()=>{this.handleEnableAddNewFeature(!1),this.map.removeInteraction(this.currentAddFeatureDrawInteraction),this.handleAddNewFeatures&&this.handleAddNewFeatures(this.newFeatureObjectsAdded)},this.handleStartSplitting=e=>{this.handleSetSplit(!0),this.splitActive=!0,n(this.map,e,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)},this.handleSetSplit=e=>{this.handleSetSplitActive(e),this.showSplitButton=e},this.handleRetrieveSplitFeature=e=>{this.splitFeatureDetails=e},this.handleSetCurrentSplitInteraction=e=>{this.currentSplitInteraction=e},this.handleCancelSplit=()=>{this.handleSetSplit(!1),this.splitActive=!1,this.handleRemoveInteraction(this.currentSplitInteraction),this.currentSplitInteraction=null},this.handleSaveSplit=()=>{this.handleSetSplit(!1),this.handleRemoveInteraction(this.currentSplitInteraction),this.currentSplitInteraction=null,this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var e;this.tileLayersOptions&&(null===(e=this.tileLayersOptions)||void 0===e?void 0:e.length)>0&&this.getTileLayerOptions()}updateTileSelectOptions(){var e;this.tileLayersOptions&&(null===(e=this.tileLayersOptions)||void 0===e?void 0:e.length)>0&&this.getTileLayerOptions()}render(){return s("map-toolbar",{key:"6e671f25d3e390ef73a799bf7bf8519822e085ec",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return this}static get watchers(){return{tileLayersOptions:[{updateTileSelectOptions:0}]}}static get style(){return":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}"}},[1,"udp-map-toolbar",{map:[8],mapTitle:[1,"map-title"],mapProjection:[1,"map-projection"],getFeatureStyles:[8,"get-feature-styles"],getSelectedFeatureStyles:[8,"get-selected-feature-styles"],filterPanel:[1,"filter-panel"],enableTileSelection:[4,"enable-tile-selection"],tileLayersOptions:[16],defaultTileOptionName:[1,"default-tile-option-name"],layerOptions:[16],bulkSelectedFeaturesActionPanel:[1,"bulk-selected-features-action-panel"],handleSetSelectedFeaturesOnBulkSelect:[8,"handle-set-selected-features-on-bulk-select"],handleRefresh:[8,"handle-refresh"],refreshButtonTooltip:[1,"refresh-button-tooltip"],readOnlyMap:[4,"read-only-map"],enableAdd:[4,"enable-add"],handleAddNewFeatures:[8,"handle-add-new-features"],addMultipleFeatures:[4,"add-multiple-features"],enableSplitFeature:[4,"enable-split-feature"],handleSplitFeature:[8,"handle-split-feature"],handleSetSelectedFeatureProperties:[8,"handle-set-selected-feature-properties"],filteredLayerOptionsByRole:[16],handleSetBulkSelectionActive:[8,"handle-set-bulk-selection-active"],enableDragBox:[4,"enable-drag-box"],handleSetEnableDragBox:[8,"handle-set-enable-drag-box"],splitActive:[4,"split-active"],handleSetSplitActive:[8,"handle-set-split-active"],selectFeatureInteraction:[8,"select-feature-interaction"],enableAddNewFeature:[4,"enable-add-new-feature"],handleEnableAddNewFeature:[8,"handle-enable-add-new-feature"],handleSelectLayersCallback:[8,"handle-select-layers-callback"],readOnlyLayers:[16],selectedLayers:[8,"selected-layers"],handleSetSelectedLayers:[8,"handle-set-selected-layers"],addFeaturePanelConfig:[8,"add-feature-panel-config"],selectedFeatures:[32],selectedTile:[32],selectedBulkSelectionType:[32],mapFeatures:[32],selectedFeatureByBoxSelection:[32],tileSelectOptions:[32],currentBulkSelectDrawInteraction:[32],currentAddFeatureDrawInteraction:[32],currentSplitInteraction:[32],newFeatureObjectsAdded:[32],splitFeatureDetails:[32],showSplitButton:[32]},void 0,{tileLayersOptions:[{updateTileSelectOptions:0}]}]);function w(){"undefined"!=typeof customElements&&["udp-map-toolbar","add-map-feature-popup","check-box-group","custom-button","map-toolbar","select-layer-popup","split-line-popup","stencil-icon-button","stencil-icon-button-grid-action-header","text-field","udp-ambient-tool-tip","udp-badge","udp-icon","udp-menu-item","udp-pop-over","udp-selector","unity-typography"].forEach((e=>{switch(e){case"udp-map-toolbar":customElements.get(i(e))||customElements.define(i(e),x);break;case"add-map-feature-popup":customElements.get(i(e))||p();break;case"check-box-group":customElements.get(i(e))||u();break;case"custom-button":customElements.get(i(e))||c();break;case"map-toolbar":customElements.get(i(e))||m();break;case"select-layer-popup":customElements.get(i(e))||b();break;case"split-line-popup":customElements.get(i(e))||f();break;case"stencil-icon-button":customElements.get(i(e))||y();break;case"stencil-icon-button-grid-action-header":customElements.get(i(e))||S();break;case"text-field":customElements.get(i(e))||v();break;case"udp-ambient-tool-tip":customElements.get(i(e))||g();break;case"udp-badge":customElements.get(i(e))||k();break;case"udp-icon":customElements.get(i(e))||F();break;case"udp-menu-item":customElements.get(i(e))||j();break;case"udp-pop-over":customElements.get(i(e))||O();break;case"udp-selector":customElements.get(i(e))||E();break;case"unity-typography":customElements.get(i(e))||B()}}))}export{x as U,w as d}