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

package/dist/collection/components/layout/udp-container-query/udp-container-query.js

@@ -21,9 +21,9 @@ export class UdpContainerQuery {
         return styleRules;
     }
     render() {
-        return (h(Host, { key: 'aff907101b66a41b95321e17c8d17d4d44fb3a85', class: {
+        return (h(Host, { key: 'e318bf97676e6137d0070b6e76ac32731b77d187', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '72a9689acc58004956d94b06989d91400205860a' }, this.getContainerQueryStyle()), h("slot", { key: 'ed5329a1752358b12d37ba409be49aed3a51bd8e' })));
+            } }, h("style", { key: '372301f48499dbd6b520be9dccde8ba0c764bb0d' }, this.getContainerQueryStyle()), h("slot", { key: 'e37424f3907090eb81e689fbfa0bdedf0b351371' })));
     }
     static get is() { return "udp-container-query"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout/udp-container-query-grid/udp-container-query-grid.js

@@ -37,7 +37,7 @@ export class UdpContainerQueryGrid {
                 gap: resolveGap(gapValue),
             }));
         });
-        return (h(Host, { key: '33d9b61c2809e4dd3aab1cfb92ffe5e037564f14' }, h("udp-container-query", { key: '25cc56ada06cc41b2fb7a6ac81a85802f621c262', queries: queries }, h("div", { key: '4e2e9efddfb2d4c92de05ee8498935a16f9c81bd', class: "grid-container" }, h("slot", { key: '5570a4c9d4337d2c5cccb8d623a5bbd18aa09e77' })))));
+        return (h(Host, { key: '5b288073dce7d0b34e558a694a5e521bf0960d90' }, h("udp-container-query", { key: '296c62126ac12bdd4557d062f5aa33c9716a1ad4', queries: queries }, h("div", { key: '3881157682d224988b72e3b8c9e3464c17faa9ad', class: "grid-container" }, h("slot", { key: 'f579407cc7c37ae55cd784b83b1f07f85f74257f' })))));
     }
     static get is() { return "udp-container-query-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.js

@@ -15,7 +15,7 @@ export class UdpContainerQueryGridItem {
             .join('\n');
     }
     render() {
-        return (h(Host, { key: '3c1ab01bae1b25128835befdfc04f8cc2ae3aaf7' }, h("style", { key: '9aa1e9026874736d0aab24e286b6ed8e66364296' }, this.getSpanStyles()), h("slot", { key: 'f2370323da226b85500ebf7c32314c99e0878049' })));
+        return (h(Host, { key: 'e587623ec751f504ae7c32936eaffe53b0265efe' }, h("style", { key: 'f2f8a29d6ccf22c321fe799d3a847d1a24155e9e' }, this.getSpanStyles()), h("slot", { key: '3d0bdbea3d63019dd9459183a508825354be80fb' })));
     }
     static get is() { return "udp-container-query-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class UdpPage {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: 'cb19f81813a13fd14918a1d3689a0394e864de87', style: style }, h("slot", { key: '0bf77c699c7591df0252428dd0a59b6e98c64297' }), " "));
+        return (h("div", { key: '5492cd8fe721663c4accdd40d392f822364c0bd3', style: style }, h("slot", { key: 'd6e02f7b8ebcf8ff83628c8ca2c7733c7e137a4f' }), " "));
     }
     static get is() { return "udp-page"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,13 +59,13 @@ export class UdpSidebarLayout {
         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: 'd91c12f4ecc51a53c896306bd4fe861dba4f8e12', class: { 'sbl-host--fill': this.fill } }, h("div", { key: 'b22a002f27b6cf2f0ce8976cbc189942f3857767', class: {
+        return (h(Host, { key: '1d29174318dcaa5f3dada6c9876071a717b8331a', class: { 'sbl-host--fill': this.fill } }, h("div", { key: '35766e67ff219d56827f013e4370dff8c536ffb1', class: {
                 sbl: true,
                 'sbl--end': atEnd,
                 'sbl--sticky': !!sticky,
                 'sbl--fill': this.fill,
                 'sbl--collapsed': !this.open,
-            } }, h("aside", { key: '47f6af0b3c0bce5d39a155dc0375904f381dfbf5', class: "sbl__sidebar", style: sidebarStyle }, h("div", { key: '72f19048037ab1c3cc4c5c0b117270d032e88548', class: "sbl__panel" }, (hasCustomHeader || this.sidebarTitle || this.collapsible) && (h("div", { key: '1d8b3938da511257ec204bac40d162d5a1c7260d', class: "sbl__header" }, h("div", { key: '064ddf6f8cc4acb54f2e87345dfd7341d2498168', class: "sbl__header-content" }, h("slot", { key: '63a1b1be53653ee3d25f287c243f59a9ec4e804c', name: "sidebar-header" }, this.sidebarTitle && (h("udp-text", { key: '03d453aa60b000dbc87ca17b34b5d0c11c454ca1', variant: "subtitle2", class: "sbl__title" }, this.sidebarTitle)))), this.collapsible && (h("udp-fluent-icon-button", { key: '47fdcf09b514d6acca48343513330880ac8ce1aa', iconName: collapseIcon, appearance: "subtle", ariaLabel: "Collapse sidebar", onClick: () => this.setOpen(false) })))), h("div", { key: 'f64c6fc80c6ec7009d56a065807813868731f34a', class: "sbl__body" }, h("slot", { key: 'c4e209686aa775b01cd2797eb02ee4e02a8efc5b', name: "sidebar" }))), this.collapsible && (h("div", { key: 'a82471d83c952369a4aa1d257740057bd820a6d6', class: "sbl__rail" }, h("udp-fluent-icon-button", { key: '4cafbd18fc96f5d5a7883dff431a1c5861bb556d', iconName: expandIcon, appearance: "subtle", ariaLabel: "Expand sidebar", onClick: () => this.setOpen(true) })))), h("div", { key: 'aed451e6537f0f5be33fe81277247624088656da', class: "sbl__main" }, h("slot", { key: '843c7241e7428dfeb01e62dd42cd8e0d2d01dd77' })))));
+            } }, h("aside", { key: 'e3ab1f7df7ebc9ddfac1d0510fabeac75b408395', class: "sbl__sidebar", style: sidebarStyle }, h("div", { key: '67b40db6e563e4787a07bd306c46c6a16b3f06d1', class: "sbl__panel" }, (hasCustomHeader || this.sidebarTitle || this.collapsible) && (h("div", { key: 'cde62e3510e6bf7a62fbe941b4d3006552e111a3', class: "sbl__header" }, h("div", { key: '0e2844bcbca42482a97f71d5c7ee4ac9d500981b', class: "sbl__header-content" }, h("slot", { key: '26657ee430b6cdd1fa78168d971971daf0093631', name: "sidebar-header" }, this.sidebarTitle && (h("udp-text", { key: '7969e6867644462bbd20aa2f63c2f1bb10aa444b', variant: "subtitle2", class: "sbl__title" }, this.sidebarTitle)))), this.collapsible && (h("udp-fluent-icon-button", { key: 'bebb2854dae16f73f1dc6de9759c6ceee5d7df74', iconName: collapseIcon, appearance: "subtle", ariaLabel: "Collapse sidebar", onClick: () => this.setOpen(false) })))), h("div", { key: 'f99495caa3a8ac0ff015c747e6e89d0cd7ebb3e4', class: "sbl__body" }, h("slot", { key: 'ac36a89ed910f629322355144efe3cee29472a8d', name: "sidebar" }))), this.collapsible && (h("div", { key: '03030a9253450ed84837bb254bd8b77c7b9c3958', class: "sbl__rail" }, h("udp-fluent-icon-button", { key: '35fdaa668fa32eb6f4a17db1d1c168551f43be58', iconName: expandIcon, appearance: "subtle", ariaLabel: "Expand sidebar", onClick: () => this.setOpen(true) })))), h("div", { key: '6750ee4bbb77455a9d1b0e1e0fd5ee1d5d871ffc', class: "sbl__main" }, h("slot", { key: '3f6376b65b755a641b3639707f3226d4648e2c28' })))));
     }
     static get is() { return "udp-sidebar-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class UdpSplitScreen {
         }
     }
     render() {
-        return (h("div", { key: '02d0ca6f006d75e236b463436f6dd8428193a331', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c3c43697e30617a1f4623f68abc255b0bc455cac', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '5539ca3de6697dc1abc5587ab14f588f1cbe1fbc', name: "first-panel" })), h("div", { key: '1a4e63b1a4aaca496ffed7074f9bc7c93184789b', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: 'a5b57242437a4e7ef2d2e29cd88b5780256b26a6', class: "drag-handle" })), h("div", { key: '688de36da03010d202af1e0f827119b2c946fbdb', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '706559b5512c8caff916b8b6ca152a8f44b1a1e3', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'd2fd72641f1b341c30c5516926c511966e3fc1fd', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: '6f2fe89b23fa2519d8122aa24f690cee6e31d9bd', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '1c1546abb4b2770b0f3fa9c762c1404390b3af35', name: "first-panel" })), h("div", { key: 'a7dfe62b4b3498395325b10abd605f298b6cfc60', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '15449ee80bc4e4562559b668846178c263daa1db', class: "drag-handle" })), h("div", { key: '5a4489ca6f86f68aa3f705270b984d084f34ce95', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: 'e71c3095940f4e1f61d1ccc096987e3fa2821ae7', name: "second-panel" }, this.panelContent))));
     }
     static get is() { return "udp-split-screen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout/udp-vertical-spacer.js

@@ -17,7 +17,7 @@ export class UdpVerticalSpacer {
             xxxl: 'XXXL',
         };
         const height = this.unit === 'none' ? '0' : `var(--spacingVertical${sizeMap[this.unit]})`;
-        return h("div", { key: '3ba8f8a93dbf08e228e387bdf26b44579256feea', style: { height, display: 'block' } });
+        return h("div", { key: '8529a121013418953710e3b4bd80673387021e1a', style: { height, display: 'block' } });
     }
     static get is() { return "udp-vertical-spacer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,8 @@
 import { h } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * No direct replacement.
+ */
 export class UdpGridLoader {
     constructor() {
         this.numColumns = 8;
@@ -7,10 +11,10 @@ export class UdpGridLoader {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '1bade5556a0fca1e4abc4bf1711d5e920ce24c64', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: 'b06e2455fa1619f0e1c2b22d567a165573202a1e', 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: '56d62d052f44cb81ca7f999129b46021aed148dc', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '33fd0df9b761a08342d78fa060825955d0b49e85', 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

@@ -1,4 +1,8 @@
 import { h, Host } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-progress-bar` instead.
+ */
 export class UdpLinearLoader {
     constructor() {
         /**
@@ -11,7 +15,7 @@ export class UdpLinearLoader {
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (h(Host, { key: '16be9abb52d220c3efb80fcc6d14a00971a960e1' }, h("div", { key: '90dd2b9a4ba68b4be346aa165e449d1445629b47', class: loaderClasses }, h("div", { key: '03a6f3205a096ad7e7536aae49ebccc14ecb30fc', class: "indeterminate" }))));
+        return (h(Host, { key: '8f22f31cc54bcff12005fe51bc167d6ff5875650' }, h("div", { key: '08533be0143ee2ec556c3aebca1274fee1a35d59', class: loaderClasses }, h("div", { key: 'efa184141b12699b1a276ca1d27d45a61785b934', class: "indeterminate" }))));
     }
     static get is() { return "udp-linear-loader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,8 @@
 import { h } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * No direct replacement.
+ */
 export class UdpSkeletonLoading {
     constructor() {
         // You can use properties to define the size, shape, etc.
@@ -7,7 +11,7 @@ export class UdpSkeletonLoading {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: '2bfc52a00c5e4aac509a3026a8cedd45435b7a84', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '40c2fea76170528801068532408e12c759844fb6', 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: '2f357fa02bcb17728a77a4cb84410b5bedc25d2a' }, h("div", { key: '790c961ee2f4dca96ab6949725337bdc49441818', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '59ecee3ecdc723d7a729ebd3aa5b9731fbad7548' })), h("div", { key: '494d1aab06c4719d67d676627b99d1efe0a13cb7', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: 'ec4423b602685caa23647368e4647b0937ea230a', 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: '9aa2270c76d778b5b04e746912ff9620bf271020' }, h("div", { key: 'b3c40bdf361d3c6ee02e03fa8e43bca94a26fc59', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'bbce1d8b13cfe3adbecdf658dfafd0b4ad101332' })), h("div", { key: '95db096786b6394c1d56eb193b67f710335e41b6', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '2cef5b4f4bb5d4f7722d9f5ab2bc39aa36a24e4d', 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: 'c6382dd7b899c1cc1e36ab58ed4e4c8ea1b5b572', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '04fed24a995afd4fbcf9fd964728bcb0c94f43d6', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '52c66e78546256bd287b386074db085f03d0ede3', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '77e9a5b19884153c25fde402150afc6bb9d43b24', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '4727cb0fb003456ca0ac150ec05e6592c4580a7b', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: '4d48e83c03bc9e7e14a7f49c82b9824d389e449d', 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: '658fb19a3502f3fff8d3539ab94afd7f816baa78', class: "formButton" }, h("custom-button", { key: 'e2ed9f579bd0c1fcfd26b6b481178188e743301f', 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: '0a62ab44f368bb22adad57a610b920550c2b8931', class: "formButton" }, h("custom-button", { key: '273a36314d6db3bf9e87d5e7839f984e8ad0de75', 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: '97ed8023c79a14344878afe5db00fa75740625d9', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: 'd2321e02e0fdc1a3b4fb8e12ede8856e1859877f', class: "adornment" }, h("udp-adornment", { key: 'a8c1576e9af9033d162a529be315e3350c865f50', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: 'd9d39eb232dabdfd639ca86f72f422945bb95cf5', class: "content-wrapper" }, h("div", { key: '967b98df25089dfcbdead3b2b535112b1a193893', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '3c90b34db553d0b74e7564fe298504ce2aee7773', class: "title-wrapper" }, h("stencil-icon-button", { key: '28267062cf111f7e47a92cc7f147dc8cb8bf3aa2', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '4472cb7cef7155906531019023020c15d8b89a7e', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'fbcf52782129e1c949b6cec8cbd75422655632fb' }, h("div", { key: '9fdeda4a6c3472371bdd6dbd7cbb9dc00b3c8e9b', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'f52336c2bee2216e643c2448f7c137c7ce609fa8', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '5bfb846325721830a4c97d9c043f5a40f4a3e73e', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '3fac88a25966dd7695345b89acede1841edd971d', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: 'b1f3b053aad3f23734e7f843f77061b7eb6afe0c', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '3436c3fdc60e8989f203e0a6d12d174ee2b40c33', class: "adornment" }, h("udp-adornment", { key: '3e7156758b5c1a00a7c5b6fd8c703fbfc473fb03', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '471cc38cb5d932572a0b17cb1a6e03ba5ec521c9', class: "content-wrapper" }, h("div", { key: 'eb1f8d24f383f93b206a582c5d630ffac5391fc2', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '4b5dc8d712865c2ff2d6383e00c995dcbef9c9de', class: "title-wrapper" }, h("stencil-icon-button", { key: '0517638248af71a24b4c47f9a0d439843dc22ebb', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'da2fc94d4e021bb251cb2bf5bf9fd1763fb10c1f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'f5b032f378c4cb3aacdecc69cf88bf2e9292ff87' }, h("div", { key: '1eb76629e03ef47109c8e31251bb75caf3a2e346', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '0d8da2217a29cf6e24169711261b71aefd8b00da', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'afa4abada8dcaa7481a96c41c0501c4e92ba2f5d', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'e5c6a4f8dcdc626991e87ea74ac04de923b1a147', 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: '348b0b043d76308ae241278dbeaabc6c8fa9faaf', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '084f530ace733f0679cb5300080d774b66b27d97', class: "icon-message" }, h("udp-icon", { key: 'b10c90ff471171900de43694e7d3e00bcd57a22b', iconName: currentMessageIcon }))), h("div", { key: 'c4b80d53055854887de04d78bde75094cad5cc45', class: "message" }, h("unity-typography", { key: 'dcc8cb71c40b47b498a9e6d991e00870ed44e483' }, this.message)))), h("div", { key: '15f204136c23dad8f839cd3635928367f09f3d46', 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: 'df3efef2007c5e0315076d435521c31accb1a5da', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '495b264d0b1361f921f9e2fbc2759b6b33f5f17f', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '1b6237f45e726ac6a070fde8f9f52b192dd2fded', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: '496873f64221c5d3f177eab6aac80ea7c1f4ac2d', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '7eb522fd567e86bbba025f3e1e9803b5efdc960f', class: "icon-message" }, h("udp-icon", { key: '85af32bcde429527817763f190bd9ce33fede599', iconName: currentMessageIcon }))), h("div", { key: 'bf1e5d23942a7912826b3aab8c77b96de6aeae53', class: "message" }, h("unity-typography", { key: 'fce5a910295e4985eb22b64ee0875a8ea627598d' }, this.message)))), h("div", { key: '3f322a0517f462c93f9ece883d49f937a4112c80', 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: '151a752aae09068863e86f59481c53936df9ad21', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '4850f172d4a2227784501b19954b75a098e685e8', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '87b6ffa40a19c93f4df450d94823244cf4227ff6', 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: '96bef30e33d230c3977f8a8dbd18374625c8ebb4' }, h("div", { key: 'd0c2eb08b5b152cbd38670f1521117512d8792b5', 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: 'd1059997aa81813567259c59d1e008febf4ed527' }, h("div", { key: 'cdeb18844ec628862497c5f2baba58f2d78e1e25', 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: 'aabfc27f13e538a2e61daedeba54323fc39c66ae', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '0cbd8f7d2b5f0c533b1c4eee5b674098bf906ce4', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '4ead4be0c862251eccab8635c9d6b1836180865d', 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: '2dbb08b95ecb2593e799ceba30c8512202d20564', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '6418fc86d2823ebd6fc0e7fa1723ec7e06e710c5', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '9f44d93798108dc533e4261e0fc157531973abe5', 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: 'c8f8ee6c68282aa0668fc697b50842fdd13e22d7' }, this.showPopOver && (h("feature-details-card", { key: '66f216542cb93e1d702a72fdec3ad28cf1ca2eff', 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: '9ca4e693b66203e37dbc3ea89ca6f466913a3edc' }, this.showPopOver && (h("feature-details-card", { key: '1449d8545bde860808f262c90bd0eba7c3fefeb6', 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: 'b6aaae75d716467a8616683a28496c82956c8572', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'c521948ba1645b52e8411bca98c315d8ce368906', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '2befa4e1a5119f7cc22d5104d41ec3f96c40915e', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '042eb796ecbb471104080688b8d15c9664e449c6', 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: '2acf033964360e41a3b1775d5b25fadda12471e6', style: { height: '12px' } }), h("div", { key: 'b8f8520fee79e3b9149bce6f5d6480d2f7d44352' }, h("text-field", { key: '2afd59faa39d33e35c63163a8f5185c7237f67d3', 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: '5bb3a2da4cbc1ad9feb94d40cc5863e5571a96ff', style: { height: '12px' } }), h("div", { key: '39b6c479a8e4ef5a4f2931b4ab3f5fcb655d8ea2' }, h("text-field", { key: '8a016b9709c026f19900e78f7cea0d4b2039ee31', 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: '62d68e528b37a5ba5f7cf75c5ff4f58884edcbfb', class: "popoverContent" }, h("udp-selector", { key: 'eec31d3462a9b82f1d6f03ca7422a1e281c731e4', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: '0e8d4c473ce160e64c6eb258398b65712f277db7', class: "popoverContent" }, h("udp-selector", { key: 'de7e0cf8c6f0f79ff6ebb63ac09690e050cfd22d', 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: '6da21fa469c9ec6f1a84561224df48b284cb0187', class: "toolbarContainer" }, h("div", { key: '58bcebdb6ea8e29016d9e67e8ad7c8c07cd5bb0f', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '8cce64fb7218f3b8dffbe1763dd1ad14519af70a', variant: "h4" }, this.mapTitle)), h("div", { key: '42fad0c264e55b09a5a6a025446ca9f9286118a1', class: "buttons" }, h("div", { key: '82f79c917c1f7c7c3a9a09b60c2b6ca25445be6e', class: "buttonContainer" }, h("div", { key: 'e3f629c4698ddca89d37f60a0de4c2e8494dc492', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '56cdeb5eb16608d2b2bcb8ba1ebb2219467db16f', id: "filterOption" }, h("div", { key: 'dc52c93ba88dedcf540ce834e0b0864f437fee71', id: "filterOptionButton" }, h("stencil-icon-button", { key: '7626f5a3b414b895e9ff08041bcc955c9f847aa7', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '02eb9113d453533293d4c24ffd5c6a06b0d6a839', id: "filterOptionDiv" }, h("udp-pop-over", { key: '14bb0cdc9d8ebd3540c1f102cd7206bbececa74d', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '8f5b9c3579c332bd06d385c762e17c43c907f184', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: 'babc6d6009aaf96546d463a33089833a6565961e', id: "layerOption" }, h("div", { key: '6a30cffa3e6f253cfcab1cd1a3cc5bc670659aac', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'e61cc187f1c51e275097b98a89367907628b43b0', 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: 'befe9bb082b9a173f28fb49acf9e63518950109f', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '55c64061ae35d9a9d954a4788cab01627e73adfb', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '3b29be79528364e8d677737ebc8f5f1689b3341d', 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: '69bec64acd268e0440bb2cfed45b9c3dbd0d0454', id: "bulkSelectOption" }, h("div", { key: 'a92aa9b05d03919bba8f92e7022fe1ac38b623b1', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '7ba55807c33291fb7d826b128b256033e95fd42b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '350d0bb16d856631eb8867ea54c7e6576ae7a891', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'f2b9b3e9260091312706909c821c574cedf5cf7e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd7c5c9d8325bc8c75cbed251e2dcb505cddde63c', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: 'e6c14f06623267cf30b490e9f586488178197ca0', class: "toolbarContainer" }, h("div", { key: 'c952a30f10c3c5013dc871f0bc1b4f13ffef7e10', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'df083a2a7673a6a4736f5cfdfc14935f872c911c', variant: "h4" }, this.mapTitle)), h("div", { key: 'c37f8bece500464d73a128a452146d249475c607', class: "buttons" }, h("div", { key: 'aa479c098df40f8f0c6011b403bcc865589e7293', class: "buttonContainer" }, h("div", { key: '158e8fcfcb68c7070b803f71f2d36cc4262b76ae', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '754b6f64bbb6766d710318feafd4de9c2f32c926', id: "filterOption" }, h("div", { key: '3e7d18019368d3c1dc7d88b4d9ecd1bef29ec152', id: "filterOptionButton" }, h("stencil-icon-button", { key: '2122edafd453ac48161f11e830dbfef7ac607281', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '2ffb814c1c1345d25000579ea10509feff2c06b4', id: "filterOptionDiv" }, h("udp-pop-over", { key: '72842c27b8e88b9c6078619e87f98e7de341fd8f', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'a5bc575d2381fdaadc0883e5a6c21706bdcf4c42', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '7ae03738852b7dc35ba859943a687a0b6ef837f8', id: "layerOption" }, h("div", { key: '423a0ad35d0d6469c90cf45be62e04de9e76217c', id: "layerOptionButton" }, h("stencil-icon-button", { key: '33a48c846b26560725b8912d4ac164f7a1d7de6b', 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: '21808eaae482075fdc96ab713bcc3712d4d80b52', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'fec6682a9cac50fe92a214f51fdb068993a32333', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '271ab19874f0d53141d7a4a4c9bfc914c2a6c1ce', 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: '9f35245c35d9f6e212fe757ada0f1b560e4ea402', id: "bulkSelectOption" }, h("div", { key: 'ba34abbcbfa0b104b7da56bbcb4353a5a67fc4e9', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '2d28996072daf9e04c2a7337daa8147a4631edb4', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'fbc638fbc385181b6a41a7083b55e771bb64ebdb', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'ed98ebfa56a5206c224ae4a36deeea5be142679f', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '2d500155c53e1fc1e90639a84a3b46d7740332db', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '7e037d169ab62706fc03979ecbc2a59b6b773c35', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '51bd43ab011a928e12e8b339f6bdc2e5c0f7ea4e', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '41ef544556c5e591a3079c1ff426d18d23cf68ce', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '0a5cefc44f962a9018961937587e7d147d859925', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '8ae065bf89a0665c7a794aed6c58aa69c4f2eeb6', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '963ad70c4d18a44fc1af95a749e369102a253630', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'a26fa08ce07e8812362f8fb5fa1f69f15343ceb9', id: "splitOption" }, h("div", { key: '7a932272714a2c156d7ac89c5accf65566b66e80', id: "splitOptionButton" }, h("stencil-icon-button", { key: '6dc09cbe64ffdbfb647fcf1b9b9fd5e86e4ebbc0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '9cfcdda4b863cec92ee599dbddc14d3fea22c366', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: 'd8444ba2959771b6e544fc14b1fd2f1ff41eb532', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '84a03bc4fd0e07a38529b77bfbd3913135dcb16b', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '1b5a6af3487085e9200efa2b57cd9ecc79aa6db7', 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: '5169f04bc7b96c20ab6c72bd1584550f4b9d4f75', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'd2594c888ae667b159b78d55a71c8701e7f2e893', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '88330e8e1926c08c0c0f006f585d2940c7a3892d', id: "splitOption" }, h("div", { key: '601f2c5bd0565edb1ff9857281fa4ab5234248e2', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'fdeb94ea93368470e218ce5a613540798b41248b', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '055b2c35991de795fcd1779fbdd9276434ec0a5b', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '4dad20f6da7326637c2b27c3f8628628f4245f43', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '3f6234b7527b897cf5b2dcbfa8150d8b5c164cb5', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '219153da345b6a39a3828f9b181bdbeb70ff542c', 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: 'bb170f5600c49641cf25942676b80926de2e86f3', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '04c5c5dd66b24de81fac76067ca124c882751c8e', 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: '015dbc555ed3ea0a6053169473012ddf7aa95804', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: 'ff6108fe7b559494e040653268395170f862213f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '9674839f79c85a789051c6ca39a7e557ffed9bbd', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'ee9195d445df3109a222632d692f94270c4559d0', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '8ac8b08a4773fb53e77f84ee3b2f2b54b881545d', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '43732304a496f365fea41bd62f7433111ec0e57a', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9e1008efb25ca8c8be56949a4bc1a1bb900de554', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '4b359bf3cee8ac75dd9c41c5b7f08ffc5db83b94', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c7baf9536c7e9217b127a5fa9347b0a4d68d33ef', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'c2afd5224cfa45b75329d9baa2ddfbdc4acebd55', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: 'b6d0f3a43880731b33afd33e9675ab5a0eae6a45', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '89cabd1f4f7c9c7d7d82e7c1826eece5fdd956bc', id: "withSelectedOption" }, h("div", { key: '55d962d71e17b006902c7b2b5be1b0834be8ad07', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '682b6761db04774625cdeddf27b5b448447d1f84', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '6720c17de5dd7f0e24d9c6d78bdc46fea496966f', variant: "button" }, 'With Selected'))), h("div", { key: 'f8bef1f5ca44771ca753ac5319f91239762d94fd', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '9034ce923054fe167c5411efe5e5961d90ba7c9f', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'f0574a982782c1dc244734c43b58fa5101c6158f', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: 'f1f72fb84cbb24eeaec59e6919798407cda083b6', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '313ebea973532b2bc9e0c497bfa63ffd8f78745b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '77bb80d51d8bb4c82a42f48030dbbd8a4c0488f8', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '6ac8369b9f688dc3f1bea04f2f7b8272ca1f5a9e', id: "addOptionButton" }, h("custom-button", { key: '802eed01721da5b361c9b0e8810710f84dc07798', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'eb14de59ffcbe2476f395f51aec35a7f267ecd66', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'ff5426e75cce6169e7a4179b4299a553135caf2d', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: 'c992508c2b64fbc7c2e4d9df113e355715ae2723', 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: 'd1c720c48910ca49e8ccf45d5649c31734444893', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: 'e56371a458a1981cfec1bee849a82c39b4543009', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '2fa622457150c8cff9075e3e60d2af1142c48cc2', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '6bc6b5dcaa8d96a346d5826e5c995a2a12eef7f4', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'ab1b6edf4e1e2e9fd6696f21e44dca681d3cb5a8', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '8583a1e757abc4d441cea4782e942367c0019960', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '67ed0bb533ca08de906646832f0a09e283885575', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '6142c8743d0288b295c625162cedcbda7e321d56', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f4e2f6ed5d7626303f36ba859db9913c21dabe49', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0a210b36a0c836f5739e9727497824c84256abb5', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: 'f0ec7b8edd948775d6eb0eb723ae221c024281ee', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '4821ffb5dba70d9c8fd8ddd70859b24516d09c78', id: "withSelectedOption" }, h("div", { key: '314e55247e7b77e7c6eb64765340bcf698d86767', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '04da5965a0523339b15b72c8a6130691a5b71f13', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'e11dc4310fda3185cf9653acbe02a7ebc5ca8b15', variant: "button" }, 'With Selected'))), h("div", { key: 'b2289b1fd63722101067a6d4a01cc41389671e02', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'f35f8d6ca2b2eb1ba85fecbde874e009ae9dc941', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '7916dfb4f8eafbc597eef1c35fa271b7d8794589', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '8001b9c1918079e810fa21a0f9fd97f4d387d248', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '122550e431313ebdaefc919b3adf196b2c54106e', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'cc36f4c6901f7078b2cfde7ea7298bb5dbf16db6', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'e89c64ebc0313bba6adfecaeb48c76e5872d9a8d', id: "addOptionButton" }, h("custom-button", { key: 'd57ab77340faef5e0116f0610e7ee11737eb96a8', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '472d40e06d3de8624bb451211cbf9461361c0059', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '0b2b5f6cfbdab2f95f115b882ba03f6d895f80b5', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '1097994bea361dc3987ea2b4967fd5e19b20b3d8', 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: '88f73a8212dae4b0797d6ca32fd0be4115389f66', 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: 'e17639d9429e7e5382216eee8c37087e06ef83db', 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: '48b54e540553f3bd97ec52221fd24488d874e3a5', 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: '115dae6c5e232da953497d3468f8c3c3f083a8bf', 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: 'a73afb747d1e813497a027be670e0a6a5e457e3c', 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: '12233ba4a756927d620c541bd8a492340e101f5d', 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: 'b653a4e24842d46fe6cd1f5c077d2027c520782b' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'b6d87df963641c592be9a1914e77f8cfb41dcf89' })));
     }
     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: '49b86576f7f160233b74d983a205e1bb643c72b3', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'c9b602a4823d8113c0493a4afde1ff0a470c0a3f', iconName: this.iconName, class: "menu-icon" }), h("span", { key: 'e79c8cdfc249a8f6df6f4cfc9a7f765d17187bb7', class: "menu-item-label" }, h("unity-typography", { key: '6ee26cf5261beb812f7f96d413f9ffb4a9f4dd68', variant: 'body1' }, this.label))));
+        return (h("button", { key: 'b82a704b12c25c10652be6831b8f32bacc749ea3', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '51e12c8dca4a5d86740a83efaeebf7e2251db215', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '49a36f3ecb026930430f0e3f3d22eb0649f01db6', class: "menu-item-label" }, h("unity-typography", { key: 'f7cbe3d24aa5041a0efee0cb1dd562cac29b9d4e', variant: 'body1' }, this.label))));
     }
     static get is() { return "udp-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,5 +1,9 @@
 import { h, Host } from "@stencil/core";
 import { createPopper } from "@popperjs/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-fluent-menu` instead.
+ */
 export class UdpMenu {
     constructor() {
         this.open = false;
@@ -90,7 +94,7 @@ export class UdpMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'f5317a3abfa8bf72c657bd4d70e0fce61114b494' }, h("div", { key: '69e2e47aec8eb7d9c0f0a0cec4973ec7d394ac40', class: "menu-panel", role: "menu" }, h("slot", { key: '0a598b59f30e0d582b1067f92a265fd30e79eff8' }))));
+        return (h(Host, { key: '4aca75586f75cbe0160fcba62a3f2678e51a1104' }, h("div", { key: '7a0e59266937d6fe3d049661abfbd376c3e28296', class: "menu-panel", role: "menu" }, h("slot", { key: 'c405ae41dc9c62c6d3e679f9979abd9b4fdd8b51' }))));
     }
     static get is() { return "udp-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/navigation/pagination/udp-pagination.js

@@ -1,4 +1,8 @@
 import { h } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * No direct replacement (grids handle pagination internally).
+ */
 export class UdpPagination {
     constructor() {
         /**

package/dist/collection/components/navigation/udp-link/udp-link.js

@@ -1,4 +1,8 @@
 import { h } from "@stencil/core";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-fluent-link` instead.
+ */
 export class UdpLink {
     constructor() {
         /**