udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

package/dist/collection/components/my-component/UI/inputs/udp-selector/udp-selector.js

@@ -357,7 +357,7 @@ export class UdpSelector {
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: 'a04488a812e21beb16efb0ffd3cbb8f559a04a73', class: {
+        return (h(Host, { key: 'a9e2eebce84a6111dde139a5071b7563d06b2c64', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -367,9 +367,9 @@ export class UdpSelector {
                 'udp-input--large': this.large,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0ee9bf4156989e69a4d87b565e292593f65fe28b', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '7ef7eab435299b30aed9b0f5bcd9186b397160ff', variant: "caption-text" }, h("label", { key: 'bd7e81c0056b05c56dbd5da5c57e96eed713dabb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '7d6c0cec8000805938dcc119f8f0176d8d1a57ae', class: "udp-selector__container" }, h("div", { key: 'eea4f0f49348ea6187dc1ad4705e3cadc733ef6c', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '3cd969528cea22bfc24b98e73711d474fc0591ac', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '3de45f16b31c530906698104455c5fedbf561ca4', variant: "caption-text" }, h("label", { key: '5ceddaf68f4339d544fdb96788fd876907bfd3dd', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '7b4b9a5a30857aea7efc4f045bc2ecc3b82e9453', class: "udp-selector__container" }, h("div", { key: '7b555975278ac0e26e7c317539f2cb7b9c2c24cd', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'e7e4f5b4fca4661810be2d3ed209e0a8605b15a1', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: '3bec9703ee182cdcb8e8697a356288b55079f303', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -378,7 +378,7 @@ export class UdpSelector {
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '4052d40ff41db33716893c6d65d2c48b4d45652b', class: "checkmark" }), h("div", { key: '8755c9ea4b73108d4e3c519562c89b4689b9ed3e', class: "arrow" })), this.isOpen && (h("ul", { key: '0f3b18e480ca1f008d60486e08ab131848f0f5aa', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'adae8b2672e855ca67b7e58cba347ccbe235125b', class: "error-message" }, h("unity-typography", { key: 'a2910e6a68b8589ec75313d0eb28e570d9a99a63', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '4448f90e3655a59440c37bcf55294bbe99cd9dbc', class: "checkmark" }), h("div", { key: 'd6a0f2fac80e4358528f6c34dab0fc14fd815e71', class: "arrow" })), this.isOpen && (h("ul", { key: '80676247f6cd11ac3f89006e989ec8e417d61a74', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'b6747a44312f3b35dbdeedad66e84fbb2da9ccd6', class: "error-message" }, h("unity-typography", { key: '2b134d1e82b86b14503fb29b8dd7df439662b315', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.

package/dist/collection/components/my-component/UI/layout/udp-container/udp-container.js

@@ -15,12 +15,12 @@ export class UdpContainer {
         this.padding = true;
     }
     render() {
-        return (h("div", { key: 'f309062b61c761f2a78c472e27ba03406183fead', class: {
+        return (h("div", { key: 'd13a542b574d26ebbf5257ee3bb2c59e5323ab26', class: {
                 'udp-container': true,
                 'udp-container--fluid': this.fluid,
                 'udp-container--padded': this.padding,
                 [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: '1c42bd49db2d77f91b73a81e8e48dec68e4e57ea' })));
+            } }, h("slot", { key: '0e33316718e26f8840997c19e1a54a8bad1981c6' })));
     }
     static get is() { return "udp-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,9 +21,9 @@ export class UdpContainerQuery {
         return styleRules;
     }
     render() {
-        return (h(Host, { key: '0b35d66111bf60992c606994e9f7004f924603b7', class: {
+        return (h(Host, { key: '72e9a3e0372b8e11fe6fe962407d4777771f7312', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '5db19a4f8ec8f0e96d3b0b0106415005193b097b' }, this.getContainerQueryStyle()), h("slot", { key: '6ee739731deffcead5c7334f64ddd3f063370cac' })));
+            } }, h("style", { key: '87319acfcb16ec36e4c968fc0df957abd2b168bd' }, this.getContainerQueryStyle()), h("slot", { key: '8f617fcb093fe0650fc3007a0a36d9bbd40db7c4' })));
     }
     static get is() { return "udp-container-query"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class UdpContainerQueryGrid {
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: 'a7cc56066ee7cd343f522c27f019352d646ad6c0' }, h("udp-container-query", { key: '882ec6e733afab69e58b06f16c7310c2d4f5d89e', queries: queries }, h("div", { key: '62a321ca80a27175caa5745c4f7803a9eca6d9ac', class: "grid-container" }, h("slot", { key: 'db66a2c9cc6494230d21fb4445c454cfaf49343a' }))), h("style", { key: '76e529662fe8dcfbc79e983cefb3c9e07095d232' }, `
+        return (h(Host, { key: 'c798a9c94242a4f389736c197e99db6cd2d06f4d' }, h("udp-container-query", { key: 'ab3eef71029dc4cfb8dc0b84f1046914cff2c5b6', queries: queries }, h("div", { key: '2ead4cf6b66817d42c2639963dd335b1dab7497d', class: "grid-container" }, h("slot", { key: '3c622012f0e11a40d3f3ce5533a913acc26a57c1' }))), h("style", { key: '624229105bda2bd3557654196a4464ba9577e8fe' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);

package/dist/collection/components/my-component/UI/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: '3ee975ba5b72248f07893f4d0cfac172087954ca' }, h("style", { key: '6bd93fc0acc2bb9e9b6b92933c3e0fb72bd41244' }, this.getSpanStyles()), h("slot", { key: '91b50c063f12a151ea4860f621e3a75ade985c7e' })));
+        return (h(Host, { key: '5cd829b1eb901463fa20d3404e983b9bf11bb73d' }, h("style", { key: 'b8c747b6d85192d2558cf13b0ad6041a4291a7df' }, this.getSpanStyles()), h("slot", { key: 'ed3f8d34467707013555671a9467dcd005168db8' })));
     }
     static get is() { return "udp-container-query-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: '1e21862453854a594552763318343637c1544de1', style: style }, h("slot", { key: 'fcdedce8e48062cd41721f509b5d1d034c218f7b' }), " "));
+        return (h("div", { key: '9d70877a7fbe290ad177084f25f3058bf74a8390', style: style }, h("slot", { key: '8318769588558d8b958c56a88452d1ea042f97ff' }), " "));
     }
     static get is() { return "udp-page"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class UdpSplitScreen {
         }
     }
     render() {
-        return (h("div", { key: '6de7d4288cb53149ae06ed973443b31ecd898015', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'a47d6eb52c88ec9c52d895af81ad722c1d5b4df0', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '8fe4023b236098476be1c7e113f94377d1396f89', name: "first-panel" })), h("div", { key: 'fb98abdfcefa4cd6e8dccd077c911033169244da', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1db3f8ad5295c7feeecbe77a02af8f5cea712be6', class: "drag-handle" })), h("div", { key: '6b8a9feb47f10756bab8a3cf2fa2aac2069627b4', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '26a15ac5efaae765de72034e8359dfd2a51be80d', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'ae2926169301f17c2ee273430ce42d96cfaad170', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'd87e238ab4f5f2778feb496f21f317f46f7ee998', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '499f436025192de5dd301a8785e1f5c59c0d08ed', name: "first-panel" })), h("div", { key: '07551d3d07cdc8f29c3b141ebaa73506bea8780b', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1e2fc668e65a56c15b8bb46f7877555fafb60dae', class: "drag-handle" })), h("div", { key: '8aba88f35a57d47c9cc6200d8d7c8ae42c014ae3', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '61d02fc16218af6100cdd9c79bcc437425084645', name: "second-panel" }, this.panelContent))));
     }
     static get is() { return "udp-split-screen"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class UdpVerticalSpacer {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (h("div", { key: '40591bca33eed59816db93c10b17e3fd869feda5', class: spacingClass }));
     }
     static get is() { return "udp-vertical-spacer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: '4d8ba5b1e5fd3c8b1d53b872a3806f6d8106c33b', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '7f480caf43f6b7d29bf72f8b4434377ea1126803', 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: '52df9c2cb6065565c28b0121a004b38e30f07329', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '2dc5f213f0da7e7ff61cc1bd177769f3e6d58cef', style: { width: this.width } }, headerBar, rowBars));
     }
     static get is() { return "udp-grid-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/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: '1a06cc73baefe8ba6d805715b3e1a1276b430bec' }, h("div", { key: '9b172ff7560cff19841ae2d3d42daf2e12e31826', class: loaderClasses }, h("div", { key: 'da1e732cf59a1c76ff1b6514983022c5a9353511', class: "indeterminate" }))));
+        return (h(Host, { key: '76ef775cc380682d012413eb55e5b30fccf9bed6' }, h("div", { key: '984db4afaf37f2ad6e8d76438712808a5279312d', class: loaderClasses }, h("div", { key: '9ba710c6d48b0a0965ba1afe9c8846669a693ed3', class: "indeterminate" }))));
     }
     static get is() { return "udp-linear-loader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class UdpSkeletonLoading {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'a55df89b16c067a579ec4177039da791543c92d8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '890870d09f1a34c25a89de82a1c4576341ce2e14', 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/my-component/UI/map/udp-map/map-component.js

@@ -388,7 +388,7 @@ export class MapComponent {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '4da470f45f464712072bf297c96590f0601e225f' }, h("div", { key: 'a050bca5e4fcf0c2967864c082ef519593b7209c', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '6db17e7e020d91f8d478a8a4d450413f277b0fc0' })), h("div", { key: '2a04f480f147f184e94092e8d1a1cf8cc1987a3f', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '04cae4da21ee9b095f8ff42a5671ba0296097e6b', 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: '9a032e414d7f54e7ef9e65d441feddbbe964ae65' }, h("div", { key: '5ec3e4167298b3cf59d730b9214228d93f47b915', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '6be113cc1a7cc2b6e666560c107ce856800cccc8' })), h("div", { key: '4e23d6a0ca912f6f97abfa132a4df206cd0b64e0', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '001c987f605f2230563a911615527194ddba7f38', 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/my-component/UI/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: '8a80462e93ff992138a3618d00230fa320f1247e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'e23169696696373cdd2d7a73358d91b0c3bdf3fa', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: 'f0e04b9bf0b9abdabb6b8d1ba06fd9740ad1e881', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'd144047e06398d5f3f8897e5655b84cf17655163', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '03921fbbb989a7cc4f67a6789b5026e194cd5f5e', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'b0c83c31e788f43d25155f00e11d147da9ce4fff', 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: '1359c6564351367c01c0703ed838de5b5096294a', class: "formButton" }, h("custom-button", { key: '91668bf33c28f218f7391a37997e4700b0ac1eab', 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: '6789b9920e819eb5dca2e21c1b28722742815ccd', class: "formButton" }, h("custom-button", { key: 'ef4cdb3b19c8e7387494c736419ec15c75ae6c1e', 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/my-component/UI/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: '0f48ef1f064a7716ffb4ec27d8e77ddae408ea4e', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '9164d74a21825455b5ce1b0f2c1faf51ae9fd0d6', class: "adornment" }, h("udp-adornment", { key: 'd118ef020ff45b8cff1f1e5aaa0bf40a62b47670', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '8d90a41f5746d178f8eed681aaff6280de22e7fb', class: "content-wrapper" }, h("div", { key: 'b6f7270300a2c2a576fc3596c13c18e1f84f9ce4', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '79f1b6cae1fe69126ab99bc988d97b9221ebc9b4', class: "title-wrapper" }, h("stencil-icon-button", { key: 'f1dc3606a00577bfa270dfc2bf74bdd8f96ed95e', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '30dfa7fe22120433bbe02affa8f75bce0b3612b2', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '5a5368d74eb5e171697e3d03e3d167f02d7f2c66' }, h("div", { key: 'f4c1fe6b4da6bcec91d83f27d116d8cd1ab9770a', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '9e1b5310e1bf4dc402b4f29e25667dfe956e0f64', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'd7e28b157beaab735cd880f6e3fe73ec93be8b31', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '0449f6aa16eeb67bac9ab2599e30a22677dc43c1', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: '626f96d2fd00c4a9f65b83c25c937b3ed7df452f', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: 'f8504701f6b4cc1be225bec58651e13b8ea26c7d', class: "adornment" }, h("udp-adornment", { key: '8d783e169d6fcf5bd06eb56e5915f20114d99bfb', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: 'b9e93a982b8a9bf029a446f69051bd0dba74c905', class: "content-wrapper" }, h("div", { key: '26016863adb91460657a175c5ef5d8c90045fd74', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '036eb4371be3c1a991de6a4db887c2132bc901dd', class: "title-wrapper" }, h("stencil-icon-button", { key: '12255080e2b34b754cb82b06af31c4f1b897c527', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '2ba4c13665c1a817052cf6897ce6a040e2360201', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '1a7a0c0341c8ccdea4dd535add6fdb1f7b973496' }, h("div", { key: '9c1cc26163fbf8f3d0c74b93182b3d87f111315a', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'd5ffddab45d6a206804ebc70f0e293664d22bde8', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '2d49fe4db242cac5d104f0d465ab93f47fc2e44c', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '3c18ea6c0164795c171b379672a1f83eb07d7405', 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: 'ce1ffc85e445542b5fc8c0585ab4c4597b9f7ffc', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'd6b21e7b4386340382a0d14d05ebdcfd90ae82a1', class: "icon-message" }, h("udp-icon", { key: '7043ed6a01bc10803a2e053d4ecc556f5b7db573', iconName: currentMessageIcon }))), h("div", { key: '566fba8595867e4f33e2c6b06bfae4e0cee0ad0e', class: "message" }, h("unity-typography", { key: 'b4061afebe60a2aecba26f06607f892212978929' }, this.message)))), h("div", { key: '0a2f353d57524636c259b01df78cd3a5960fd034', 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: '6c87017e6ae56ccf64ab3e87e662988830aa2266', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'bf9aead97dc27b42be7cfaf935d40370391ecd95', id: "viewFeatureOption" }, h("stencil-icon-button", { key: 'dbccb36cdd3bf46a4f976a64189ab0489e97fc12', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: 'efb09c76aa012fbe711b312cc88a6a91375a67dd', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '57c8ecfac6e30dacc511cc523a9d3b18c714beb0', class: "icon-message" }, h("udp-icon", { key: 'bcd2f2b844ebb769e2834a335c5ebb39755416dd', iconName: currentMessageIcon }))), h("div", { key: '2859c13765e4be7ddcf21ed8bba58f2521a43a3e', class: "message" }, h("unity-typography", { key: '15ee0a5bbfd493efe71ba442b79ba5d5421735c4' }, this.message)))), h("div", { key: 'e44b819e8c74c2b99e942cb272d2ee2e30a8db5a', 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: 'd6b2dc1c6fc39bebcba4fb7055ced0b3ef044219', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'cc3697be5c03b35948fe0a66367369bb027b0ef6', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '5c44a7b3c975c97b23a10e4501090e7ac07214b9', 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: '00951c8e348acb7d887359ba78674f6fbd9cb478' }, h("div", { key: '41dff2c40a6532f9c49c6a1388c2146c23180054', 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: '6613fe9ac0779838ad3e3e2f7d61ac25bf7ae693' }, h("div", { key: '9c59a2683d3aad8ee1c491a2b03a9c2b1017252c', 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: '4bb9bd45120c494f181299295c8757c98e1da65b', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: 'edb84a9d52ff94e336e2ee5360b9ef189fde34f7', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'b63a280d184467cb7f9f0dac5c80805c6fb6c20f', 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: 'af7c7da9c46d44938b666911788999680097b60d', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '1db5caf20b90c167a292856f257f76fe39f564e6', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '80f16a27156e33199532a694eaac12e0adf72ffa', 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/my-component/UI/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: '1b5195214872ac0f1e3593d4de57c6d3b26bce96' }, this.showPopOver && (h("feature-details-card", { key: '07d39ad98391f84657bb4451b1a4857ec05bc88c', 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: 'd4d0e3f44e274432742871058374f79a3c45f70c' }, this.showPopOver && (h("feature-details-card", { key: '1523b6fa604433eee7b6c5b0006bd91377ebe00f', 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/my-component/UI/map/udp-map/popups/select-layer-popup.js

@@ -8,9 +8,9 @@ export class SelectLayerPopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '59c78bf206bd9fded412537c9895df6f03bb9d6e', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '82aa97bae49d1322b829ee6a81e042ef65c843a5', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '502abb45fae29fda93a430effde9f4497145a65d', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '91242100a979b88a4f6a41bdbc6208cfe286dcec', 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: '3349429aa5bc8b56ab8353312d8dfd72bacecfc7', style: { height: '12px' } }), h("div", { key: '36ee444e5eca89aee6fc8f1fb490f85710a3f203' }, h("text-field", { key: '40ee433a9b81fefe07fea2c187e668c1f72f3c37', 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: '5fe616dce8fc2f867aacb91d0477608f025f7755', style: { height: '12px' } }), h("div", { key: '766b82e6d721b6c656fabc91bc6d8aaf09b37aaa' }, h("text-field", { key: 'a6d68f060e99c3afce144e76cac1125b5d1ede21', 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/my-component/UI/map/udp-map/popups/split-line-popup.js

@@ -6,7 +6,7 @@ export class SplitLinePopup {
     }
     render() {
         var _a;
-        return (h("div", { key: '0f59eb37ecfaa2e6b15831da41cf1845c9255d65', class: "popoverContent" }, h("udp-selector", { key: 'f3edeffd55bba9595514cc3892616fb6cae51f5e', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: '6c53b1fbb63f65f1bb93bda9285925aea68ca1fc', class: "popoverContent" }, h("udp-selector", { key: 'ed970132e041a4273c976415534d5700bd60453c', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

package/dist/collection/components/my-component/UI/map/udp-map/toolbar/map-toolbar.js

@@ -164,22 +164,22 @@ export class MapToolbar {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '92aff962af02e5cf567ed73e01331c5c4e0a7d36', class: "toolbarContainer" }, h("div", { key: '865a3024d08132f49842f5501d0adb501a9c4eb5', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '5d35a424f4530a9f5ce373decdc507ec0950d846', variant: "h4" }, this.mapTitle)), h("div", { key: 'b37a86dee249f48432bd3d2ec1ff7119974c0208', class: "buttons" }, h("div", { key: '95dbc9ae45e4ed791448ad0dcba95cf2a596bade', class: "buttonContainer" }, h("div", { key: 'fc9dc7fccc9f139335114d063efafefc0c516377', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '111c9c98e9d983ec1c6ddf5311cecb12b27888ec', id: "filterOption" }, h("div", { key: 'e6ecbdd628141b4c2f1bea0d8aaf3157d0800168', id: "filterOptionButton" }, h("stencil-icon-button", { key: '0123cc43cf0215a0490fe69c2e6dabdb7ebca07a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '87d771bc490a75ad7e926bddf60b3f19bc1a5578', id: "filterOptionDiv" }, h("udp-pop-over", { key: '19cf5a56d0f8e9bb34ee7676f638157484c0fa27', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'fe5b580e4006473bab8213198e4d14e2c152a3b9', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '6084b6eec32eff25caa021592d1a43ca211de43c', id: "layerOption" }, h("div", { key: 'acb3dea072a8cdde8eae06c5029cab86ede335bb', id: "layerOptionButton" }, h("stencil-icon-button", { key: '1b997180ab2ad4b38af0d7db79ec6b3200d5002b', 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: 'e5bc121b178770d1f554773e21b5784aef30d36b', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'd879c986af1754329ddeb2ae8338fb46d0b606d0', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '7bc85044798e140bf4725249821ef5cd80071ad0', 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: '286a5caed22a8e24f00d8c0059b10e9df280eafc', id: "bulkSelectOption" }, h("div", { key: '4a9206ccd1eef4f64a472b32f4254b245a97780b', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '599e85c48f6e6faf263c104bd54c8ca4eb6615b5', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '6e684eecc4c1f760d1af6ebc75a1d2f939646c7d', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'eac89e93ec0756f8c928bbc8d3e1511b5f6758dc', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'a5625c778b322a630e9103a58815b281c3c874e3', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: '68dd78c22db41ada679509a44c752685196c9cb0', class: "toolbarContainer" }, h("div", { key: 'f7ff3dfe930d55cca03fd180b318aa45815fb369', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'a226974ca4837fef883ba01465554bfe5c4cc228', variant: "h4" }, this.mapTitle)), h("div", { key: '965f8a0398ae1d97075dd8d61d4a5acc9a7cdd64', class: "buttons" }, h("div", { key: '3c89e48a3ea1393e784e6a23e42615dc57ca4883', class: "buttonContainer" }, h("div", { key: '45ef95b5ea12eb3e5979c022917b2fce526b0753', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '1479e8353ed8d4e6bc74205157540a5efad11b6c', id: "filterOption" }, h("div", { key: '33a9641fbe338f98d3fc70f647a93c80c76fabe5', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'b089b007f840fec3d80d3443e1e590c363898817', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'ac5ee4aea2dba7baac8ddf17abfce4b081bded6f', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'e5d598e3edfa1be0f4485fda5f7aad5e7f056d78', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '3c0b14c3a5f985d8dd58add6a9dbd771a9434492', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '81162489d1a473eb23745df67901bcf526d48e6b', id: "layerOption" }, h("div", { key: 'b6f82ecb02f5011d0095440de471f6d33eb18975', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'af9b0cdc3b7d534aafe2501e38ee90cf031efad0', 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: 'b41eb4e16b89e47792f43ada6875cddd4a29f7c2', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '5d93ca8653f4ed7ca0dbb64ad423a2af0e3290d2', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '2761742ad4937afe68b25cc9114227db55e61d2c', 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: '2bde4a20710f019ddc387e0d86a6df7701c65548', id: "bulkSelectOption" }, h("div", { key: 'cb066b63dade0d4af072d9a31300f4a87b53a958', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'e5c7c8c40103a7726671536dfc37d00b84f5d972', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'b5497decd84c18928922f49ab7b77708c571923e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'ac3e678bdf080278af075e79ceae7d71e99f7ceb', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '042249cf9c3a5a253c652c349248343aa743df36', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '2d64af7fc0cacfca6a2f64d42bb65a1ef866a268', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '03cad1abb0ba35bdb27ecf63c58a6e985746c008', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '24275349b0beaa377012af15227d1871cfef0350', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '28ca90437366482fe37289ce8b8ca845e75ff35f', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '68dced4de1ef9839b9fe99c2270d83e35824b5e3', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '3fb5744a59b4ca758b670a532da83ac7544c3e26', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '677903b1fa52a56a94c856349d195adf5fcd44e0', id: "splitOption" }, h("div", { key: '7b2c01b8db2d4cf74a686533fd49fb4bb4aaf942', id: "splitOptionButton" }, h("stencil-icon-button", { key: '8be08c89e8330e406d37ed7ddbaf4ef771dbc893', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '37075abad3f520af3c3a476830e1edf3441a3a55', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: 'd14d5e422bf018771401e1f902f6ffee4e60536c', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '26ac310d4543db4ef26a1428a2ae6330a8f8dc2e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '031a71e008b330f58ba093292d92246ced0255e9', 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: '4581c9ffd923f25521c428ecef6fd5fdaadfb89b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '1143ca35a8aa4cee611747e7d9a724fcb773cd80', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '47806dfa749f321e84d5cecf7b652c0a198b4e03', id: "splitOption" }, h("div", { key: 'cc864f48bc6974ac09af02782eb1c9d118317b63', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'ffa0bc75b9e3e086eaa0eae26dae534aa91d0106', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '99528fae86a21988288c258c8f73077bcf2bfc37', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '1d677b020cff7765ec2ddada50157d3acf41a352', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '3945e5f2a0003ca74f0647cdea55014caec9ede8', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '1a04ba1a70b20b63518ceb588cdfd2d25792ebff', 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: '1817389e7e21ed80d0083352e83cf2dffde5931b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '40870822e48fd72e4421de80fc01314758886974', 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: '47326bd2461319fde02ada021b7b36601801006b', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: 'd99768af9e9a97b47cbd593929bfe3759b8989d6', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '3d0c70f3ec271f9c051619ff12f0b3127f00c050', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fa873733fcd91058bfe4feaa7d4ce0447df6d5a1', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '8ddc969c7980c65cf966f8987967f9baefa7eb3e', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c03d59a07fa922a344fc08302a8c704ffb76f4d5', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0b67fc50e7b85793513584b92b3a1e78925676bb', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'e728ddd150014a1938126d3c7e9cdd019c7f4d07', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c6fd3b23c9875e21ade00d200a6e3ba271f9e6b7', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'f1742d21adfa7d0191550223f6274be4a60aec06', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '4fa8add9733ff4b386bf0d42cb127d2b322c066d', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '0dfefbea95108e46e5a4c04912f79175628f21b0', id: "withSelectedOption" }, h("div", { key: 'a1e2b7dbfdda5412d334de1963941d87776b260d', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '3127f8a603d95b6e5464442cf3d8384ef96a21d8', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'dc870d24afc035204de902e28f6b50e653937f21', variant: "button" }, 'With Selected'))), h("div", { key: '3b8fcd59e572f4b3bdb4eed06fea231b0b53a3a7', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'f9cd89aada0facea33b8d36dd4f4bffabe22131e', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '8534a1c5c88a0bc17310dc143874921ba42caa12', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '6f753e273730d6594fae87ea1ed15b88387a274e', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '38b4021f5f65a64111637f79da94f52458cb661b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'fab640268b46c9c86eb35a72eca539877cdf0b37', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '76016acd0aec63d999341d8b042242813c8d7596', id: "addOptionButton" }, h("custom-button", { key: '2b432bb1c027d17aa11a2f7a316daaa4a8153975', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '40c415e61dd6184f24da61a50a25e52878879fb1', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '756afd7031d5d4d9ce04a49f3a9ca6493a751f54', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '821bc3b0df6df063b0e0a40177631ee0c3ad4371', 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: '348ebff288cdbe209456b0bdb6fee24ee4de7989', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '3aac597260997274b794fb7e2f12800770ebdcdb', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '1adc5bad85d7a4154706b1193e8c41ab00459695', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'a9a7dd9fcc82df252ef9a5e986dbb87db8372f18', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'dd00c0c2dd04d94edf22ee68bd541efdcdfe2310', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '089cd419036c186d16911254a659c29e680a4799', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fc9bf5991d1b7f0f6f0563679092a030a3148cc1', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '9e05f0bc3d71f6b85ed70487647394260676b293', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '6d48828ab90081a78eca0a73c7a1e141559e9e06', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '93ed4c0c2fd297b39722988c799d8297b7d5adab', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '360b787bd5b944709185608658f1fb4966417705', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'e8bab907d8c71cd0b7515299af57b2ef73a52c43', id: "withSelectedOption" }, h("div", { key: '6593d74d3a44ffae6c078cb12e20b2bc4ef174b8', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'e3ba5b056e1291d4dd511acb7c2b9b3459fe6dfc', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '6f29b73a814046422422499e221b2973ebddb7dc', variant: "button" }, 'With Selected'))), h("div", { key: '2c766b3696d411dea12c2bde070db2aeb24c9602', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '9cb7ef75238b98f5230e0788f1cd2db9745813c1', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '3e8ac4ae1c817969d10fb6434f942cf65ae63ecf', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: 'bf1885c3d19786bb16a8de9249b53ebf16b3391f', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '4cacce1828b20697b5904526c00b90bdbed75ccb', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'a22e544f2656f4f5d059890fd676b7bb56c1c222', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'fd0198beeb0f5eb72dda5f2cc0b62c69d4d3d61a', id: "addOptionButton" }, h("custom-button", { key: 'd33c27a58473e1980205a7751695b4342bc63568', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '1a3b31772268f45f537f41e57bbf7d63e012b96f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '93d39445cfd43ac68ea11d415c72c5642ba971f3', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '34834d0f0e12138537769b8932099ce92dc43d35', 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/my-component/UI/map/udp-map/udp-map-toolbar.js

@@ -205,7 +205,7 @@ export class UdpMapToolbar {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: '04c81b92186cd20eac7a8fdd4663f2656837cd5e', 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: '5b7239834a5e7898b2a872aa3b1ccbd4eb556854', 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/my-component/UI/map/udp-map/udp-map.js

@@ -89,11 +89,11 @@ export class UdpMap {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: 'b701c0b012dade16e39e23231e6e96e15e8024cf', 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: 'b5c8898180bce21de249f7d80b471d0b93e60af7', 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: '04d39770f38e442466c0c82f0feb92bfc70b1535', 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: 'ec72126eedd1bd3a2ed8c800c121c71d46f30b6f', 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: '24e6a8974bd1acda96d431dfc7fa5b8bd8129355' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '95151f91ba7d6d9483a94b050694a45fccbd9e8c' })));
     }
     static get is() { return "udp-map"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/menu/menu-item/udp-menu-item.js

@@ -11,7 +11,7 @@ export class UdpMenuItem {
         };
     }
     render() {
-        return (h("button", { key: 'd81dd6bdb90af4ee188bb7d4151ecb5e33333dfd', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '18383905dff4511ee12af85156c1ae2b45569004', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '78635c29150bbe4bc3ec4a91066941e9e6b903bf', class: "menu-item-label" }, h("unity-typography", { key: 'f24e771dfb0c2a543c298b8f04dc8ca9a46f7f01', variant: 'body1' }, this.label))));
+        return (h("button", { key: 'dc3f3366bf93d6dabda01cb1ee67e80345c99a55', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'dd6e4549f441f4b94d18d91e8e760e9411069fd3', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '76f1a1a63078c2936e05571b0ea57ccc3924c00d', class: "menu-item-label" }, h("unity-typography", { key: 'b419c1ae15058a168659f47c6ac4e65cc5e81b1b', variant: 'body1' }, this.label))));
     }
     static get is() { return "udp-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/menu/udp-menu.js

@@ -90,7 +90,7 @@ export class UdpMenu {
         }
     }
     render() {
-        return (h(Host, { key: '3f7be47a5c35c075c742aaa03a28cde14a3d1090' }, h("div", { key: '48323bd6c9b777ebb157c50505196345cb14ec43', class: "menu-panel", role: "menu" }, h("slot", { key: '25e9949b651d5c5fa7443e1b8d6b58af3846b5a0' }))));
+        return (h(Host, { key: '1ca45bf77a84383c47d65e1d996b9e1fc7201e08' }, h("div", { key: '4d8d23254d38521d6b5405c16a0ad3cbb3daca88', class: "menu-panel", role: "menu" }, h("slot", { key: '029615ab266eff3dd70f75da9db21b2e93c7bb85' }))));
     }
     static get is() { return "udp-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/stepper/udp-stepper-demo.js

@@ -90,7 +90,7 @@ export class UdpStepperDemo {
         };
     }
     render() {
-        return (h("div", { key: 'afad6510846a9c4d5d83344d045915061c40e4da', style: { padding: '2rem' } }, h("unity-typography", { key: '39114ea64804d8441c90ab2b4bac9175509128f1', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '4525e5ceb4a92ddc679690ba2762bfaff5b09218', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'c28dc5a2348e1af8e544a33d6f359d32d7f326ea', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'bc50999f3a4b9f150d3f932101221c9c6b992fdc', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: 'a5fb283cd408dae5a92b5bbcb999849d29c4114e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'cc34b5cfd9e2a29dc5f23c229e28ff6e3bb4fccd', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '6d602c582f6ebc764cb46f0bc3a7b7322da22217', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'f530054751640c808efa3a1abdfea025402283a8', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'c5eeb235f431d179bff6fc2f3dedad7cae38c3fd', style: { padding: '2rem' } }, h("unity-typography", { key: '770f2b808734bc2b25156e6f828b89fc77867a01', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'f988b4e4b60e46c1096592c391d5c95a8b1a9852', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '1d2bfae7c6f7c861f91de32e1861847f434ec0b9', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'd54f08ef0f50d0ed75b7258af5857c2414a9b1c3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '0ad7daa55a787f68adb962bdf86faf4526b1ece2', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'c4a398059215ba9890093427b714b3f8c1527a18', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '3fac13b2bac2a1efb6bb9e1015c658c9db5cbb4e', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3d803fe2891e8c5f0f0028db56ddccfb8a5c07df', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
     static get is() { return "udp-stepper-demo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js

@@ -204,7 +204,7 @@ export class UdpTabs {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: 'dd8ac7e3d101993b8df00c97bf561e2502e9f3c1', class: "tab-container" }, h("div", { key: '5f70a5c0da906152b130f6eaa98b81bf80485920', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'e1a3a7d3650ae3703734a51b251600bf12dbed0c', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '36e6294b1a775a30906cc0236f8104ad03998c01', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: '8dca0bd111f13c1890fbc010efbabb2aa0440c13', class: "scroll-fade left" }), h("div", { key: '966f761c7f3cc45eb5b6737e8dbb63dc75a68325', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '1d30cc5bec9a2d221238e7f0742c6933c1cd2858', class: "tab-container" }, h("div", { key: '2334c1b333fc1703919b23b59c16e9d4f48018ca', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '36bda38b88870aed704a1b4ca7c73a086bc5218f', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'da40645390a32e708c2913409c3b6047e00890f5', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'cca33cbb7286875c127511a897c6f80f2e35ed37', class: "scroll-fade left" }), h("div", { key: '2de3d5622a2b541ccd777a49f97135f6097a2475', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -218,7 +218,7 @@ export class UdpTabs {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: 'df383b17c3e36fc7f261ff6a6c1220a4f923477f', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '7f8ae28f6662266a113adbb7ca40a4ef7d0b8427', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '0ad034fb7dc24388476e0c37bc9cf4196f4145bc', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '4cdbf5880b2e30dc6541228323a31e2dd34eabae', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '2097c674562eb5acfdadda5a05e6f2eed8821f99' }, h("slot", { key: '375c96eb85f6581426f72bf1c544538df4c6fdd6' })))));
+        }), h("div", { key: '14de43d3d5f2d28a35ed8bd135482ac6ea0201d9', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'c55a70f8934e38d287b9509eac9d3e2cf425e2e8', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: 'b82affbdb252a3a85cd61a843212438daed45cbe', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '1e0ce9f3bef37725edad166bd6d8db1511125676', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '3b8199ffc2b0de1232eb545456ae5de954a2418b' }, h("slot", { key: 'd2ead3e7e50ff8c9ad152ed5f4398405787512a4' })))));
     }
     static get is() { return "udp-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js

@@ -23,7 +23,7 @@ export class UdpTab {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '0dbc41862f8bb01ecfec94ca44f082f0e4e7104f', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: 'facc5f18260ea67c405dca1a90dcdc48e5ec995c' })));
+        return (h("div", { key: '90108764a6f54e335d1d140cb314c097035c457b', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '6a4ceb9d61a89e4ef6fb6c3d8da60af03aa6ca64' })));
     }
     static get is() { return "udp-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js

@@ -2,10 +2,10 @@ import { h } from "@stencil/core";
 export class UdpTabPanel {
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '735bca81299145233b3e2e017eef05a840b0fb69', class: {
+        return (h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '68ad651e93008ca12c4d976ca71747a4f4cf4b39' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '1860be25551f2cc92da3e8d081dfa8738b77040f' })));
     }
     static get is() { return "udp-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/toolbars/app-bar/app-bar.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import Menu24 from "@carbon/icons/es/menu/24";
 export class AppBar {
     render() {
-        return (h("div", { key: '569816f25d9bdf9286623b9e2b7e86ecb3ddb785', class: "header" }, h("stencil-icon-button", { key: '2980f6a34b1321c23b709ccdc63a49b35262a41f', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '916bf7f902e71fb62694a84ddabe0ffa9638424d', variant: 'data-display-one' }, " ", h("slot", { key: '5e792e8680f9e11ae8de27d9ccee20c004fe9cf4' }), "   "), h("a", { key: '6eb956082f541a38807e29dc8c18c0e5ce0e7a99', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: 'ab60340a8b921edf0dc303de7558ab5b2dd473ce', class: "header__logo" }), h("div", { key: '64082fa1132e127acdb00f9e6876e39d53ed03ce', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '133b4ec8621d4a2d9fd0bb7b0c9f870741bba504', class: "header__global" }, h("udp-avatar", { key: 'a8a35852fee5cd30832266fa88cde579c5b9d2ad', username: this.username }))));
+        return (h("div", { key: '63f5483060e77d841eb8c03addc2a9de4e4aeb9c', class: "header" }, h("stencil-icon-button", { key: '2284eea388845789834eff98ea6677d859d14011', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'ba65050d7371298d2778676dc15c9068c4b32461', variant: 'data-display-one' }, " ", h("slot", { key: 'ab7c0fe423778aee4632181616d71aa8feada275' }), "   "), h("a", { key: '5aa0e0a95b548d47a1427dd4aa68d3d960de449b', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: 'e15d3f7b6e7bac5889d7e57e5c30852e95954e69', class: "header__logo" }), h("div", { key: '3bc772062379c9baf180d583cce4180065b95694', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '92cdc6bbfd179bab07df4328c5e5e447a6df211e', class: "header__global" }, h("udp-avatar", { key: 'caaafc4d9190df4586280f6159fa9c652fee191c', username: this.username }))));
     }
     static get is() { return "app-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/util/ghost-render/ghost-render.js

@@ -70,7 +70,7 @@ export class GhostRender {
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (h(Host, { key: '1e77fbfc7ab0bc5ca00ee2351f547ef3d752f7c9' }, h("slot", { key: '092e556509b9c77f9c54da22fd41ed35c2ce65b2' })));
+        return (h(Host, { key: 'e72dbde0dd7ee743a8a0eec5807c8538102a2df0' }, h("slot", { key: 'ba32ae486a122b54f9bd67f76d70a27db6412c9a' })));
     }
     static get is() { return "ghost-render"; }
     static get encapsulation() { return "shadow"; }