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

package/dist/components/udp-skeleton-loading2.js

@@ -15,7 +15,7 @@ const UdpSkeletonLoading = /*@__PURE__*/ proxyCustomElement(class UdpSkeletonLoa
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'a55df89b16c067a579ec4177039da791543c92d8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '8af6143940732dff91329dbd3acd7f0f9b9f2f97', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get style() { return udpSkeletonLoadingCss; }
 }, [257, "udp-skeleton-loading", {

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

@@ -59,7 +59,7 @@ const UdpSplitScreen$1 = /*@__PURE__*/ proxyCustomElement(class UdpSplitScreen e
         }
     }
     render() {
-        return (h("div", { key: '6de7d4288cb53149ae06ed973443b31ecd898015', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'a47d6eb52c88ec9c52d895af81ad722c1d5b4df0', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '8fe4023b236098476be1c7e113f94377d1396f89', name: "first-panel" })), h("div", { key: 'fb98abdfcefa4cd6e8dccd077c911033169244da', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1db3f8ad5295c7feeecbe77a02af8f5cea712be6', class: "drag-handle" })), h("div", { key: '6b8a9feb47f10756bab8a3cf2fa2aac2069627b4', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '26a15ac5efaae765de72034e8359dfd2a51be80d', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: '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))));
     }
     static get style() { return udpSplitScreenCss; }
 }, [257, "udp-split-screen", {

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

@@ -99,7 +99,7 @@ const UdpStepperDemo$1 = /*@__PURE__*/ proxyCustomElement(class UdpStepperDemo e
         };
     }
     render() {
-        return (h("div", { key: 'afad6510846a9c4d5d83344d045915061c40e4da', style: { padding: '2rem' } }, h("unity-typography", { key: '39114ea64804d8441c90ab2b4bac9175509128f1', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '4525e5ceb4a92ddc679690ba2762bfaff5b09218', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'c28dc5a2348e1af8e544a33d6f359d32d7f326ea', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'bc50999f3a4b9f150d3f932101221c9c6b992fdc', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: 'a5fb283cd408dae5a92b5bbcb999849d29c4114e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'cc34b5cfd9e2a29dc5f23c229e28ff6e3bb4fccd', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '6d602c582f6ebc764cb46f0bc3a7b7322da22217', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'f530054751640c808efa3a1abdfea025402283a8', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: '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" })));
     }
 }, [257, "udp-stepper-demo", {
         "activeStep": [32],

package/dist/components/udp-tab-panel.js

@@ -12,10 +12,10 @@ const UdpTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class UdpTabPanel extends
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '735bca81299145233b3e2e017eef05a840b0fb69', class: {
+        return (h("div", { key: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '68ad651e93008ca12c4d976ca71747a4f4cf4b39' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
     }
     static get style() { return udpTabPanelCss; }
 }, [257, "udp-tab-panel", {

package/dist/components/udp-tab2.js

@@ -30,7 +30,7 @@ const UdpTab = /*@__PURE__*/ proxyCustomElement(class UdpTab extends H {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '0dbc41862f8bb01ecfec94ca44f082f0e4e7104f', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: 'facc5f18260ea67c405dca1a90dcdc48e5ec995c' })));
+        return (h("div", { key: '20ba03ac77abb9cde63aa864aac67db7c57bf66a', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: 'd4b0450e94770421adae0e47c0b868d00cdf772d' })));
     }
     static get style() { return udpTabCss; }
 }, [260, "udp-tab", {

package/dist/components/udp-tabs2.js

@@ -214,7 +214,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: 'dd8ac7e3d101993b8df00c97bf561e2502e9f3c1', class: "tab-container" }, h("div", { key: '5f70a5c0da906152b130f6eaa98b81bf80485920', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'e1a3a7d3650ae3703734a51b251600bf12dbed0c', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '36e6294b1a775a30906cc0236f8104ad03998c01', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: '8dca0bd111f13c1890fbc010efbabb2aa0440c13', class: "scroll-fade left" }), h("div", { key: '966f761c7f3cc45eb5b6737e8dbb63dc75a68325', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '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) => {
             if (tab.hidden) {
                 return null;
             }
@@ -228,7 +228,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: 'df383b17c3e36fc7f261ff6a6c1220a4f923477f', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '7f8ae28f6662266a113adbb7ca40a4ef7d0b8427', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '0ad034fb7dc24388476e0c37bc9cf4196f4145bc', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '4cdbf5880b2e30dc6541228323a31e2dd34eabae', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '2097c674562eb5acfdadda5a05e6f2eed8821f99' }, h("slot", { key: '375c96eb85f6581426f72bf1c544538df4c6fdd6' })))));
+        }), h("div", { key: '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' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-time-selector2.js

@@ -229,7 +229,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'bb2f53940548506b2967b68fe6c5b1e73430af55', class: {
+        return (h(Host, { key: '12a2d440fea4d80364d4df0211ba273830c10a1b', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -238,9 +238,9 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
                 '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: '15b2fe88d041385bf7035ecca64d7769bdeb843b', class: "bx--form-item" }, h("unity-typography", { key: '0566f681872070de620318de7d21f96accab4cd6', variant: "caption-text" }, h("label", { key: '72940ec01c5d54230d58e5095b69988803d002c7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '4cf4cd9acd57d8d5144e0e2b61362befce824b25', 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: '5a48660fac4210a46ca101eeb40c5c47e7a6382a', class: "bx--form-item" }, h("unity-typography", { key: '1baa18f50e33c4dead50ecf5e5ab33c01ad903ec', variant: "caption-text" }, h("label", { key: '8d816c14c78edee99bef993a42d38acdf65ff520', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '708202991f4617424ad4774aea9745a5d87e867d', 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: 'cc2818ea8716991e0f891315dfed07daa5ed5fd2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4bf7b30038e585098859836eff7e6f2dcfdea8ad', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -17,7 +17,7 @@ const UdpVerticalSpacer$1 = /*@__PURE__*/ proxyCustomElement(class UdpVerticalSp
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (h("div", { key: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', class: spacingClass }));
     }
     static get style() { return udpVerticalSpacerCss; }
 }, [257, "udp-vertical-spacer", {

package/dist/components/upd-alert-banner2.js

@@ -15,7 +15,7 @@ const UpdAlertBanner = /*@__PURE__*/ proxyCustomElement(class UpdAlertBanner ext
         this.message = '';
     }
     render() {
-        return (h("div", { key: 'd252b1793bc4caa4e96acebb6e2ec6ba8e52f029', class: `alert-banner ${this.type}` }, h("unity-typography", { key: '7ec2b81da5013172c16f6d61b1454a3264ef66ca', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (h("div", { key: '4551695bcaba3fde5445c7a34f1d67d0444af855', class: `alert-banner ${this.type}` }, h("unity-typography", { key: 'd763dea98c2b14a12753f54d5b99c89be23aaf49', variant: "data-display-three" }, "   ", this.message, " ")));
     }
     static get style() { return updAlertBannerCss; }
 }, [257, "upd-alert-banner", {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-07T23:09:31",
+  "timestamp": "2025-11-13T17:47:27",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.2",
@@ -34771,11 +34771,17 @@
           "unity-typography"
         ],
         "udp-side-sheet": [
+          "udp-icon",
           "stencil-icon-button",
           "unity-typography",
           "udp-button",
+          "udp-linear-loader",
+          "udp-pop-over",
+          "udp-menu-item"
+        ],
+        "udp-menu-item": [
           "udp-icon",
-          "udp-linear-loader"
+          "unity-typography"
         ],
         "udp-forms-builder-style-override": [
           "text-field",
@@ -35565,11 +35571,13 @@
           "unity-typography"
         ],
         "udp-side-sheet": [
+          "udp-icon",
           "stencil-icon-button",
           "unity-typography",
           "udp-button",
-          "udp-icon",
-          "udp-linear-loader"
+          "udp-linear-loader",
+          "udp-pop-over",
+          "udp-menu-item"
         ],
         "stencil-icon-button": [
           "udp-ambient-tool-tip",
@@ -35581,6 +35589,10 @@
         "udp-badge": [
           "unity-typography"
         ],
+        "udp-menu-item": [
+          "udp-icon",
+          "unity-typography"
+        ],
         "udp-list-renderer": [
           "udp-pagination"
         ],
@@ -36141,11 +36153,13 @@
           "udp-forms-ui"
         ],
         "udp-side-sheet": [
+          "udp-icon",
           "stencil-icon-button",
           "unity-typography",
           "udp-button",
-          "udp-icon",
-          "udp-linear-loader"
+          "udp-linear-loader",
+          "udp-pop-over",
+          "udp-menu-item"
         ],
         "stencil-icon-button": [
           "udp-ambient-tool-tip",
@@ -36157,6 +36171,10 @@
         "udp-badge": [
           "unity-typography"
         ],
+        "udp-menu-item": [
+          "udp-icon",
+          "unity-typography"
+        ],
         "udp-list-renderer": [
           "udp-pagination"
         ],
@@ -42550,7 +42568,8 @@
         "filter-group",
         "grid-header",
         "map-toolbar",
-        "resource-timeline-primary-bar"
+        "resource-timeline-primary-bar",
+        "udp-side-sheet"
       ],
       "dependencies": [
         "udp-icon",
@@ -42578,6 +42597,9 @@
         ],
         "resource-timeline-primary-bar": [
           "udp-menu-item"
+        ],
+        "udp-side-sheet": [
+          "udp-menu-item"
         ]
       }
     },
@@ -43254,7 +43276,8 @@
         "feature-details-card",
         "map-toolbar",
         "my-component",
-        "udp-dynamic-container-with-menu"
+        "udp-dynamic-container-with-menu",
+        "udp-side-sheet"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -43272,6 +43295,9 @@
         ],
         "udp-dynamic-container-with-menu": [
           "udp-pop-over"
+        ],
+        "udp-side-sheet": [
+          "udp-pop-over"
         ]
       }
     },
@@ -45438,10 +45464,38 @@
       "encapsulation": "shadow",
       "tag": "udp-side-sheet",
       "readme": "# udp-side-sheet\n\n\n",
-      "docs": "",
+      "docs": "Side sheet component used for contextual drawers.",
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "footerSecondaryButtons",
+          "type": "SecondaryButton[]",
+          "complexType": {
+            "original": "SecondaryButton[]",
+            "resolved": "SecondaryButton[]",
+            "references": {
+              "SecondaryButton": {
+                "location": "import",
+                "path": "./types",
+                "id": "src/components/my-component/UI/drawers/udp-side-sheet/types.ts::SecondaryButton"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Secondary buttons to render in the footer",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "SecondaryButton[]"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "headerActionButtonDisabled",
           "type": "boolean",
@@ -45453,7 +45507,7 @@
           "mutable": false,
           "attr": "header-action-button-disabled",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Whether the header action button is disabled",
           "docsTags": [
             {
               "name": "default",
@@ -45482,7 +45536,7 @@
           "mutable": false,
           "attr": "header-action-button-icon",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Icon name for the header action button",
           "docsTags": [],
           "values": [
             {
@@ -45505,7 +45559,7 @@
           "mutable": false,
           "attr": "header-action-button-label",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Label for the header primary action button",
           "docsTags": [],
           "values": [
             {
@@ -45517,6 +45571,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "headerSecondaryButtons",
+          "type": "SecondaryButton[]",
+          "complexType": {
+            "original": "SecondaryButton[]",
+            "resolved": "SecondaryButton[]",
+            "references": {
+              "SecondaryButton": {
+                "location": "import",
+                "path": "./types",
+                "id": "src/components/my-component/UI/drawers/udp-side-sheet/types.ts::SecondaryButton"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Additional secondary buttons to render in the header",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "SecondaryButton[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "loading",
           "type": "boolean",
@@ -45528,7 +45610,7 @@
           "mutable": false,
           "attr": "loading",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "When true, shows a top loader",
           "docsTags": [
             {
               "name": "default",
@@ -45557,7 +45639,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "When true, the side sheet is open and visible",
           "docsTags": [
             {
               "name": "default",
@@ -45586,7 +45668,7 @@
           "mutable": false,
           "attr": "padding",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Controls whether default inner padding is applied",
           "docsTags": [
             {
               "name": "default",
@@ -45615,7 +45697,7 @@
           "mutable": false,
           "attr": "position",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Position of the sheet on the screen",
           "docsTags": [
             {
               "name": "default",
@@ -45649,7 +45731,7 @@
           "mutable": false,
           "attr": "primary-button-disabled",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Whether the primary footer button is disabled",
           "docsTags": [
             {
               "name": "default",
@@ -45678,7 +45760,7 @@
           "mutable": false,
           "attr": "primary-button-icon",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Icon name for the primary footer button",
           "docsTags": [],
           "values": [
             {
@@ -45701,7 +45783,7 @@
           "mutable": false,
           "attr": "primary-button-label",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Label for the primary footer action button",
           "docsTags": [],
           "values": [
             {
@@ -45724,7 +45806,7 @@
           "mutable": false,
           "attr": "title",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Title text displayed in the header",
           "docsTags": [],
           "values": [
             {
@@ -45747,7 +45829,7 @@
           "mutable": false,
           "attr": "width",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Width preset or a numeric pixel width",
           "docsTags": [
             {
               "name": "default",
@@ -45795,7 +45877,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted when the header action button is clicked",
           "docsTags": []
         },
         {
@@ -45809,7 +45891,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted when the primary footer button is clicked",
           "docsTags": []
         },
         {
@@ -45823,7 +45905,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted when the sheet is closed",
           "docsTags": []
         }
       ],
@@ -45837,19 +45919,23 @@
         "udp-forms-renderer"
       ],
       "dependencies": [
+        "udp-icon",
         "stencil-icon-button",
         "unity-typography",
         "udp-button",
-        "udp-icon",
-        "udp-linear-loader"
+        "udp-linear-loader",
+        "udp-pop-over",
+        "udp-menu-item"
       ],
       "dependencyGraph": {
         "udp-side-sheet": [
+          "udp-icon",
           "stencil-icon-button",
           "unity-typography",
           "udp-button",
-          "udp-icon",
-          "udp-linear-loader"
+          "udp-linear-loader",
+          "udp-pop-over",
+          "udp-menu-item"
         ],
         "stencil-icon-button": [
           "udp-ambient-tool-tip",
@@ -45861,6 +45947,10 @@
         "udp-badge": [
           "unity-typography"
         ],
+        "udp-menu-item": [
+          "udp-icon",
+          "unity-typography"
+        ],
         "udp-forms-builder": [
           "udp-side-sheet"
         ],
@@ -49931,6 +50021,11 @@
       "docstring": "",
       "path": "../../node_modules/.pnpm/@stencil+core@4.38.2/node_modules/@stencil/core/internal/stencil-core/index.d.ts"
     },
+    "src/components/my-component/UI/drawers/udp-side-sheet/types.ts::SecondaryButton": {
+      "declaration": "export interface SecondaryButton {\n  id: number | string;\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  onClick: () => void\n}",
+      "docstring": "",
+      "path": "src/components/my-component/UI/drawers/udp-side-sheet/types.ts"
+    },
     "../../node_modules/.pnpm/final-form@4.20.10/node_modules/final-form/dist/index.d.ts::FormApi": {
       "declaration": "export interface FormApi<\n  FormValues = Record<string, any>,\n  InitialFormValues = Partial<FormValues>,\n> {\n  batch: (fn: () => void) => void;\n  blur: (name: keyof FormValues) => void;\n  change: <F extends keyof FormValues>(name: F, value?: FormValues[F]) => void;\n  destroyOnUnregister: boolean;\n  focus: (name: keyof FormValues) => void;\n  initialize: (\n    data: InitialFormValues | ((values: FormValues) => InitialFormValues),\n  ) => void;\n  isValidationPaused: () => boolean;\n  getFieldState: <F extends keyof FormValues>(\n    field: F,\n  ) => FieldState<FormValues[F]> | undefined;\n  getRegisteredFields: () => string[];\n  getState: () => FormState<FormValues, InitialFormValues>;\n  mutators: Record<string, (...args: any[]) => any>;\n  pauseValidation: () => void;\n  registerField: RegisterField<FormValues>;\n  reset: (initialValues?: InitialFormValues) => void;\n  resetFieldState: (name: keyof FormValues) => void;\n  restart: (initialValues?: InitialFormValues) => void;\n  resumeValidation: () => void;\n  setConfig: <K extends ConfigKey>(\n    name: K,\n    value: Config<FormValues>[K],\n  ) => void;\n  submit: () => Promise<FormValues | undefined> | undefined;\n  subscribe: (\n    subscriber: FormSubscriber<FormValues>,\n    subscription: FormSubscription,\n  ) => Unsubscribe;\n}",
       "docstring": "",

package/dist/esm/add-map-feature-popup_4.entry.js

@@ -81,11 +81,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8a80462e93ff992138a3618d00230fa320f1247e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'e23169696696373cdd2d7a73358d91b0c3bdf3fa', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '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) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '03921fbbb989a7cc4f67a6789b5026e194cd5f5e', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: '055e530103ac5b5eb284e2c860a6128d19374ba1', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: '1359c6564351367c01c0703ed838de5b5096294a', class: "formButton" }, h("custom-button", { key: '91668bf33c28f218f7391a37997e4700b0ac1eab', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), h("div", { key: '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)) ||
                 this.selectedType === null }))));
     }
     static get watchers() { return {
@@ -260,22 +260,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '92aff962af02e5cf567ed73e01331c5c4e0a7d36', class: "toolbarContainer" }, h("div", { key: '865a3024d08132f49842f5501d0adb501a9c4eb5', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '5d35a424f4530a9f5ce373decdc507ec0950d846', variant: "h4" }, this.mapTitle)), h("div", { key: 'b37a86dee249f48432bd3d2ec1ff7119974c0208', class: "buttons" }, h("div", { key: '95dbc9ae45e4ed791448ad0dcba95cf2a596bade', class: "buttonContainer" }, h("div", { key: 'fc9dc7fccc9f139335114d063efafefc0c516377', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '111c9c98e9d983ec1c6ddf5311cecb12b27888ec', id: "filterOption" }, h("div", { key: 'e6ecbdd628141b4c2f1bea0d8aaf3157d0800168', id: "filterOptionButton" }, h("stencil-icon-button", { key: '0123cc43cf0215a0490fe69c2e6dabdb7ebca07a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '87d771bc490a75ad7e926bddf60b3f19bc1a5578', id: "filterOptionDiv" }, h("udp-pop-over", { key: '19cf5a56d0f8e9bb34ee7676f638157484c0fa27', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'fe5b580e4006473bab8213198e4d14e2c152a3b9', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '6084b6eec32eff25caa021592d1a43ca211de43c', id: "layerOption" }, h("div", { key: 'acb3dea072a8cdde8eae06c5029cab86ede335bb', id: "layerOptionButton" }, h("stencil-icon-button", { key: '1b997180ab2ad4b38af0d7db79ec6b3200d5002b', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'e5bc121b178770d1f554773e21b5784aef30d36b', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'd879c986af1754329ddeb2ae8338fb46d0b606d0', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '7bc85044798e140bf4725249821ef5cd80071ad0', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '286a5caed22a8e24f00d8c0059b10e9df280eafc', id: "bulkSelectOption" }, h("div", { key: '4a9206ccd1eef4f64a472b32f4254b245a97780b', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '599e85c48f6e6faf263c104bd54c8ca4eb6615b5', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '6e684eecc4c1f760d1af6ebc75a1d2f939646c7d', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'eac89e93ec0756f8c928bbc8d3e1511b5f6758dc', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'a5625c778b322a630e9103a58815b281c3c874e3', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: '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: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '2d64af7fc0cacfca6a2f64d42bb65a1ef866a268', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'dc61c1fe2f7918ea83f89be262d8cb29d51f226b', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '24275349b0beaa377012af15227d1871cfef0350', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '115f39df51f9652896c86a0ab5d3ebcac74b7f42', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '68dced4de1ef9839b9fe99c2270d83e35824b5e3', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '5a552b35e6f17bbf0d239c1d7ecf61c93dae0b8b', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '677903b1fa52a56a94c856349d195adf5fcd44e0', id: "splitOption" }, h("div", { key: '7b2c01b8db2d4cf74a686533fd49fb4bb4aaf942', id: "splitOptionButton" }, h("stencil-icon-button", { key: '8be08c89e8330e406d37ed7ddbaf4ef771dbc893', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '37075abad3f520af3c3a476830e1edf3441a3a55', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: 'd14d5e422bf018771401e1f902f6ffee4e60536c', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '26ac310d4543db4ef26a1428a2ae6330a8f8dc2e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '031a71e008b330f58ba093292d92246ced0255e9', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '4581c9ffd923f25521c428ecef6fd5fdaadfb89b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '1143ca35a8aa4cee611747e7d9a724fcb773cd80', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '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: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '47326bd2461319fde02ada021b7b36601801006b', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: 'd99768af9e9a97b47cbd593929bfe3759b8989d6', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '3d0c70f3ec271f9c051619ff12f0b3127f00c050', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fa873733fcd91058bfe4feaa7d4ce0447df6d5a1', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '8ddc969c7980c65cf966f8987967f9baefa7eb3e', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c03d59a07fa922a344fc08302a8c704ffb76f4d5', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0b67fc50e7b85793513584b92b3a1e78925676bb', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'e728ddd150014a1938126d3c7e9cdd019c7f4d07', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c6fd3b23c9875e21ade00d200a6e3ba271f9e6b7', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'f1742d21adfa7d0191550223f6274be4a60aec06', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '4fa8add9733ff4b386bf0d42cb127d2b322c066d', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '0dfefbea95108e46e5a4c04912f79175628f21b0', id: "withSelectedOption" }, h("div", { key: 'a1e2b7dbfdda5412d334de1963941d87776b260d', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '3127f8a603d95b6e5464442cf3d8384ef96a21d8', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'dc870d24afc035204de902e28f6b50e653937f21', variant: "button" }, 'With Selected'))), h("div", { key: '3b8fcd59e572f4b3bdb4eed06fea231b0b53a3a7', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'f9cd89aada0facea33b8d36dd4f4bffabe22131e', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '8534a1c5c88a0bc17310dc143874921ba42caa12', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '6f753e273730d6594fae87ea1ed15b88387a274e', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '38b4021f5f65a64111637f79da94f52458cb661b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'fab640268b46c9c86eb35a72eca539877cdf0b37', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '76016acd0aec63d999341d8b042242813c8d7596', id: "addOptionButton" }, h("custom-button", { key: '2b432bb1c027d17aa11a2f7a316daaa4a8153975', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '40c415e61dd6184f24da61a50a25e52878879fb1', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '756afd7031d5d4d9ce04a49f3a9ca6493a751f54', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '821bc3b0df6df063b0e0a40177631ee0c3ad4371', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '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 }))))))));
     }
     get mapToolbarElement() { return getElement(this); }
     static get watchers() { return {
@@ -300,9 +300,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '59c78bf206bd9fded412537c9895df6f03bb9d6e', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '82aa97bae49d1322b829ee6a81e042ef65c843a5', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '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) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), h("div", { key: '3349429aa5bc8b56ab8353312d8dfd72bacecfc7', style: { height: '12px' } }), h("div", { key: '36ee444e5eca89aee6fc8f1fb490f85710a3f203' }, h("text-field", { key: '40ee433a9b81fefe07fea2c187e668c1f72f3c37', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), h("div", { key: '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 &&
             ((_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 }))))));
     }
 };
@@ -318,7 +318,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '0f59eb37ecfaa2e6b15831da41cf1845c9255d65', class: "popoverContent" }, h("udp-selector", { key: 'f3edeffd55bba9595514cc3892616fb6cae51f5e', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: '6bef4be9dd21190fba6cf252f14289972b3faefd', class: "popoverContent" }, h("udp-selector", { key: '96de4c44244ab905076f94c9c7369052944861e0', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,