udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/collection/components/layout/udp-sidebar-layout/udp-sidebar-layout.js

@@ -0,0 +1,264 @@
+import { h, Host } from "@stencil/core";
+import { hasSlotContent } from "../../../utilities/slot-helpers";
+/**
+ * Two-pane page layout: a collapsible sidebar beside a main content area. The
+ * sidebar is meant to hold a tree, list, or outline (drop one into the
+ * `sidebar` slot); the page body goes in the default slot.
+ *
+ * Collapse is self-contained — the sidebar header carries a collapse button and,
+ * when collapsed, the sidebar shrinks to a slim rail with an expand button, so no
+ * external control is needed. Set `stickyOffset` to pin the sidebar below a fixed
+ * page header so it scrolls independently while the main column flows with the page.
+ *
+ * @slot sidebar - Sidebar content (tree / list / outline).
+ * @slot sidebar-header - Optional custom sidebar header. Replaces the `sidebarTitle` text; the collapse button is still added.
+ * @slot - Main content (the page body).
+ */
+export class UdpSidebarLayout {
+    constructor() {
+        /**
+         * Whether the sidebar is expanded (`true`) or collapsed to a rail (`false`).
+         * Mutable so the built-in toggle works; consumers may bind/read it and listen
+         * to `openChange`.
+         */
+        this.open = true;
+        /** Expanded sidebar width — any CSS length. */
+        this.sidebarWidth = '264px';
+        /** Which side the sidebar sits on. */
+        this.sidebarPosition = 'start';
+        /**
+         * Fill the host's container top-to-bottom: the layout becomes `height: 100%`
+         * and the sidebar + main column each scroll independently inside it. Use when
+         * the layout is placed in a height-bearing region (e.g. a flex/grid cell or a
+         * fixed-height scroll area) and you want the sidebar to always span the full
+         * height regardless of content. Takes precedence over `stickyOffset`.
+         */
+        this.fill = false;
+        /** When false, the collapse affordance is hidden and the sidebar stays open. */
+        this.collapsible = true;
+    }
+    /** Toggle the sidebar open/collapsed. */
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async toggle() {
+        this.setOpen(!this.open);
+    }
+    setOpen(next) {
+        if (next === this.open)
+            return;
+        this.open = next;
+        this.openChange.emit(next);
+    }
+    render() {
+        const sticky = !this.fill ? this.stickyOffset : undefined;
+        const sidebarStyle = { '--sbl-sidebar-width': this.sidebarWidth };
+        if (sticky) {
+            sidebarStyle.top = sticky;
+            sidebarStyle.maxHeight = `calc(100dvh - ${sticky})`;
+        }
+        const atEnd = this.sidebarPosition === 'end';
+        const collapseIcon = atEnd ? 'panel-right-contract' : 'panel-left-contract';
+        const expandIcon = atEnd ? 'panel-right-expand' : 'panel-left-expand';
+        const hasCustomHeader = hasSlotContent(this.el, 'sidebar-header');
+        return (h(Host, { key: '7bf0ef79d86a65fc65207cd996229b2f2bd9309a', class: { 'sbl-host--fill': this.fill } }, h("div", { key: '13479a936e2e07eb2d6b7e1a7c53f86ec3f2d81e', class: {
+                sbl: true,
+                'sbl--end': atEnd,
+                'sbl--sticky': !!sticky,
+                'sbl--fill': this.fill,
+                'sbl--collapsed': !this.open,
+            } }, h("aside", { key: 'f360b30b972b667cc4debb87a00b3980994841a7', class: "sbl__sidebar", style: sidebarStyle }, h("div", { key: '086c40ae15dbe1ce8b65bc19c8dd18f5e8457670', class: "sbl__panel" }, (hasCustomHeader || this.sidebarTitle || this.collapsible) && (h("div", { key: 'e1e2af716dd83cf75ca81127fd1df53e12fbaac3', class: "sbl__header" }, h("div", { key: '0e3ee95ee4e29b1b65b6af98632775642c11f033', class: "sbl__header-content" }, h("slot", { key: 'aab228738f9dc9a586b6ed52583275db1a12d9fa', name: "sidebar-header" }, this.sidebarTitle && (h("udp-text", { key: '8d5963340e87b8ddd0a7579f9d0c01076a8c6e8d', variant: "subtitle2", class: "sbl__title" }, this.sidebarTitle)))), this.collapsible && (h("udp-fluent-icon-button", { key: '58c0013d20a41a255b5c3d1a076c826568161707', iconName: collapseIcon, appearance: "subtle", ariaLabel: "Collapse sidebar", onClick: () => this.setOpen(false) })))), h("div", { key: 'a3364b3cf1c707f1880e27a48c7400faf0ec67f7', class: "sbl__body" }, h("slot", { key: 'bbeaca1c5f008cb1a97dccc14c33632cdc7807f3', name: "sidebar" }))), this.collapsible && (h("div", { key: 'c770c06509e92e4f06b2f6c92c5ed0991a342a45', class: "sbl__rail" }, h("udp-fluent-icon-button", { key: '3892792c8fd5a89e7d740435a864d03ad60380d6', iconName: expandIcon, appearance: "subtle", ariaLabel: "Expand sidebar", onClick: () => this.setOpen(true) })))), h("div", { key: '823847d4dc7b2a38686570651f8b85db7fd0dc67', class: "sbl__main" }, h("slot", { key: 'f8302f403d2b57bb7fc69f5670d3045c3eab3deb' })))));
+    }
+    static get is() { return "udp-sidebar-layout"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["udp-sidebar-layout.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["udp-sidebar-layout.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the sidebar is expanded (`true`) or collapsed to a rail (`false`).\nMutable so the built-in toggle works; consumers may bind/read it and listen\nto `openChange`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "open",
+                "defaultValue": "true"
+            },
+            "sidebarTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Title shown in the sidebar header. Ignored when a `sidebar-header` slot is provided."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sidebar-title"
+            },
+            "sidebarWidth": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Expanded sidebar width \u2014 any CSS length."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sidebar-width",
+                "defaultValue": "'264px'"
+            },
+            "sidebarPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Which side the sidebar sits on."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sidebar-position",
+                "defaultValue": "'start'"
+            },
+            "stickyOffset": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When set, the sidebar (and its collapsed rail) is `position: sticky`, pinned\nthis far from the top of the scroll container, with a matching `max-height`\nso it scrolls on its own. Any CSS length \u2014 e.g. `\"64px\"` or\n`\"var(--app-header-h)\"`. Omit for a sidebar that flows with the page.\nIgnored when `fill` is set."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sticky-offset"
+            },
+            "fill": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Fill the host's container top-to-bottom: the layout becomes `height: 100%`\nand the sidebar + main column each scroll independently inside it. Use when\nthe layout is placed in a height-bearing region (e.g. a flex/grid cell or a\nfixed-height scroll area) and you want the sidebar to always span the full\nheight regardless of content. Takes precedence over `stickyOffset`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fill",
+                "defaultValue": "false"
+            },
+            "collapsible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When false, the collapse affordance is hidden and the sidebar stays open."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "collapsible",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "openChange",
+                "name": "openChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the sidebar is expanded/collapsed. `detail` is the new `open` value."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "toggle": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Toggle the sidebar open/collapsed.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/layout/udp-split-screen/udp-split-screen.js

