udp-stencil-component-library 25.18.1-beta.8 → 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: 'ff3d430a821267669e8ba41d4d814be594042f0c', 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: 'b81f9ba1806adfade81fb55b0f9ecc1fba2ce305', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'b207e16041dda5996f21e58c7d305a19ae9a5810', variant: "caption-text" }, h("label", { key: 'babd3165a21c7ff38199494a6276ee2c814632c5', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '08bd70119c4f353d8ad318e298da088e2812fd99', class: "udp-selector__container" }, h("div", { key: 'b4aff7c12f9199ce974bb9591812ff9ddd94ef46', 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: 'fdc3d8248a8de967b0136f9cb8a259fcf0f309f2', 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: '7bf13954e3374093da80d54c53f43d110f6575a5', class: "checkmark" }), h("div", { key: 'd3fe7ba8c3ab16fdc1073a8c9b494fbe324f23d0', class: "arrow" })), this.isOpen && (h("ul", { key: '0be46a38647b29310324b446993121d404e7bd77', 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: '6fdfcb547313774dc09085af93e07c75379097cc', class: "error-message" }, h("unity-typography", { key: '93ff63ec2f2c8e318bcdd51bbbf88ad7047a8dbc', 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: '352e61df5683d1a87d1310efca66329ee5ce9863', 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: 'a1f62a8360a69c67c3653cc48dee226e0207e14b' })));
+            } }, 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: 'c6b906a0dcd07742578d60bda60e96da480a4d44', class: {
+        return (h(Host, { key: '72e9a3e0372b8e11fe6fe962407d4777771f7312', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '8c74c32415866b53cd626e07ccf2150bf6613122' }, this.getContainerQueryStyle()), h("slot", { key: '6acce6c5442f8b76d7c8c7f8ad168da0c64f6e68' })));
+            } }, 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: '268622f20b2a6d5054ae0546d3274d24085d6c90' }, h("udp-container-query", { key: '43356950e588f8e28e2e63303d7cae6d78b5764a', queries: queries }, h("div", { key: '601122484779af077373533df9195d92d3fef57b', class: "grid-container" }, h("slot", { key: '90a1b1ecf820ba7fe133ac5df60dec24ccb983d0' }))), h("style", { key: '131386f195ab2af8e472fe2d219eace0bbe174d4' }, `
+        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: '4a43b492419de8a498a35250b0443b2a46ae6eb0' }, h("style", { key: '0dad6229ffd2cf70ce1243a067359b20f9aa7546' }, this.getSpanStyles()), h("slot", { key: 'c38f26865fb93d881668d2e7f0611c965861a7d3' })));
+        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: '9a506250a5ee7200c405e7f3fe0a018dda294ab4', style: style }, h("slot", { key: 'eea699d0fed23736cfe071b86ac1449a52f51b0f' }), " "));
+        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: 'ca232222c0c85071eb987d373ad1541631070e3e', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c221965b0e7542253986c878b05cc656289431e9', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '4edf17b48cf6d2e89826878ede587f0a9e2ce1e8', name: "first-panel" })), h("div", { key: '51b5ea69206ebf1221cbb9dbed3f9456fbf54c59', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '86d906ebb8e8561e7e564b6c8b4af62a03e1653c', class: "drag-handle" })), h("div", { key: '28fba6e4b0f176b7e08c1f29a3edc045f66346e8', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: 'b1215db69a194eced28d595a39322afbe4c7ccde', 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: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', 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: '45f44170dff0e08a68d1d53f32a3961d86712b58', 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: '9c9be92fa74d1a27aba15e811c863b07ba672c05', 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: 'e87886877c3dd11c47b1cc2a04f24fac06a6834c' }, h("div", { key: '13fd6426afe4ab10b8f69cf577674a80086388e4', class: loaderClasses }, h("div", { key: '230bb05b4fa3082299aed007ff77588deb4a46d2', 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: '8af6143940732dff91329dbd3acd7f0f9b9f2f97', 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: 'fb89aa71848e46d19bbfe795949993fbf5ad78d9' }, h("div", { key: '4910a1a869003c22a8dc3dfb410777d424399576', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '544c055bde3064fb34caf24931c92b619bb9fc1a' })), h("div", { key: 'a7e46b10ba9aca7f23a6fc7e29c313093ac50125', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '2c6878b076ce528de98cf0f6e1593123573b9cb1', 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: '32fb2a44efbb94b005cdea535a0a3ac2651f5d17', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'f9c1bd59497d705d5b0f22539a300750dcd64f6a', 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: '055e530103ac5b5eb284e2c860a6128d19374ba1', 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: '525b90353ff86c07a55542a2baa1ef1fb0ad8fb3', class: "formButton" }, h("custom-button", { key: '7de411f454d7cf8574f36bf0692bc8039aa4fdd9', 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: '9781ea11818aaa6eaae88eb0c6f4c0b43b5a99e5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '209fc91b2d98c079102074dbd8a0c060c053b2d4', class: "adornment" }, h("udp-adornment", { key: '1c09dc89841fda0747ad70a04adf70e800fe6a83', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '9afa54bd54a12b5931d31fa4eeee7c2b7df6f30b', class: "content-wrapper" }, h("div", { key: '7c23194810bc7fc58a97f94eee8f9f2408e019b9', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'bb4840f16d4e448a958bd41405e29415aa6a1612', class: "title-wrapper" }, h("stencil-icon-button", { key: 'b46623a2a8c65049725a1bca325b9a9cb4d94aaf', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'db5d074812e16b98a688dabb0abc71542b4e30bb', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '6bf4e8d3123f062c42f183af8a3f07ff72364b79' }, h("div", { key: '7885e3bb96bd2f3ced77600b56e2043bcbb83963', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '8bc4a4c8181b0e4e6870023b4b948eed253ef80f', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '376a5488530604b63cc13ef8f94dff86f06fc9c9', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '2016252e992ee3988d12d6c1158c48f6bb6f67d6', 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: 'f4e32de4e683d044decbfd69e391583f8ccb92db', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'e06a6965667b324abaa9fd0d869174fa60dc2579', class: "icon-message" }, h("udp-icon", { key: '6980a16b88790e0455e387ac442ec7e8481468a3', iconName: currentMessageIcon }))), h("div", { key: '4293a6bdc84ac43b6f613809efdf6926b119291c', class: "message" }, h("unity-typography", { key: 'f84db35a63f7c504486d6d549fd0672c98037229' }, this.message)))), h("div", { key: '7251c146dd425b62d8f0659ffa825faa84e7b110', 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: '2df27e38d9092c04d6d4fa4428108b55f1b62f77', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'b8c8364d7fd1a3e2442abea73db19ac5bff4b5fa', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '31f87917589d61040ebb3e46b1ad630b31eeec34', 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: 'b1a1c7c4ea2e602eaaa983993e814fbd2de8d976' }, h("div", { key: '88d88f99f4b41d48e87ab7894e826d0043dbb5c4', 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: '93371bedffe6f7d2d0c88d5b24a46da780b9b0f3', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '5559e811a2912ceccb8e28d4a9fe8bf42e0afcb8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'a181790896fd98c30a9475ee7d10ac99697f9d84', 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: 'deaed233d3e7bb551c0573d572e726e89478b0c1' }, this.showPopOver && (h("feature-details-card", { key: '1032dce713a053da66036992fc43dfcf860f3ad3', 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: '75be11ee044fe3dd6b1ff317f5102d9a5e843c0b', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'fb9f115d6cb76d9195f519e586fd2f43663853da', 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: 'e85a746fb04057cadf91eb450283987fb3372cd3', style: { height: '12px' } }), h("div", { key: '58861e7563ec08856433a4026c10ebdfafdac06b' }, h("text-field", { key: '350169bcaf5aa1e94e6df89f4a93d1ad6991c4d1', 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: '6bef4be9dd21190fba6cf252f14289972b3faefd', class: "popoverContent" }, h("udp-selector", { key: '96de4c44244ab905076f94c9c7369052944861e0', 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: '1eba387405c4bf43b9c4ce081cb492d741b04b92', class: "toolbarContainer" }, h("div", { key: 'ffb57c4c043d56e928e804ba4d48ec9f9f26d9d2', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '473b413fa71cf1c3a44fcaa27a3252b86133412a', variant: "h4" }, this.mapTitle)), h("div", { key: '58d54ecb7d82d1e46c3ca21dc200e012c6532d1f', class: "buttons" }, h("div", { key: 'f4745e154a0bd1a5afa37a7cde9215538971ea0c', class: "buttonContainer" }, h("div", { key: '0519d96067031bfcd8d38ba11b8b30722de6aa37', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '9a8fbc50acdfc99adc1cef7a3b05da9aedad36b2', id: "filterOption" }, h("div", { key: '93e58b935048c6acd27fded91aac745d60a27cfe', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'd325a815292b31879d23a41882defa95607f61fd', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '25e452412bf6a7f1e57e5b84c44154aad8c87b8b', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'dde09e92dbb5743b48e65a4a5b558dba682c5dac', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '759edc2e56cb727c18b37f234fd69bde9ea6630d', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '2fabf18e069c06e2df0de699116b0017be77f347', id: "layerOption" }, h("div", { key: '8972d9cf4c32c9b35559812522c58f692728a90d', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'a44bf929c953da98a0a2389efb31135c196bc154', 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: '8bfc66d8a2af2b8f262377827017fc4f0282bdba', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '4419c415218b76e0e0fa56db48fec2e4f375fa2a', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: 'bbece2ad270970f457912c4a3057200664ef71a3', 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: '049b29d4f288b3ca7c9a06b677241c800575a02a', id: "bulkSelectOption" }, h("div", { key: 'df804ada9992538d5d740c7d1d404a04072c015f', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '29f6948ddc700b8760c9187d1160a203621116b4', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'dfb95265b42906ac297ae0915cf6f5d13332089e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '1e3e98d550f1432acc21d7bf4cbdcc90a59be339', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd80259e629d4837e8d379ba08b00df3a7246e037', 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: 'dc61c1fe2f7918ea83f89be262d8cb29d51f226b', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '03cad1abb0ba35bdb27ecf63c58a6e985746c008', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '115f39df51f9652896c86a0ab5d3ebcac74b7f42', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '28ca90437366482fe37289ce8b8ca845e75ff35f', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '5a552b35e6f17bbf0d239c1d7ecf61c93dae0b8b', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '3fb5744a59b4ca758b670a532da83ac7544c3e26', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '97b0a293572225057f7293522ae1bd8e4d8859ce', id: "splitOption" }, h("div", { key: 'e027ac10e6e0d540cfe25841bb5d1c4a282691c8', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'ca7514fdbf701ed837d9d29a9e0388c4e495b675', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '278b56b5d01297f1088d4ee85c9f3736d266d077', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '3769be623dbab0e42fc95339c5da88c1458b0044', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '7acfc291053af93ac25ccb39b130650889482f7f', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'f1fbbadd29aea681c3d04bb0c2788e96f5ec4350', 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: 'dfa3aff925c51f86df39d40d2197436078e8318f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'b28aa322b29c14a1de03a89fbd6d1c37ca7930dc', 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: 'fca407f3dc7199ea55275beb4eee465167ceea93', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '9effe3aaa30520eb6f5b9efa7fda5175ed8b091c', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f03951703a6445929a2a761309c3f258d9fcabe9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0af4980c4a309601f6dd1097355aca69d859c77e', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '6ef7104b181d6fd7299bb865e569dc189ad6a24f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '44338781709d52bf448a7a633c640146492856f7', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'aebcfb04c8cc10f56bbf4043cd05017115653143', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'bcb41a52f13a47db70c8b9f5af6abc7c513290fd', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '5fae2fc60c5eeac7d51ee2fbf97745e5f7d5d086', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '355dae6321de0f406e78ff371c7fc1a81d460a88', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '42ee564e2176c31ecbe6c20e6f17629cee37ed20', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'e3f6928b33007f677bbdc355c9a5626d21f0e6f4', id: "withSelectedOption" }, h("div", { key: '1645690909db2062d12825aa60e5296faf7dd72a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '9134da4ae07c260b1ec80497392e0b928d67edb0', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '3175b9135a0d9b0139441d536525b61409aad478', variant: "button" }, 'With Selected'))), h("div", { key: 'bfe9ed21796c744f57432d65de29f41c6af93012', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'e47e9655a04c432af84d7a74af5e5723384f0bf9', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'd79a38d005451dd8a2d82801c472520d29d374a8', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '89cc575ab98ab801a7b716cbb82d298d42082ed9', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '93050377a4ad47e87987d42e9a87b2ce4781f60f', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '98a41208a4257aaa119df27d126ca5dde1bb1cf0', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '74bc8c6f1f7c63b6a25fbc41ba6441bed0902a26', id: "addOptionButton" }, h("custom-button", { key: '8fcb487b0e4e7365ec5fb38ef16468b2e6787d91', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '0c370bf5114be8fcfd6e473797edbbf663dafa13', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '7be238e827d9dbaf3c4a3dfaaf9e6cce51b7e0fe', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '64f39e0b6b3bcaa100669ad6e5fab61859009257', 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: 'fe800500ed0c628a824e7e07e5bbfc3cd62a5fb6', 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: 'dbea383c45161505aff8965d3bfbd925ccce570b', 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: 'd62be8bc2f358155b349688ac9ddd27c4ee95594', 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: 'f2753f5f595726febc44235dbc1e728c1763da64' })));
+            }, 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: 'fb7827a4ddd3ec09634dde5e392b82ee2bc2aa56', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '7cb749410ab0d3db5ed37a80014a2db733b7611f', iconName: this.iconName, class: "menu-icon" }), h("span", { key: 'd123d5a3d5bce228283bd829e25a0c187d791274', class: "menu-item-label" }, h("unity-typography", { key: '1c139bca8c0b84d41246bbf17e793301a9c79235', 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: '442d88639387239daf36ef71be1a197b098f7d15' }, h("div", { key: 'e42568ca41f4454b7b90791da690fd44c107a63f', class: "menu-panel", role: "menu" }, h("slot", { key: 'b124207c63660c4d51be5818816030e2c64b272a' }))));
+        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: 'e81619ca3c31f9f6662c0b3af6c02a2db3e3f564', style: { padding: '2rem' } }, h("unity-typography", { key: '5e11e57915b6081e460f47a344dd31bf722d7e5b', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'ec35e19cc92d59c85818becd4e4d56e065df5dc3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'f0011595e8eb435dd85b6c6c2570029a3cbd6afc', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'afe54dc4d369c757dcb6ba5fe455e84c95e86f07', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '394396ffff23cc1f4d99611bc3ccceeb096a2c1e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: '104aaf080e02cd0c9da8a84cf911b721883e0a37', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '90b1aaf901ca38b48c5584c0fb79d75a0f5a2a8c', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '219567475d5ea693bd77641df12c20ee9360367d', 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: '7446df2caa768cb8161b59992cdbbf5bbae2146f', class: "tab-container" }, h("div", { key: '78eb57f157f69543baaf8eab9b5282cdba37bbb9', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'eb45ebcbfd365a68412c9fa098669085925b5ab9', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '0066a09a8942b0624b3a6260a0934ce372e51473', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'd356a1ebae93318b97e7e9ada3d21fd44e9b1f37', class: "scroll-fade left" }), h("div", { key: '0040b9a6ff0dc8c8881a17b8c4d3f435cf2c67b3', 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: '7470bff947872896ee283c35cf37a45fb2a64631', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '820c57b5782c5c85f220fd7b7909351f4a76fcec', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: 'f8db99b5f8a7401449c3a55eb170b341eaf26df1', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'b14c8c86928352c683d1140c2b3ba2dd92ebee7f', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '95a11117862494527b06f1d5a8c92234a24e89d0' }, h("slot", { key: '4621baa5801a228fc9beb38e3b9b30dc7260e41a' })))));
+        }), 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: '20ba03ac77abb9cde63aa864aac67db7c57bf66a', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: 'd4b0450e94770421adae0e47c0b868d00cdf772d' })));
+        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: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
+        return (h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
+            }, 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: 'cad9b6256dbad649083ef3e26f13bff47e3d427d', class: "header" }, h("stencil-icon-button", { key: '79958d8a6a7993575923b87ac3a61180116fc614', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'ccd072e7ca26b9070ba990289b637608e903d1c0', variant: 'data-display-one' }, " ", h("slot", { key: 'af2e0183590ea54d48be89d36418281633fc6453' }), "   "), h("a", { key: '36a8c2006d5d0c25d9f4ef2691f86324d875503f', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '2ccd08207f64f0d9a4854f34119765ed5fd48595', class: "header__logo" }), h("div", { key: 'b6cacb7037f36dfb81cb7e66f8cf268b96f84ae9', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '9c147941d4b7d762cd9a1d97e7053190f3e6f0fc', class: "header__global" }, h("udp-avatar", { key: '15830daddc4f25488ec07014720762232e5e304a', 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: 'a15d6cd564f8aef008068decd2c423239e7caa89' }, h("slot", { key: '6e79729b7819373e24a9b7f91c31a15960a09363' })));
+        return (h(Host, { key: 'e72dbde0dd7ee743a8a0eec5807c8538102a2df0' }, h("slot", { key: 'ba32ae486a122b54f9bd67f76d70a27db6412c9a' })));
     }
     static get is() { return "ghost-render"; }
     static get encapsulation() { return "shadow"; }