udp-stencil-component-library 25.18.1 → 25.18.2-beta.2

package/dist/collection/components/inputs/time-selector/udp-time-selector.js

@@ -255,7 +255,7 @@ export class UdpTimeSelector {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '913d703569a83a36ea66c637c1d29bdf53842ca0', class: {
+        return (h(Host, { key: 'd2249c774eaa3b6e0e9423581083d59b1bfc4336', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -264,9 +264,9 @@ export class UdpTimeSelector {
                 'udp-input--required': this.required,
                 [`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: 'c0febbef274f40119f43e7b797050f7578a714cd', class: "bx--form-item" }, h("unity-typography", { key: '7ceeb64e08c4f8b33c975f04aec675ef26188703', variant: "caption-text" }, h("label", { key: '9bfb49dcecb14342b18f848c091767fa92ecd03a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c87540f0a7c8546b05c948627cf1f9095107aa72', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'fe18b74861a9f5d1739317bbd357cce48ac81176', class: "bx--form-item" }, h("unity-typography", { key: '5afab9726865da75b9b4f228ecd0ad553825a40a', variant: "caption-text" }, h("label", { key: '46ff7f80e88357c25d86ac11a8835733bf19853e', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e74de46ca5f386f91320f16af6f5b5fa9d61a9cf', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '00c5a55f9f13d063008f12e7bf1b90ba80ca6a46', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'd1ec82959fd633a6a297a1cd3523432454afec52', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get is() { return "udp-time-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/toggle/stencil-toggle.js

@@ -158,16 +158,16 @@ export class StencilToggle {
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (h("label", { key: '06ccd32009d29e3d96e1b3177a83f1a24bb94aab', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'aeee9284a7cd970b4639bf8c553d38ba015a6489', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: '0d8b4ec2080bb6e9f2a3999dd589f435960ceb0b', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: '0a5e536171a50e1912b5e948d3eafad05d94bfcf', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: 'b2018d1921efedcfaa1d5b7d0f4be03b1f9f73a7', class: "toggle-knob" }))));
-        return (h(Host, { key: '136f2fe4ef115cea4bd79b7c1e38255866032d5a', class: {
+        const labelElement = this.label && (h("label", { key: 'bbe6bed0b972214a8d59b8979b847045cf113b66', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'd49d6b5d4d9baebf0449a6f2d45ab2f0b3e0ae10', variant: "caption-text" }, this.label)));
+        const toggleElement = (h("div", { key: '4472a976ee842d2d9714ebac915a3259d61239c7', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: '90b4e2c6223afd47e4ad2a59deb42f0e85d78821', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: 'c0e65e44c7617cfedd98a73d074011702603408d', class: "toggle-knob" }))));
+        return (h(Host, { key: '3936977e6b7850d6216d15750969b510ce3b07f3', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--checked': this.toggled,
                 [`udp-input--margin-${this.margin}`]: true,
                 [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '6d5e0252cb950677659ba8664578bf2d6296ffc0', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'd60b93ee156679deda558374b5955658d53f9815', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '3255c83dee021ddba79467c4942e070c1de95080', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'ed0652ae89fa25eec34ce563713c11f4b37df40d', class: "error-message" }, this.errorMessage))));
     }
     static get is() { return "stencil-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/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: 'ff8dcfc52d341898065c2619b135f4d2469ce6d6', class: {
+        return (h(Host, { key: 'db8d5a2fb7a711cf6ecf2c2a317cd36b9ef29500', 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: 'c73756ba206a6315bbef56d8bb1fe4f08cdaef52', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '586341516eabf16a37b54bc83bd235ebf3a17a4e', variant: "caption-text" }, h("label", { key: 'a01d8f38fbe49b0ae5a2a45a1fbf376cd1affb96', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: 'cceb6a4507454afe9d0854d11a96e5e6023d31c5', class: "udp-selector__container" }, h("div", { key: '174fbb84555f2c4c59100cc2cc20e580dc31c123', 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: '4cb64ce38200b154d8e1f82dbc56c13849f8d655', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'b237f6f3c9e2091d96fba27389aaa365e73d1caf', variant: "caption-text" }, h("label", { key: '0dc5303a649a83a2c13f7d872db6767d1ebc786a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '4a54ebca6d891176778b083967475c9a31bba369', class: "udp-selector__container" }, h("div", { key: 'e5509c7dcfcdd1e64d9b33f5247fdd1ae87893c6', 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: 'f7f1e06954e2b8745a6cf3d340ab8270a1f57a93', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: '72803fb7f4add66ff314cbc18b9f72fc6dfc67f3', 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: '7bb13fe421ca09a75cd0da293165a09c6eca61c4', class: "checkmark" }), h("div", { key: '83fb0ffe270d15ca1b0d3296a0ead178c3d2a785', class: "arrow" })), this.isOpen && (h("ul", { key: '724964b522e76df99e160b132c109a905fae5c37', 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: '4541ac1d298f28c1e6cae5ea0e5d0d0c5a51fbcb', class: "error-message" }, h("unity-typography", { key: '1cfcfc04f2676bce6cd319468c95b4b62ee1db39', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '431d7127377c465f93412d739a345aecea7706c5', class: "checkmark" }), h("div", { key: '67cd1a08e9fb127264635fc58422ec51a1dc0eca', class: "arrow" })), this.isOpen && (h("ul", { key: '7c6e7d2afeb95dabe428a42dd9c681f3868bab3d', 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: 'b49aeab27f25ea8cb5e8de0f6ee7a4a9eb9bf91f', class: "error-message" }, h("unity-typography", { key: '9dde88c0624b5f28fd2b32c8bda364555f3fe0cd', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.

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

@@ -15,12 +15,12 @@ export class UdpContainer {
         this.padding = true;
     }
     render() {
-        return (h("div", { key: '67a4785f07ff86b828f2e5efc565c4e83963111a', class: {
+        return (h("div", { key: '96b20d0a841faf192bb5c0d407701e6f95ed14ef', class: {
                 'udp-container': true,
                 'udp-container--fluid': this.fluid,
                 'udp-container--padded': this.padding,
                 [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: 'c093ce82b5a485b158eb3f1152d55174202e8f87' })));
+            } }, h("slot", { key: '09c87f19b0f7031dec7a41f9636bbc071db021f5' })));
     }
     static get is() { return "udp-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,9 +21,9 @@ export class UdpContainerQuery {
         return styleRules;
     }
     render() {
-        return (h(Host, { key: '904cc72f590b5948dec552df97c7161981c4e4e5', class: {
+        return (h(Host, { key: '9bc9f62ca83c3c794e909ee966947675fb9870da', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: 'd6d1a078d0cb0506a0de7a08ab8c95364ce6e1d4' }, this.getContainerQueryStyle()), h("slot", { key: 'f7f9aaa16f7be0d29314af0effdf09d33c2a6bbd' })));
+            } }, h("style", { key: '43ba2fd574da0e60066064c06413a84004e57d83' }, this.getContainerQueryStyle()), h("slot", { key: '17633bfe61d8993a986de0263a4a68399d0f9262' })));
     }
     static get is() { return "udp-container-query"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class UdpContainerQueryGrid {
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: 'f1d07a630ddcfe444d36b496cdc91cb9f5cb1e80' }, h("udp-container-query", { key: '94d8cb6286439e57c2c9945a3854813fbf32dbb2', queries: queries }, h("div", { key: 'ff77ca14e2f8a5fb131fc9ad0b82e1ed27db9f45', class: "grid-container" }, h("slot", { key: '927273996e110c13610d49150f2a407fa42e8141' }))), h("style", { key: '67c1019407f263c493008c419d8692f5bd069f1b' }, `
+        return (h(Host, { key: '63e6f7902336ffc08bd3bb251907877325cf0d12' }, h("udp-container-query", { key: 'c8206e4612990b72e81105673e2c72e3e63410bb', queries: queries }, h("div", { key: 'cc01e88216ba2dd069ad1cd194ceb8c5026b4a37', class: "grid-container" }, h("slot", { key: '37b9a99849d97ef8e8c33d1e401f90b919115a51' }))), h("style", { key: '4ec725b30fc8e830798e4816ae1bc0c5a9b38fd4' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);

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

@@ -15,7 +15,7 @@ export class UdpContainerQueryGridItem {
             .join('\n');
     }
     render() {
-        return (h(Host, { key: 'bd7ef62bce3706caec69d33a187d4361f4654630' }, h("style", { key: '1dea20fc5935d13b298565645168ee2305a4dfeb' }, this.getSpanStyles()), h("slot", { key: '0f9af3cdcdb67977d02d89cea86bc04bf58e3c30' })));
+        return (h(Host, { key: 'a12c7a9e3567019bfa3129cf0b45b9e5f9454044' }, h("style", { key: 'c41e5e648f8a78f965ff1044479ca1e7c785b598' }, this.getSpanStyles()), h("slot", { key: 'a6ac351a5a3ec74ce36667cdef91c88c1459482a' })));
     }
     static get is() { return "udp-container-query-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -51,7 +51,7 @@ export class UdpSplitScreen {
         }
     }
     render() {
-        return (h("div", { key: 'df0cade663cf48e2ffb2d3320f957e92277c2e73', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'e7f77dd6aaf04635d9cafbbf3e9917058f4eb65c', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '02efeae7315f4ddf209ebe44104a3c7eef9962ff', name: "first-panel" })), h("div", { key: '51536ad4696fb494a63afc3d4ce0d569422805d4', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '5bea53e335997b7706ed4004df1882590afd68b2', class: "drag-handle" })), h("div", { key: '11e62e9fe6a266543d8ac636ae17bec338b46bac', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '68fb2ea46cfe47acb54987caee353b9edaa3e589', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
     }
     static get is() { return "udp-split-screen"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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: '1641ec0bc69da792851955cda343e452b4b3f741', class: spacingClass }));
+        return (h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
     }
     static get is() { return "udp-vertical-spacer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,10 +7,10 @@ export class UdpGridLoader {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '04c7a49ece2272b739c460c7f41687debced9189', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '843dcfba1ee5ed449b0fd29f92729998386a9454', 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: '2f9fa2edad14c35951f169f0887e951206be2bb8', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: 'f1d49e1b19c96d1c16b6ee0ebada42333ac93c6f', style: { width: this.width } }, headerBar, rowBars));
     }
     static get is() { return "udp-grid-loader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class UdpLinearLoader {
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (h(Host, { key: '739a1a5d4c6c46f67df153a91c1c070ee76b1971' }, h("div", { key: 'e39b78458a111b74df2acf885407e846b021b0c2', class: loaderClasses }, h("div", { key: '9b6e1ea341cb4c55c3b3d09107414a6fac5f42d2', class: "indeterminate" }))));
+        return (h(Host, { key: '02559056a6c92d30881094938be83c93fb2d8714' }, h("div", { key: '03a65dcd2340edd7c7225a0e64886e0b6ad267c2', class: loaderClasses }, h("div", { key: '65b9c402dd81dc6bdc3640ecf80d720fa9f89ab4', class: "indeterminate" }))));
     }
     static get is() { return "udp-linear-loader"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -388,7 +388,7 @@ export class MapComponent {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: 'c21e30992308eb1ae1f489d3644e1985c8259c05' }, h("div", { key: 'a6177845f1d161ce9482d46b341c1a1053b77969', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '143f05c846302a40490076eaea6066a28ac57a12' })), h("div", { key: 'ee7adfe656ebdc69216dcb4300ef8a1c1516bbe5', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: 'e012c80f54db7a5c6934eb3ea6c1b68c9cf1df8a', 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: '6440b60c5df675d7a69aed4e5e5e6b25330496ef' }, h("div", { key: '497c3f51fe5ea88db661db6c2769b2645f4bb0b2', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'fd4d944a1e6b7e45262fe0ec6f3aede2f0e07db9' })), h("div", { key: 'af32abb9573ac1adb672bca7c8ace2897576896b', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '9d294a0a51f7b8b1c61179037809935544c6444e', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get is() { return "map-component"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,11 +71,11 @@ export class AddMapFeaturePopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '14fe4615233e1da399bfe429861a1ec4d37e16c8', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'ae8a4bcc274f6e5cdf97ebcd1af4a52c463baac7', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '61aeed66447c5ebd0037a56c06620ce1573a6b45', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'cd58b4763e0bb5326fe0c95de4fcf704ba189375', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '0b8f8a56d981ef88af97755f6e69ccb04143db61', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'f5d099889d1be3b7e0c948bf937df032d590dd76', 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: '7e39f64cf429443b8c7f31c3dfced1ac1e169b92', class: "formButton" }, h("custom-button", { key: 'eff7592f2f5d8d05b0b028a41ac25f76d8270ff3', 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: 'f70d82d791d5a7b0e8f8e8b114be76fa5a7dc199', class: "formButton" }, h("custom-button", { key: '34a23e6d780903ff188abc1762a6d502e2de544d', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get is() { return "add-map-feature-popup"; }

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

@@ -97,19 +97,19 @@ export class FeatureDetailsCard {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: 'a279719f3393377db2f480e566feefdad2320fa5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '394624accabf7d196085237dccf19aa2a2feedcd', class: "adornment" }, h("udp-adornment", { key: 'dbbda88f7e909e08dd68b956e8db553a6a106bcf', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '207ccde55a79f61a20fe876d52520218419bebd0', class: "content-wrapper" }, h("div", { key: 'e559651ff638cccdf6ce89d5eca6bcfb56d04834', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '32c1054968e769c977b515b85d24a9d3798da6c9', class: "title-wrapper" }, h("stencil-icon-button", { key: 'beb2b4719688ef7e3fc02fa8fffc3365c41a838d', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '156750e9dbd586597128383c2ad9bac2eeb32d2f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ce8a2349828257358eab14705edd54a65e7869a2' }, h("div", { key: 'ba673f36ae93a338085bd71ea65a485783d2087e', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '9dc305dda49437cfa0b816eefcde1338e20d8143', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '2ad28916734d0f44976ee64645f457e9e67ab164', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'cee49518e26621c37ef2c41a7913ef8c8e6acea9', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: '9e6db8b1a36400927a5114293b5425a6ab241ab9', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '4903e0f4ca6af1f5aa5f0f1ba1520d55aaa856ff', class: "adornment" }, h("udp-adornment", { key: 'd6901aef9bb7e829d054c57ca83fa2918659efc8', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '4cc138f4c74d8112c153336eb0a170747d163b42', class: "content-wrapper" }, h("div", { key: 'ec01c52ed866e8fb0e27d02ded72fc4ed3da70be', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'f23fce2d2ae4861c5f9e8547cddba9e4c3ee8a84', class: "title-wrapper" }, h("stencil-icon-button", { key: '49e804177aa57e9cd3bc1ddbb0810d1bb27fa1d6', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'fae781b27ac9025080b91edb4d23e3f6b6081f5f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '736cac97bf73947fd346a97cda9adc0fd4b57623' }, h("div", { key: 'acd7344194610f91297ca91e16e6487d1091a4fb', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'c95f33331ff196eb43657a03cd3346bb92b592c5', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'eb50f4882ddb9a5e4cd9876c54cb912b67543932', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '7acc69dad0ed87091485c60426d9ad619291cda2', 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: '55dbfbf985e623b96c497dd0f281549e7a2623d9', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '400a6bc6178037d19184dc6fe1cc1acbb54af424', class: "icon-message" }, h("udp-icon", { key: '53f0fc5176ffcee7f42a9b403870eb6bf7f5d59c', iconName: currentMessageIcon }))), h("div", { key: 'f73366bc9e1ca2598117f276d7fa0d23630b16b8', class: "message" }, h("unity-typography", { key: '48e9a6c899eca3526427990284288b916bfd91b0' }, this.message)))), h("div", { key: '793b3c333e0f7bb6da5bab0f5c14c472f18e2501', 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: 'e92ceda5c88453be65399247a96d6f7e77fc62ef', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'ae612aa8753050d31d586ef57247addd120ee239', id: "viewFeatureOption" }, h("stencil-icon-button", { key: 'ad3318b411960e16939a61e5ca6529ccad750894', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: '821c15ffdece6aac5cc05ac54b68dc4c3406d911', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '132518846bf77d173067a3ec238c1deaffed4666', class: "icon-message" }, h("udp-icon", { key: '040887555c79045f16b1840caed09fe2f0380ab0', iconName: currentMessageIcon }))), h("div", { key: '3dda67c814990990cbe40ef47946f6ea3967a89e', class: "message" }, h("unity-typography", { key: 'b0630b34ea51c70ea1b0b65c1559783a72f03aae' }, this.message)))), h("div", { key: 'b318afe8bbe498594efc2e228183478acb82dc71', 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: 'c3fb7eefb9ad1d81e8e38f1e86b9c1a7ee0754dc', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '018dde78ddc28b88d31bb541c55f9096c61ace72', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '707d407288086b4785fccdcde67d62f862b65221', 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: '07acf06d15ece0f0fb0ad40c9de5e1d176976d7c' }, h("div", { key: '18493d1b64842be4575915c27921a0ffb7d4c982', 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: 'f264d01a720a122842f344ebf1033b08fe6ebe58' }, h("div", { key: '77d6ff0c0d703c77bef3e1b72aeadd19ff775845', 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: 'e1fbaa6f33a82c654cb561805aa034e5a8ff62f6', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '0f0d761c97ba9ea5177a49998f65059ecc2b5b7c', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '8a2314995820d95f3a266f67d80fcfd49c522ed5', 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: 'afdb75c1918fa5c4e6b47d54e920484951ef6294', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: 'a6ec3fe65ca24d68fdeef7da6981c3b3fb536bc8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '1ee902b174ffdbfc476b8340692784a1f209693c', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);

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

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

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

@@ -8,9 +8,9 @@ export class SelectLayerPopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'eb87124dc20e69d2e237489e2f0b549ba3cfc818', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'd821f41e72acd630c018c3033c3fc4ddf1b7949f', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '8007a443867f20bd1d852611af963eb8ccd12d35', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '3161c824076e00cd55987d36eaabe588b30c800e', 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: '4fbbf23fee2e1b88cc2e195e5216d4ea8a19051f', style: { height: '12px' } }), h("div", { key: 'f87a773ec4ad75ceaff7745d4a1c48e0831ba83c' }, h("text-field", { key: '46d6504fd70ef040770a6c237a34f75a1b63fb33', 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: '583be16877eeb2a0d5cf93063e7196a17627e558', style: { height: '12px' } }), h("div", { key: '3970abe8db81c224510d78109b10b2dc3ddd7010' }, h("text-field", { key: 'd6215c3376d746940bffc4096a434fb9865b3fc5', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
     static get is() { return "select-layer-popup"; }

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

@@ -6,7 +6,7 @@ export class SplitLinePopup {
     }
     render() {
         var _a;
-        return (h("div", { key: '5cdf7566fbf1dc2f55d34d5b61991fe50bb669a2', class: "popoverContent" }, h("udp-selector", { key: '23859991c23b9069f3eb706a31d9f0fd6301138d', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: 'c7c9c9ac542f5d5d877ddfe3bdd94ae79fc0a297', class: "popoverContent" }, h("udp-selector", { key: 'c0fde2302909cbc8a16c61c4cf14d0ce95c9b9c6', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -163,22 +163,22 @@ export class MapToolbar {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'df1cb3fa4cb31102050fde522956903b598408e7', class: "toolbarContainer" }, h("div", { key: 'edadc71d2916ebfd54f1199b7848b91b34c60de7', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '1dcf11b4c1c80509d04f8436c34cb0e40eceafc8', variant: "h4" }, this.mapTitle)), h("div", { key: 'fe67035695747ef0527d9f7edf134eb32d3ca072', class: "buttons" }, h("div", { key: 'd03cc6b94ece0bd7992081bb252be394fca31f65', class: "buttonContainer" }, h("div", { key: 'c33a00e8aaa19dedd2458008191116fac064ac54', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '0df51200bfca6557d2e332aedbfee551d83fd444', id: "filterOption" }, h("div", { key: '05fac2c08c2ccd868db2aebdc87fbfb1cd5bb359', id: "filterOptionButton" }, h("stencil-icon-button", { key: '1c7e4513becc3502086efc59574f2d786148c11a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '1104a7b6d361f169a438b87c922c75579073dd6e', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'cab40e9cb1dc9a5f800ee2db08a09d7199a3e788', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '5eb682185987645764defe31b2c95c463f8752b5', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '5d035cb7d7bb4d61ca441c8c62aa91e087df1b3a', id: "layerOption" }, h("div", { key: 'a7dbef6cc9a02f89df337de51ea94075d1fd3111', id: "layerOptionButton" }, h("stencil-icon-button", { key: '46eca995f86c96149e28a499fbae2d0f4aae0968', 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: '3d2d78eebfc91efd770f3b4d1f2d6b4ca0641218', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'd8fe86755c188ca9307b97a4f0e7510a91e13dac', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '213504b0c5b6e2f720be389aac07e98683f00fc9', 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: 'e7e844cabe9bbadbe0230b4670fc5f5e86a59c88', id: "bulkSelectOption" }, h("div", { key: '21495bb0ae01eabe651d795bd840a60fac5d4a6e', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '372b8b99550e170247c5bafd670696f30beb8625', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '634720dcf856edb6860d6671bf361da9317036a1', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '5901c691c00260c1180dfa71842ae4512b332fa1', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '74f4f7b9df37c81e177da3b3ba6e5c967cd2c6c4', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: '21b9c43614b63edacda599868c43703d1e647e45', class: "toolbarContainer" }, h("div", { key: '9784167d5da4fb3ac42df68eba4c5a486dfc982b', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'd30a08036fb834c66d51bd77d95c886ef87a639d', variant: "h4" }, this.mapTitle)), h("div", { key: 'cdd421ee21f5d56cc0d78352c8cc72032a758424', class: "buttons" }, h("div", { key: '2adfbce712f269812d80a77c1043a1d3db6b79c8', class: "buttonContainer" }, h("div", { key: '58e6e409c67cf35051735578bdde7b1a6208f9ee', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'f7c06355290ed1bed33d95f6084da2c7bb615da5', id: "filterOption" }, h("div", { key: '15be3cc83df5d6f19f3f7a0d5692a4718731dc24', id: "filterOptionButton" }, h("stencil-icon-button", { key: '93467bd5a6d9090c67632c18a6c4009e27233ac8', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'bd5f83038320e9803ba9368cd1f40720bf746717', id: "filterOptionDiv" }, h("udp-pop-over", { key: '2c9edf578465d003b4afbcdb831ef0d0c34d3f0b', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'b3ec97a05b90db61cdf239c86ca75e036cc29b13', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: 'be4a540251d602df15aa8e4dacef02999077dd96', id: "layerOption" }, h("div", { key: '6affbb963bd30f553e61064ab5df13c3ad9a4b74', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'b8adccbbcd8c95ad2d005dae5c0cf9a12990d97c', 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: 'c8e9383358da444862a6a563e34260487ccfbbed', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'e010e9548dabcc2bf6309f36c58a59305cdc4412', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: 'f2b783edeaeb9655eedcdbec791e4964860338c9', 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: '3e49f896bd385d2bb26c63aba9dfa453fdd7daf6', id: "bulkSelectOption" }, h("div", { key: 'c310558635d2cfd0e8664b6016c6f19b2b127f92', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '414e41e6fd4e6e342611bac3989d9c657df675dd', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '7c984a976664c80ce289a8acc00b96e922acbbbd', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '5a81ce4e1c228340e706fe3406574ddfa6004b49', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd104983f9d0505898f942cc0ece9a225ced6a5e2', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '01b1dd88515b272d2be1ea7d55174e5634aab22a', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'b1f864cfc27d567527a232524cdfc77eb52e015a', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '082fdc17a8f20ec1c1bbefcb65185618b3c36802', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'a0fda41ae5ec5a52228bbe419166cf1c0176b66c', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: 'c436f55eb166a95b13aae4b437e86dc531e2c4f4', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '64b903bd46430d1285662848671a0720f0e72c04', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '5596f3a4ce9c97795cf34a6c10a05a77877cff40', id: "splitOption" }, h("div", { key: 'fc7c0f661595fc0a28c594c7accd2da3faccd70d', id: "splitOptionButton" }, h("stencil-icon-button", { key: '843a8676c020dcb912143982f2960a0d54ab8adc', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '6a6aa3505094fc439cd3cd148d8996ec480cabf7', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: 'f076133c6159670dcb7d01c0f39e8d5e144b05b6', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '6c2c013d5d7a824117cb63e3693b52ae133b120e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '61e10f02f84e08babcda3882cec237e680fc44ee', 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: '7f78e23b73223a71ccc93d0ce236acf5e46b1dd6', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '222e3e14e959f7759cd6df1913c9f39874e5cdb1', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '046ab14c180eaecbf16a340f9be3f2898cdcce37', id: "splitOption" }, h("div", { key: 'c1650d16e72a90cb7db670523dd3b485b50024d5', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'a9d02d79f706dea6a87c02fc20877406e28ff6e8', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '88247c876a345ddc7dbf615dae6a0f069932c0ce', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '184c5f17f26a2de0220e13dc63a3ba0bd990bdfc', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '302fb6c3d12c3a7122987ef791f6a16ba8dc5e50', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '2594b4bfe3d784a27843da4b31821104190eb75d', 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: '0e8f5d8c4bf66eb254ce7d8660aaa469e30106b3', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '8dd1e819db15ac9ab94d6cfda4081fdbc11b39dd', 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: '63a73f465505d4b1bab8121933b18444a80d33a2', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '3dfbb10cd5ead27f916baf777937edf0d607a1f0', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '830a6de7d6d0112fd0ee535c820781aee7cbe1a8', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '24d335a172372a10c48bbd138a48094b680b06a5', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '08aa559492b97bced0b63f8d28f50398d94ae83a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '282e20c2636fe4363ece0831e080c48c1c5c958e', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '60c3fb960d28a0b0b5249a888f9aa2f3ea1d9141', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'f79e5479ca83d0a6a2f6f4e2e990dbc30f2ed1cc', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '7fab28e00822674f56631df0318a71bee571c1ba', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '44ef6bb6285e0eed094a432678bebd8584295923', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '84a8a0a96507f9cb0cb88a840871d2ae596e2105', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'fffd010fc9b22f6bdadce6bd1e30c93cb3f7a0b7', id: "withSelectedOption" }, h("div", { key: 'b46feccbc20f30dfff97accb9f7268758e2a525a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '10f3dd5eca0fb1a276f9085122ba4686414206cf', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '40d4f6a63aa2b59e57b977acf37eade3235df013', variant: "button" }, 'With Selected'))), h("div", { key: '527851b90c03b373f72ae2aba16901289c9681e5', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'ed34e9835acde3e320f7aa4c1e8f5d9404004daa', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '03d7e7b8b6b21196779f3ae7dc7a63e0df8eaa86', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '9bd88fde7e170056b2f613700d9c1d9fc7307e38', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0997c19d47298bda8b12089f97ac196fa5a36d84', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'daf1418e8747948df45f4c26f7f694793392b1c5', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'd2f2b7822d2d0ac16bfd7aecd0c77714150d8a85', id: "addOptionButton" }, h("custom-button", { key: 'ed8a4aa24b44c35d19902d1857ba1116fe4e44c2', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '13bce86ae5c0ba2eef03ae8b7daa91a167920860', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '2c4f226188928fdafba3f9b386ea6065c26fce06', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '167c7b36c16bb6d0d0da125b801d58b088cfb965', 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: '9e741081bcdee9b696ceda65f94fa8852223784f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '699dc5dfc451770813268649fedf223f0d5818f4', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ae030ca7fbea40a4dd6e01e7b588bf1361914bf9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'cb248c391bfbf3f9548f84617de19cf8f7d6a1d4', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'eb129eac44e52ae3901a072bd1f81409a79b9b97', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f3f1e06d7996c6cc6417aa72953088b7fe58f4c6', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9ecc562e53f6881873c57b5b84cf2c325f82c302', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'd44f675283cb14e18da11551cd914785f757be3b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'ce3f82cab7993f7a4e23b8b0d930a4d9577a2b40', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5ce593305098ea539661aa9241ff5fcaeb312533', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '17c0a761f497b69736a132d86274c4b72c8587f0', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'f482097209ee73f87b2ccded62741f08c7e5d36f', id: "withSelectedOption" }, h("div", { key: '6c1dd673b861e77fa9df16c4bfd3cd5ad527ead0', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '900257afb87ea2cbeecda63e468e2d26befe312c', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '61c42fe24533e70243d922a90ace657facbf390f', variant: "button" }, 'With Selected'))), h("div", { key: '55ad4c9a7bba6399ba59783c082afe6cffa3ed8c', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '389f555f381efda95d9465c588c413405db973ec', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '574d0b6c5cdf21aaf46de7c64212fd00aed55de2', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '20faae781e32bc29560f632ec95dc13d1fae11a5', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '2f9feebd1b587e9d0e399c22669e55d63b8b97b3', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '8c7ec1fb5f1c1f4ec1b57a158779b6f3b5b85a34', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'bca06f99ee4c9254fdc819faf206862df69e7d31', id: "addOptionButton" }, h("custom-button", { key: '46987f0f04f476a41d1ab42e0e7ad474d8123878', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '77530ccd29a4ab9011734aaeb547a2ac35c10d0f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f9df23cd3dac78f9c12396a4976c50d6ff4d324e', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: 'c23dbdfc6b07e209f6f4f0af5f4d20f300b9fa9c', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     static get is() { return "map-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -205,7 +205,7 @@ export class UdpMapToolbar {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: '014090f1cf1b4e43c9a75a960651bb056ac55ab3', 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: 'a89aa9acb1c9c01c31f6e730e17dd595bc6da472', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
     }
     static get is() { return "udp-map-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,11 +89,11 @@ export class UdpMap {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: 'cfc68de47d70fabeb74d3b0b6f78c1c317eddb82', 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: 'cf730fe0040dac4733618efa7f1b5912273a4014', 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: 'fff1607f182953419562b13988b311e772434aeb', 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: '49d244cc30139684e35f2f3d62a19fb994438882', 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: 'bfbdea596bf2f1462b4af1cbecd945b14d0a6e89' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '88fad9362a1e7d28a537eb2dfcdcb9735f491542' })));
     }
     static get is() { return "udp-map"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class UdpMenuItem {
         };
     }
     render() {
-        return (h("button", { key: 'f35c6b6ec4a18fffa31e24799023d8188780f42f', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'ee4749a261e8460505b504f224620175b4b491f6', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '590981d4167dad890294c1057786327296093cb3', class: "menu-item-label" }, h("unity-typography", { key: '47e56afb6cf2df512e0fde8d1777c97156c6e9cb', variant: 'body1' }, this.label))));
+        return (h("button", { key: '1ede58027c46bb2256944a857da57f400cb639cf', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '627147e2ded1b8c56a14bf325b6e84bda899b28b', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '779499e48b307bd11da339060f98412f5bf08865', class: "menu-item-label" }, h("unity-typography", { key: 'c5043d2ba242a1b70e014fd90da839e7c2ce9a6a', variant: 'body1' }, this.label))));
     }
     static get is() { return "udp-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class UdpMenu {
         }
     }
     render() {
-        return (h(Host, { key: '1fdd82d4a8db3e092d5d59e49d7be5ce3a66b275' }, h("div", { key: '7e8f74ee73c4645e96d6e9e443d24622baeb3c9f', class: "menu-panel", role: "menu" }, h("slot", { key: '968e99ae9e52ab5a4a94f0e4f1122b1e63cdb2a4' }))));
+        return (h(Host, { key: 'c5e8ea4f22f2071292099477f1ff8d605a02bbd3' }, h("div", { key: 'cafe00243d33febff310b602fa00eb8952a879d9', class: "menu-panel", role: "menu" }, h("slot", { key: '2c65e091649eeaffdbe1b453daff6bd8bb82179e' }))));
     }
     static get is() { return "udp-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stepper/udp-stepper-demo.js

@@ -90,7 +90,7 @@ export class UdpStepperDemo {
         };
     }
     render() {
-        return (h("div", { key: '6c6952688abf102cf5c005403c7dcdb0307cd947', style: { padding: '2rem' } }, h("unity-typography", { key: '3d58c09e5e1fa6b17651f68a5bee59a29f8fbe43', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '091a25566c7ef9e9e013781571146e380b61aea6', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '366387d3f681efe7629c7626b631d7c155c04e1c', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'a3ccde5f28be6597ca4b5eca9968b732c964c34c', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '75274571acf9bd7855de89c8a7bb47f2471be17a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f8557979d3c58e50fb40671d1ce80dd09740e83e', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '778a843e4e882eca86b2b408e64ba1cb204f42e9', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '7c0f206485f54c6baa992c1618c2e9ad80ed7351', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', 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/tabs/tab/tabs/udp-tabs.js

@@ -204,7 +204,7 @@ export class UdpTabs {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: '3790d9b57450ea495b83dee34f9280ef6c4615c5', class: "tab-container" }, h("div", { key: 'e2ec1d6163e28328f1253149b531a2cf80d825b4', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '9f2bf3572897f87ae118f106e7d5753ea1a21cda', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'c4c4a0ccd7c6eb27bc4a739a98ceb8a73ba7df81', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'fbd60697ebe4742fd9e214664c41c3395c4370a8', class: "scroll-fade left" }), h("div", { key: 'a8e5e91874ea6ff3e6157b555113ae40e8407497', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '5300dbcdc9fff54d87fe64e3bbcc3b6a1f04c331', class: "tab-container" }, h("div", { key: '83041e378183364889aa8d14114c9315ead1028c', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '87d95478e27c13440e15e3d6b8cf4047d3e97e53', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'a81987c97a0459533f17b68103788af401f06378', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'a52b3b7fba6022c4864f0cb89d24e34ade18a969', class: "scroll-fade left" }), h("div", { key: '0dc7ce8d4269539cfcd011736df876e6a64feebe', 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: '50dace21f2c4cc8c2f4d501d87e829d4f4a3a9bb', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '3790b8cb450cfefa2aa5c5f7ee121ecbf6ce0ab3', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '60ce8369b9fd71ba92ae6d0fae6dca6a82545657', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'ef547e1e0cec254d911650f044d6630d06b60b3e', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '50a77a6b24255667906fd870401a1d1b0db27e5a' }, h("slot", { key: '09334ee6bfaa2742101cf6ad8392a6657b300992' })))));
+        }), h("div", { key: '0892dff1735729462a927e9f7d0127b402a43918', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'edf6fc21360de9fd919e4d71aefec6e3c7ed9fdd', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '88adff5cab4b8baff5a1e4c6ed5f2fe44064f05e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '7704e98608f492cb4f599b706b302e003d84bb46', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: 'fd61baeb3e79a387c1367813fbaa99f496ae4d62' }, h("slot", { key: '872c0a2ead48abea1c946b7389c307a53d560705' })))));
     }
     static get is() { return "udp-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/tab/udp-tab.js

@@ -23,7 +23,7 @@ export class UdpTab {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '2ec122345eaef1a4d13849d3e4930b2a3a0304bc', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '7690e048f70b6ad422c73cd45756e62e0569815f' })));
+        return (h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
     }
     static get is() { return "udp-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/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: '26e8a868bb21f213d1465ee454ed13725a71888b', class: {
+        return (h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '36f7f55cb87d3344d0b83662a567e752224d2acb' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
     }
     static get is() { return "udp-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/timeline/udp-timeline-connector.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UdpTimelineConnector {
     render() {
-        return h("div", { key: 'a35580ac51d322c8816a9afcab9c45dd61c8dacf', class: "connector" });
+        return h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
     }
     static get is() { return "udp-timeline-connector"; }
     static get encapsulation() { return "shadow"; }