@@ -51,7 +51,7 @@ export class UdpSplitScreen {
         }
     }
     render() {
-        return (h("div", { key: 'a38507523d59aab33be1fa3da5b67167a5b26a99', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: '064edb19b9bdb3dc8f78d7630dba5e34ebdc0a4f', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '776ad0a241007de64ba5184fdb757a71e36f3c57', name: "first-panel" })), h("div", { key: 'd0f3509713f741ddd542fbc688c384e8dee06cc2', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: 'c47bcb41221d6aa655a9637ff5e26ae1df58ae2a', class: "drag-handle" })), h("div", { key: '024bf170a1ead7a6820a1755c46047739a35d7b1', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '1acdc0e7677f3668d867a590506e2e41f6689f87', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: '339dad7259fc93e79b3649453563c7b219fed148', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: '0c280a958b8d0184abefb7848f3ff964037e45c0', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '130db581e05460c67d7af041b12fe8ade9e2aeab', name: "first-panel" })), h("div", { key: '8e3f9f87ebb632aa4e9e3d750123300d02d2baae', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6259e6228c187611d9263c1048fa7e29d5cff5d5', class: "drag-handle" })), h("div", { key: '22fc5a5a91de95bbe8f6ea4d5494d91c99de8328', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '24be53aeb8c65a17a277039bbbdd0557a233944d', name: "second-panel" }, this.panelContent))));
     }
     static get is() { return "udp-split-screen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/udp-grid-loader/udp-grid-loader.js

@@ -7,10 +7,10 @@ export class UdpGridLoader {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: 'e8c1fa77778ac8bbf48352ee32cfec9042358318', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '1d7b2fe802951231ad127d3bb2505e1fb84351e3', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: '2b228740ac2d6be319d1d4c3e8af2b04bf57be91', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '0df24b6402a33185ede13460d4a142c15a302b0b', style: { width: this.width } }, headerBar, rowBars));
     }
     static get is() { return "udp-grid-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/udp-linear-loader/udp-linear-loader.js

@@ -11,7 +11,7 @@ export class UdpLinearLoader {
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (h(Host, { key: '0fd64084709c21d5dbff37f24ce0d033894e5608' }, h("div", { key: 'ef2348baa898412b92955ab1d0306a885a4ca925', class: loaderClasses }, h("div", { key: 'c402cbba913c4efb4343a08ac94a87666845a0a2', class: "indeterminate" }))));
+        return (h(Host, { key: '761a94eebc2e9c8805fa82cc61c4a76668f5015b' }, h("div", { key: 'ab746cfda51c4c64191a91cf9ac7e54dd27b3a2e', class: loaderClasses }, h("div", { key: '4c08ea0a28de807b3836b832bcca9f0557db3804', class: "indeterminate" }))));
     }
     static get is() { return "udp-linear-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/udp-skeleton-loading.js

@@ -7,7 +7,7 @@ export class UdpSkeletonLoading {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: '13bde0011d26aa54c26f6d9c5efc5c1017d90b58', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: 'a89938f7f56be7207988c4c01c9c2088fc512dbc', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get is() { return "udp-skeleton-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map/udp-map/map-component.js

@@ -388,7 +388,7 @@ export class MapComponent {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '3761f5eb6d0cb6995d6d9a3dc690e9479209b90a' }, h("div", { key: '8bdb3f0ead695d5fe8eeb799c8fd85f8429c9544', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'a427b36c3000615fbbd4bda72a77f830ab2e3915' })), h("div", { key: 'e898750fe07a4a576edebc104f509277358e010d', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: 'dc2c1bfd60135457c822ea181c658fb5ee47ce08', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '8851fab5625f6285b174b3a5075d00d38c2d0276' }, h("div", { key: 'c04901b2cecb47d1344f67de5005aaf05bb4d8a8', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'e6bb0624bdb76a718b07bb70b68ba17950d6db35' })), h("div", { key: '175e1cad5ef31d7b0af02318f1b7ec0f57d9dd40', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '11094c85b5d9f49921f306657818aecfd3a8749b', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get is() { return "map-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map/udp-map/popups/add-map-feature-popup.js

@@ -71,11 +71,11 @@ export class AddMapFeaturePopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'bc9f1ba003072d1f16ffc5257fb07b88fd15f804', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '5c7bfc4477a795b8a086f00118a009d3d281de2f', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: 'efb4a8828c1e91eab72304568bc8c0c59856b39e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '60cbfcab9935f8b921c74e3f3155f3a62eeede2d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: 'c3d95a0d21b87847bcb0c48b8517e696754ffad9', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'f14269862675d3e2b479624ab500a1a43c234417', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: '10e2d845deccb013c45ab9e2336d3fdebe864424', class: "formButton" }, h("custom-button", { key: 'ca655036e0cc84a7b3626ba5b13af2796a2ff4c5', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), h("div", { key: 'afe51c7dbb7b54de453ea6542af2b9ea5e643873', class: "formButton" }, h("custom-button", { key: '814323cf711eef475819edbbec6f3a40e5eec628', label: 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 is() { return "add-map-feature-popup"; }

package/dist/collection/components/map/udp-map/popups/feature-details-card/feature-details-card.js

@@ -97,19 +97,19 @@ export class FeatureDetailsCard {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: 'a947687cd05775afb2b5770d5efbbcf87ab21ca2', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '5109dc637e2252f3222748e0e9488d8f44d23332', class: "adornment" }, h("udp-adornment", { key: 'cd40b6bf60f8dcfdf6b5d59641fccb9288c4c0c4', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '7ff8f6c42e628844cba49efdc7bf47c187a26457', class: "content-wrapper" }, h("div", { key: '0b5c96e1ed948f92459e2941aaea26baf4903388', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '1e51d94eeca0ba6f6da407d9d1a7f280aacc1e18', class: "title-wrapper" }, h("stencil-icon-button", { key: '93554b719da1f30142f2d708a2550171a460bd4d', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'ffd0eb023a5a8ee64a93f12679132174878df902', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '55654fd74aeb25996736ca87185bcf923e95cd66' }, h("div", { key: 'b030ceca6f253818eaaa96c65cce45f74f52a05f', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'b788896c0632b9aca3b87a65f941323628f5f5e8', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '00a085f9905ae2ac7359e84e9fbf0e5b9b23b25e', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '588c4f8523c54b1666a93741f070eaa5a995acd8', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: 'b57abb927418b258228d56a24d408b734418eef7', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '5004a46a088254945fb3f869bc6dd8797ebe361c', class: "adornment" }, h("udp-adornment", { key: '461dc65fa0fd3146cc559bfe59af89f5c62f0301', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '68b6855311158fad2318a617ce5ccbfaf787eeaf', class: "content-wrapper" }, h("div", { key: 'aa52d1a5c665ff52ccce8a510f3904341375c288', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'c495ee520e536fcbd4d2fe2a4b882b1bd32dba19', class: "title-wrapper" }, h("stencil-icon-button", { key: 'f1258bef35273faa9f35f319c955067b0db5ad56', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '2b5c3e36aceee24cf91bd7ecd350ae27255c4eea', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '1cb0a77666ecfc47078c78967c42fc49d97208a9' }, h("div", { key: '2c10bd62d16e34cf585e552420c4314d6e3a2bbd', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'c682e17f99259449ce677dd39b0a941c835e1b9b', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '0fcca69dcbf96c03ddf33c58140048503b9af051', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'b06efc52078f41ff7220dd07eac202efb946ebda', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (h("div", { key: 'ebee39cd6d2bb82d4c6885cc5a88c17eb3f2b3b7', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'df5cfeaf5fa60561590551185303fd4d919d253f', class: "icon-message" }, h("udp-icon", { key: '7d6303e0dc5b15a0b48a8199c20c5dbfb5933f35', iconName: currentMessageIcon }))), h("div", { key: '1812183e24fcbd7a6b00b7309aca1df7a1732b19', class: "message" }, h("unity-typography", { key: '01766c898b9097ea878e660463fc9bfdc33bdeb0' }, this.message)))), h("div", { key: 'f60d954af45ea9a5c15214e4dfbabe22418b0f33', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '9b4b95540d9796025ac4d8ab260884a1491bb829', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '250cd7616bb3b47cdc2f91b65c533841b9667138', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '2e5e1e31fd78f9a2338df0dbacf2326f9aca5a50', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: '53b42706e39053fdf204b5cb08157a8152a3db03', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '3d45b770bdf51b736067c10e4ffb862043c2d08c', class: "icon-message" }, h("udp-icon", { key: 'ea2e76d30172e3be9490c3ba6f659ef2ddb53b61', iconName: currentMessageIcon }))), h("div", { key: '407e30de1ef413a1ca3dc57586f8947f3701772f', class: "message" }, h("unity-typography", { key: 'd0aea7adfc4a5b4ffac19d5a8a923cbb5d19a409' }, this.message)))), h("div", { key: 'd1dae9ee30dd546a646152e5c0590d944f06f2dd', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '63fc76dd1eef1470e259965504c70cacd5c668e7', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'cbb015b49e4e8ddc7edd8486c01549fb24cf96d3', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '844fe03a6cec0be812dfa4f56a1d931a5c5938ee', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: '193898c361ecb2b0f6a2232363976fcfa26d512e' }, h("div", { key: 'adcd078fb6bab82c75ee229244740912ea03ebc5', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'e605989caf83c78c683c88fa0a0515f4f928510e' }, h("div", { key: '3e5c9296a878b9fb916590af5f8ea8b717a83ffd', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index) => {
                 var _a, _b;
                 return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '48d724081f1e51fa3cfbbdfeccb2f233852a0e92', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '1790a87008a4a504bcffc14deaf29a5764109c43', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '7de0269d38d5d96d56e8e7e32091a7d70bd7984d', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '3a3648691c7554e71d39e26a5fd6cf6dad0b26ac', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '13a2d77e7b5b0daef42772f93b932581bbbfbb86', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '9c151b9c829fdaf8203ab67cb4df242cb8f685cb', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);

package/dist/collection/components/map/udp-map/popups/feature-details-popup.js

@@ -44,7 +44,7 @@ export class FeatureDetailsPopUp {
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("div", { key: '378616c025835b879369c58fe9daa2c34edb70dd' }, this.showPopOver && (h("feature-details-card", { key: '86bf3b98ae993f1a4a5ad5723c38cb0f78fe4889', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '69afa720e7423846753de0764d2d3bfc0cf0987f' }, this.showPopOver && (h("feature-details-card", { key: 'ef00c8bc1c214d9c12f6f0d3c89b39957f5328de', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get is() { return "feature-details-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map/udp-map/popups/select-layer-popup.js

@@ -8,9 +8,9 @@ export class SelectLayerPopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'b1d8116652a79cded0f2a9eac2a9b9eb5177121c', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '57f1992dff940564df58ab357183afd11c58e85c', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '85322cd4a34f712730f5c5a127c53ecc152442ee', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'a8b17ec6c73018e23af6cb736865e3685ebd0fc6', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), h("div", { key: '3c58a0b41911cf1d001c868eb8df9d2a61168653', style: { height: '12px' } }), h("div", { key: '02f238f47024ecb3cdb478aaf1991ad613a1f1db' }, h("text-field", { key: 'd7aa8f1a0c15c9fa882a816cc15db27fccee3d21', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), h("div", { key: '98c551aa4b42f09e5281319428d5c658405853ed', style: { height: '12px' } }), h("div", { key: 'e1f3b3c965f2ce464a5c14e4e99827d6e11c96da' }, h("text-field", { key: '0ec49ecfa6b018dc100e9b936606c38aa84fc542', 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 => (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 }))))));
     }
     static get is() { return "select-layer-popup"; }

package/dist/collection/components/map/udp-map/popups/split-line-popup.js

@@ -6,7 +6,7 @@ export class SplitLinePopup {
     }
     render() {
         var _a;
-        return (h("div", { key: '12b5c4d403a754bfda8d842c09d54543edab45ca', class: "popoverContent" }, h("udp-selector", { key: '5d0e7e4bd02c51b1607ba9b4b656a2c70120fc69', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: 'cadb79724a5f72ced4022d9ec8fd05ef9f8e5e8d', class: "popoverContent" }, h("udp-selector", { key: '52786fc1e406e14a85277dec14e37d03e5839a35', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -163,22 +163,22 @@ export class MapToolbar {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3f3529770dd1f8c0142342f95ae128a1a3c5e713', class: "toolbarContainer" }, h("div", { key: 'fb591c59d96f64b1f62d4d65bde2301ba5ae8e07', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '904028aa82e53a16ea053f3337fa19a33d79616a', variant: "h4" }, this.mapTitle)), h("div", { key: 'b31c5ba36b3ab75b9ac7b9475149ff4a56828808', class: "buttons" }, h("div", { key: 'f7996fd77fc50fac212378d3f59e51fa4d9dee1a', class: "buttonContainer" }, h("div", { key: '371fa00be132f7b45661da50f5e6e2d1731d5fa4', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'a76208b1bf961a0e6be8ffc1425b3935bb40b23f', id: "filterOption" }, h("div", { key: 'acd3c47849653ce81f0581fba0a96a0993f5f513', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'd4108298d1a903c7db0045e28a01412958534f5f', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '3c315a79d271299a04def172ef4837455eec44c8', id: "filterOptionDiv" }, h("udp-pop-over", { key: '8dde6b38634ec372c79191e9aca951f0b5713edd', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'b554a7e2990f4e94115e16dcb687497953c79dba', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '69c2322ce88f549a94bdf1a6cf4a3da72a7d2fc9', id: "layerOption" }, h("div", { key: '14d760cca4024ccccbf09850405d5580acc1ca65', id: "layerOptionButton" }, h("stencil-icon-button", { key: '78f49011de103182c6957c5e73056b43d3816f04', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'c67441730a615a3781c0b3028fc875b2639e3f19', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '13e9be28c42890b05c48245f1bb4cf61afab8b62', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '1ef25e9a93b3ae4c547923bfdded9fc8744d663b', 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 && (h("div", { key: '8a0a23c828d90bda52bffea91cda3d3a2ebae915', id: "bulkSelectOption" }, h("div", { key: '9170194539a7472596f094b0fcb367dc4a3ea390', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'ae677b5ad81a4489599a3b3d0687050250130bec', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '19da0e9da45b1fcb352ed1a55d14aed6e7da9c5e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'c8b7dfc47685ec63d3b6b02fd8985add47736410', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '16349b4225e6e652c8011fe39f07b2337d179273', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: 'cc94e88b15359372d2dade58f7a39cfdda619cc9', class: "toolbarContainer" }, h("div", { key: '81a70cc550fe3b5e1cf43f2fd72297ea7dfae6de', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '43478091aced069363de43bef9d1c207eea43f8f', variant: "h4" }, this.mapTitle)), h("div", { key: '5fe4d52050743571ec291cfed6e4bb0093168565', class: "buttons" }, h("div", { key: 'b765b142ba0512c7944c5ec3c852d1a2dc9bfebd', class: "buttonContainer" }, h("div", { key: 'bd24ff65f0cfb4ad9228b41cca5a69175297cceb', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '07f4682433ce73e04870eb96004740b1711b541b', id: "filterOption" }, h("div", { key: '6b67f33f8393fa0a009f86466194e81416f18a47', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'f4f598a3f876e5334375e751c0aee7058b9d9dfd', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '4b832a46754648efe4fd4ef236fa7c262e108e79', id: "filterOptionDiv" }, h("udp-pop-over", { key: '8ecbddb7ea84bf7c4c7ae6003dda0008f37772d5', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'be3b918ad0a02b03dd001fdd2fcd1151fec02e99', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '981c9d69269252f16fb173f14218ac9a06ceaf46', id: "layerOption" }, h("div", { key: 'c783f9b1b9c9e6a9511d14fc5c1f6d01f1a80bd5', id: "layerOptionButton" }, h("stencil-icon-button", { key: '891acb2aab39303e0b9dcfbbddd4e4215bfc0eaa', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '5af5f684cdea3ac266f0fe97c5451b5d9e11899a', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'ac25b455ba38f481732e157d691ff6cdb1a69a26', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '1928898a72e89ac248da1a702c80afa6a0055a7a', 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 && (h("div", { key: '0a6e03a58d510229113fab08d31230eeb876614a', id: "bulkSelectOption" }, h("div", { key: '6a7ec0fc0a37c5faf22cc1bcc1f0a2e5a34b656a', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'ff5a3eeebd1ebb7d0265ea66b1dcd820f0f9281b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'd44690da7da476811bf15dd734df833fcdf0e8df', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'a797f612aa4a41dfe304acae6513bdfc33b6a9d9', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'cbbcdde20cee437c9a64e9202f1b86ec94e0b8de', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '51dfd9a60248b3e6d5ca86af736c32619b15f02a', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'b1c7794ccad8c1b55f77a505c88f660b642db774', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '8c088b03b3bd86e7874bdd9016d94495b62a4e01', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '84af4dfb0abaab93a7852f80121b5022569a799d', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '93f08311a5b984472a684eea4c2061d970b5460e', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '4e9a030685178a67fa4c42fa32e182710b5000bb', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'a8850b6fa61fa658b3084bd57abf47ad5897d3ef', id: "splitOption" }, h("div", { key: '6b620958b2be71a23c9aafed10f9373941bd0bfe', id: "splitOptionButton" }, h("stencil-icon-button", { key: '22ed3d7de5cfa484f1d25fc73a0e71ff1e65e4f2', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '045d71246c49fe0111ce34d341ba9d426f4ccfc8', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '7b89c4c439b26b7b6297551f6a840748da998663', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '085d3c77d005b0c819bbe3cd83c3d423cc0d350e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'd4a8cda6bc070a53a4a42de00e5fecc121c1e28c', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: 'a00301ec69591d0254e2dae7eeff5debdfe8fe9a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '518bd5f6e768048da40a000a10263b6cf9decf04', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'fe3a5e71100e8042155c23152b9aeeafdcb08c6c', id: "splitOption" }, h("div", { key: 'eee63b8b5753b9e85f8538f729f01341f3e43146', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'c842db504e337ad055826136eb6f9ed1abaaddb0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '29384bf9afff4224280c4f4cbf360503ffa562bc', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '7ed6dc7dc95609d2ca666c6c16a4050dbc1f1491', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '96b73e78d4736cf62234d7b5562ef173b0a63e5f', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'ab88c9074a2637d129457bb8a252653c452b600b', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: 'a9866ce9115ed233377d539aabdc14eea4bdc0ad', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '5f7e3e4f8b04911d596faf1aaa08c3337ea7ed18', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9e280df0a4dd135793ef432851bf77cf7247b8f6', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '3fed3bfeb388533125caa255124ce2fa66dd018a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'e215e14244f28b458b821cad21e92c672178c054', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'd5f7c216937e99aec37d7edc4a8b64d95ec66ab5', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'e621c124767f266a83a83b8baa7d4fbc0d764ac8', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '112cf041c32bc6ef1e2401536d59a1b9a8f61504', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fe29e6fc905c0c86a3dd0179937bac36ef248c32', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '46d45b559c0d101ca90069642d5c91693491774c', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '2329d43385d5f5cca508c2b3b6dc90b41f9e1fec', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '286b001358790cc79d33a46bb940c038a1cc9da9', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '313cf7021f18b9226517a35948879b4f6ed5c8e1', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '3a4d9b331c5293217fe232074fd7f170b56c1de6', id: "withSelectedOption" }, h("div", { key: '364c530debf68e8b244e88ed2c6f37cb4ce29ce4', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'bbaf3c3c5e290d69e521b616d018d2c09a3ca7ab', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '8bcb87edf4156ac4b20ff2e299ef0b26b964ff0a', variant: "button" }, 'With Selected'))), h("div", { key: 'f4e432db4058fce8b64b3004eace7541ef4f3347', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'f3c29a29b4d46377b2cc18fcea9d133e3263b611', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'f9ac13c8cd5ca79db115736b78202c37e4d0399a', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '51ce8939de972a57fb4255ce95181a598ef7fa5c', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '172bc5e55875bb2a75e7dc87fce8ba71cb51167b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'bb6d9508159f0d8d814f5fa6c3413d1dab9a1528', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'ae77e80fda5224f3f4a046628f1d80928dd278fb', id: "addOptionButton" }, h("custom-button", { key: '722fd03a1c24a8b48abf282a5b9f48e6a02781da', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'e42f4e88b24feeb40e6d4f13c09108ee447070c5', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f46fa1ac31dacde99957907539cd8bd70b593421', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '09d1bc7a823a5d07040053e1593712c89a6aac3d', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'dda2529b66e0278b6e22eb248710af0e91811f29', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '455f4a1377ca5198f7391dd8fe301606ab5834ad', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '36779457b37d4714297c86c7d356732b05ac2f6b', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'ae57f636f17a1aa1523485064783c411e1f538b3', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '190c38091a68f6007d972c6fe99d2f7d5ace44dd', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '7d92f77f15a49142c00056555f2195673669b591', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5c21e532dd7231ddeba9e7017e7505ceef3cc651', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '62a0bc1516ca70144944913ba10f2697c17b5653', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '6a31341d4225796bb6e9e6245e059cc2abd75ccf', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'c20e9ff92b46dc7588789448f85cd7306c852f4a', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: 'c5a42683f539d27efcc2706ee7c8bf487ffa6bce', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '3436549c76cd4e9cd4d5c79c4313dc8f118e71fa', id: "withSelectedOption" }, h("div", { key: '6fabc0281467a409a450776419f84ea7a6259b6a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'a404e3e5d676fec7b33f3a1180f5becd9b3a82ec', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '8b24c10493c0cf6fd4efc3331308e92279695445', variant: "button" }, 'With Selected'))), h("div", { key: '45ea7b52a2ec332b121fbd03eb631a87148d5df9', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'bb87d1e78654dc19abdf68f198f4600e52adfa00', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'da840facd7e476da5aabec5a7ee3100ad302b890', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '26349a7613ce13880f42e45ee673b8dd9274be36', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'a9e4599fec38d4213edba9160505123cc24fec77', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'ea456e2b744822044634f9152c571ac8b80b4cfc', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'e9c241fd5e57bd71d256a7829a7e3bb025e3051a', id: "addOptionButton" }, h("custom-button", { key: '0651b909d426e4ea2302b8621086c55b54cc563e', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'eb1b8e720043dc0fd4fe83a625867438f9c2616e', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '6283526331453f7d61f577f11e291779d1b6fb62', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '1f3b80b14fc7da3f33986ac93cfbafaf2cc3a3ef', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     static get is() { return "map-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -205,7 +205,7 @@ export class UdpMapToolbar {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: 'e14e2f752d19ab4449ca27237bd75b8dcc776edb', 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 }));
+        return (h("map-toolbar", { key: '060b205b86f9f2d618907e1c60a414b103760300', 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 }));
     }
     static get is() { return "udp-map-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,11 +89,11 @@ export class UdpMap {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: '5ac5153bbffd11c443c82711140a6b0f1b884c0d', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+        return (h("map-component", { key: 'cc253d797a5543681a02df72864460df9f8bb20d', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'c2807b2b6143eac3e4041a33a21ca8427cadf782', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: '207b2fb95b84dbce051dbfabf76703e42d4457f4', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'ac9200a2e7d87bfa9cdd38b64675a85c3691c7f7' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '0310274302a09c3afff2222ded32271195a8e006' })));
     }
     static get is() { return "udp-map"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu/menu-item/udp-menu-item.js

@@ -11,7 +11,7 @@ export class UdpMenuItem {
         };
     }
     render() {
-        return (h("button", { key: 'db279be465c17a5b8b08583a0b6565672d40a086', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '23dfb0bc79337e99882758a087c5cc6bb2147ea9', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '130cacd260ebd312e6ff60c15e0c2f3760917146', class: "menu-item-label" }, h("unity-typography", { key: 'fb1efefe5614d24934a6c5b9149471d9b02a2e11', variant: 'body1' }, this.label))));
+        return (h("button", { key: 'b26afc2ab755b1b71822b89208e5d45f0733787f', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '214be4eabb71a7cf8d3eeec8151ae381012a8e79', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '8604d5cc4d0f3cb5233c06a8408beaf1da98c590', class: "menu-item-label" }, h("unity-typography", { key: '6f9352bd35d5cb919968ac7836b77f52b5de0f82', variant: 'body1' }, this.label))));
     }
     static get is() { return "udp-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu/udp-menu.js

@@ -90,7 +90,7 @@ export class UdpMenu {
         }
     }
     render() {
-        return (h(Host, { key: '97cdf0a34fd5f4ffa91b7a1b2d4f5ba46b827c8c' }, h("div", { key: 'e8a4200dec8ac96042f92d12cd4c7cf27b7d56d1', class: "menu-panel", role: "menu" }, h("slot", { key: '1d743cac763e84c4af921f3e4100327762ef00d2' }))));
+        return (h(Host, { key: 'c9d430ebf74e18ee1fdc00ebbd89fd430fa3725a' }, h("div", { key: 'b7b959e59ecf997a4b6f18455d428d7288383d16', class: "menu-panel", role: "menu" }, h("slot", { key: '4d9e766005b611cb7c50aca6804962a4a70e75ca' }))));
     }
     static get is() { return "udp-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/new-form/field/udp-field.js

@@ -125,7 +125,7 @@ export class UdpField {
         }
     }
     render() {
-        return h("slot", { key: 'c6c1b28a30a6a3c3d41c404f0f59fe47f8e8f79d' });
+        return h("slot", { key: 'c0c41371f917711db207012183ccf41a9332cc7f' });
     }
     static get is() { return "udp-field"; }
     static get encapsulation() { return "shadow"; }