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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var es = require('@carbon/icons/es');
 var udpMapUtils = require('./udp-map-utils-BXqQmr-h.js');
 var common = require('./common-By_kzIQM.js');

package/dist/cjs/advanced-search-builder.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var udpOperatorHelper = require('./udpOperatorHelper-MMG_hrZS.js');
 
 const generateFilterString = (data) => {

package/dist/cjs/advanced-search_50.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var catalogStore = require('./catalog-store-yJKDPXXM.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var uuid = require('uuid');
@@ -662,7 +662,7 @@ const AmbientDemoContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a5c238df1343ab96d334fb0b013c393835b1c11e', class: "container" }, index.h("div", { key: '8c43e8fbc425796685da07ceb134adf8e2bc0a65', class: "title-container" }, " ", index.h("unity-typography", { key: '9ea72535c3f58822abfde8260e17a1dfc97227ae', variant: "button" }, " ", this.title, " "), " "), index.h("slot", { key: '52edab7acd8f01735b9a7341b9fca3a0ae7a9508' })));
+        return (index.h("div", { key: 'aabd2db2a35785c49e8bce7f39ec3321814514b5', class: "container" }, index.h("div", { key: '104242d374cbb562dae2934c379384adcf689cc2', class: "title-container" }, " ", index.h("unity-typography", { key: 'ee84ba9c0176de8e4ed3a2f5521fcecf7602ebea', variant: "button" }, " ", this.title, " "), " "), index.h("slot", { key: 'f55df725728ccad67e8f191a09eff301fb26d394' })));
     }
 };
 AmbientDemoContainer.style = ambientDemoContainerCss;
@@ -4547,7 +4547,7 @@ const AppBar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a96a536ce64d82b2a05a305539b0d40cb9372e14', class: "header" }, index.h("stencil-icon-button", { key: '391ce32825452e7da4bba0423b7f373b8bd9c4a4', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: 'bb88b074aa8ec47ef03aeb64a0b6b23794f0296f', variant: 'data-display-one' }, " ", index.h("slot", { key: '6b7dc252193ce4b63d1a42634c81ef5a704f7581' }), "   "), index.h("a", { key: 'd5bc1a1c3a12ea3d6d93b82859c81f0ea1d1845e', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: 'bc6e26c729d46424d07935029f6d9a84cb658548', class: "header__logo" }), index.h("div", { key: '3827e3e7fe86a3c6a7f15d654b70655b8b77a748', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: 'b81cb8f52041214a74bd02d89f17bbdd2128463a', class: "header__global" }, index.h("udp-avatar", { key: '8c9ab84ee004cc0eb1405e7f491f4cafc4863a58', username: this.username }))));
+        return (index.h("div", { key: '569816f25d9bdf9286623b9e2b7e86ecb3ddb785', class: "header" }, index.h("stencil-icon-button", { key: '2980f6a34b1321c23b709ccdc63a49b35262a41f', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: '916bf7f902e71fb62694a84ddabe0ffa9638424d', variant: 'data-display-one' }, " ", index.h("slot", { key: '5e792e8680f9e11ae8de27d9ccee20c004fe9cf4' }), "   "), index.h("a", { key: '6eb956082f541a38807e29dc8c18c0e5ce0e7a99', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: 'ab60340a8b921edf0dc303de7558ab5b2dd473ce', class: "header__logo" }), index.h("div", { key: '64082fa1132e127acdb00f9e6876e39d53ed03ce', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: '133b4ec8621d4a2d9fd0bb7b0c9f870741bba504', class: "header__global" }, index.h("udp-avatar", { key: 'a8a35852fee5cd30832266fa88cde579c5b9d2ad', username: this.username }))));
     }
 };
 AppBar.style = appBarCss;
@@ -7653,7 +7653,7 @@ const DynamicContainerWithMenu = class {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (index.h("div", { key: '71f418211a987ee241e9037c29c4bd3204cb1836', class: "container" }, index.h("div", { key: '5da39f24ea892e4176fbedd85b3a3a6f1ee17aa4', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index$1) => (index.h("stencil-chip", { color: "secondary", key: index$1, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), index.h("div", { key: 'af27dfc93010680c2617a7da6fb6cf6c51bb8727', class: "overflow" }, index.h("udp-pop-over", { key: '4c2a5beda6b819e7e452aecf384a82719c4a1eb7', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, index.h("div", { key: 'd4cf442f4ee12e97517e69b883fd6c52d11c4837', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index$1) => (index.h("stencil-chip", { key: index$1, text: child.label, "show-delete": "false" }, " "))))))));
+        return (index.h("div", { key: '99a3ae39a56314eacb1cad4a8088f98acc52ef9d', class: "container" }, index.h("div", { key: 'cf6c29cc6fc435cadcc12f22b61246d03a3fa85b', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index$1) => (index.h("stencil-chip", { color: "secondary", key: index$1, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), index.h("div", { key: '6f06947570a2f227909060d9cbb0c282ed219eda', class: "overflow" }, index.h("udp-pop-over", { key: '11cf2f25c44d69075d24f622c03bdd7418f037af', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, index.h("div", { key: 'c69c2e7eadedaaa70e63da5b7e636050660dd889', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index$1) => (index.h("stencil-chip", { key: index$1, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -8492,37 +8492,270 @@ const UdpSkeletonLoading = class {
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;
 
-const udpTabCss = ".tab-panel{display:none;background-color:#ffffff}.tab-panel.active{display:block}";
+const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
 
 const UdpTab = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-    }
-    activeChanged() {
-        // Handle the active state change, if needed
+        /**
+         * True if this is the active tab.
+         * This is set by the parent <udp-tabs> component.
+         */
+        this.active = false;
+        /**
+         * Placement of the icon relative to the title.
+         * @default 'start'
+         */
+        this.iconPlacement = 'start';
+        /**
+         * If true, the tab will be hidden from the tab list.
+         * @default false
+         */
+        this.hidden = false;
+        /**
+         * If true, the tab will be unselectable.
+         * @default false
+         */
+        this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: '775798db38994b9a9dcfdb94a8cc588bafed47f9', class: { 'tab-panel': true, 'active': this.active } }, index.h("slot", { key: '6f67d3f672d0600eeb84b9dfcc2c12f2fc931ef7' })));
+        return (index.h("div", { key: '0dbc41862f8bb01ecfec94ca44f082f0e4e7104f', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, index.h("slot", { key: 'facc5f18260ea67c405dca1a90dcdc48e5ec995c' })));
     }
-    static get watchers() { return {
-        "active": ["activeChanged"]
-    }; }
 };
 UdpTab.style = udpTabCss;
 
-const udpTabsCss = ".tab-header{display:flex;background-color:#ffffff;border-bottom:1px solid #e0e0e0}.tab-header button{flex-grow:1;padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.3s ease}.tab-header button.active{border-bottom:2px solid 'var(--secondary-color)';font-weight:600}.tab-content{display:flex;flex-direction:column;padding:16px;background-color:#ffffff}.tab-header button{cursor:pointer;border:none;padding:16px;background-color:transparent;color:#757575}.tab-header button.active{border-bottom:2px solid #344861;color:#344861;font-weight:600}";
+const udpTabsCss = ".tab-container{display:flex;flex-direction:column}.tab-header{background-color:#ffffff;position:relative;display:flex;align-items:center}.tab-scroll-container{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}.tab-scroll-container::-webkit-scrollbar{height:4px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent}.tab-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.2);border-radius:4px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}.tab-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--divider-color, #e0e0e0)}.tab-header button{padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.22s ease;color:#555555;font-weight:600;opacity:0.9;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-header.fill .tab-scroll-container{width:100%}.tab-header.fill .tab-scroll-container button{flex-grow:1}.tab-header button.active{color:var(--secondary-color, #344861);opacity:1.0}.tab-header button.scroll-arrow{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:#ffffff;cursor:pointer;font-size:16px;font-weight:bold;color:#757575;z-index:2;transition:color 0.2s ease;flex-shrink:0;opacity:1;gap:0}.tab-header button.scroll-arrow:hover{color:#000}.tab-header button.scroll-arrow.left{left:0}.tab-header button.scroll-arrow.right{right:0}.scroll-fade{position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.scroll-fade.left{left:40px;background:linear-gradient(\n    to right,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  )}.scroll-fade.right{right:40px;background:linear-gradient(\n    to left,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  )}.tab-header button udp-icon{font-size:1.2em;line-height:1}.tab-header button.icon-start{flex-direction:row}.tab-header button.icon-end{flex-direction:row-reverse}.tab-header button.icon-top{flex-direction:column;gap:4px}.tab-header button.icon-bottom{flex-direction:column-reverse;gap:4px}.slider{position:absolute;bottom:0;left:0;height:2px;background-color:var(--secondary-color, #344861);transition:transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n    width 0.22s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.tab-header button.disabled{opacity:0.5;cursor:not-allowed}.tab-header button.disabled.active{color:#757575;opacity:0.5}";
 
 const UdpTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.activeTab = 0;
+        this.udpTabChange = index.createEvent(this, "udpTabChange");
+        /**
+         * Specifies the layout variant of the tab header.
+         *
+         * - `'standard'`: Tabs will be sized based on their content.
+         * - `'fill'`: Tabs will stretch to fill the available horizontal space.
+         */
+        this.variant = 'fill';
+        /**
+         * (Optional) An array of tab configuration objects.
+         * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.
+         * This mode is typically used with controlled tabs.
+         */
+        this.tabs = [];
+        this.internalActiveTab = 0; // For uncontrolled mode
+        this.tabDetails = []; // Unified details from prop or slot
+        this.sliderStyle = {
+            width: '0',
+            transform: 'translateX(0)',
+        };
+        this.showScrollLeft = false;
+        this.showScrollRight = false;
+        this.slottedTabs = []; // Renamed from `tabs`
+        this.buttonRefs = [];
+    }
+    /**
+     * Returns true if the component is in controlled mode.
+     */
+    get isControlled() {
+        return this.value != null;
+    }
+    /**
+     * Returns true if tabs are being provided by the `tabs` prop.
+     */
+    get useTabsProp() {
+        return this.tabs && this.tabs.length > 0;
+    }
+    /**
+     * Returns the currently active tab index,
+     * respecting controlled or uncontrolled mode.
+     */
+    get activeTab() {
+        return this.isControlled ? this.value : this.internalActiveTab;
+    }
+    handleSlotChange() {
+        // If we're using the tabs prop, slot changes are irrelevant
+        if (this.useTabsProp)
+            return;
+        this.initializeTabs();
+    }
+    handleResize() {
+        requestAnimationFrame(() => {
+            this.updateSliderPosition();
+            this.checkScroll();
+        });
+    }
+    componentDidLoad() {
+        this.initializeTabs();
+    }
+    /**
+     * Watcher for uncontrolled state changes.
+     */
+    onActiveTabChange(newValue) {
+        this.updateActiveTabs();
+        this.updateSliderPosition();
+        this.scrollTabIntoView(newValue);
+    }
+    /**
+     * Watcher for controlled state changes.
+     */
+    onValueChange(newValue) {
+        this.updateActiveTabs();
+        this.updateSliderPosition();
+        this.scrollTabIntoView(newValue);
+    }
+    /**
+     * Watcher for tabs prop changes.
+     */
+    onTabsPropChange() {
+        this.initializeTabs();
+    }
+    onVariantChange() {
+        requestAnimationFrame(() => {
+            this.updateSliderPosition();
+            this.checkScroll();
+        });
+    }
+    initializeTabs() {
+        var _a, _b;
+        this.buttonRefs = [];
+        if (this.useTabsProp) {
+            // --- Prop-based ---
+            this.tabDetails = this.tabs.map(t => (Object.assign({}, t))); // Use data from prop
+            this.slottedTabs = []; // Ensure we're not tracking slotted tabs
+        }
+        else {
+            // --- Slot-based ---
+            this.slottedTabs = Array.from(this.el.children).filter((child) => child.tagName.toLowerCase() === 'udp-tab');
+            this.tabDetails = this.slottedTabs.map(tab => ({
+                label: tab.label,
+                icon: tab.icon,
+                iconPlacement: tab.iconPlacement,
+                hidden: tab.hidden,
+                disabled: tab.disabled,
+            }));
+        }
+        // --- Common Logic ---
+        // In uncontrolled mode, check if the default active tab is invalid.
+        if (!this.isControlled) {
+            if (((_a = this.tabDetails[this.internalActiveTab]) === null || _a === void 0 ? void 0 : _a.hidden) || ((_b = this.tabDetails[this.internalActiveTab]) === null || _b === void 0 ? void 0 : _b.disabled)) {
+                const firstValidIndex = this.tabDetails.findIndex(tab => !tab.hidden && !tab.disabled);
+                this.internalActiveTab = firstValidIndex > -1 ? firstValidIndex : 0;
+            }
+        }
+        this.updateActiveTabs();
+        requestAnimationFrame(() => {
+            this.updateSliderPosition();
+            this.checkScroll();
+        });
+    }
+    updateActiveTabs() {
+        // Only update slotted tabs if we're in slot mode
+        if (!this.useTabsProp) {
+            const currentActiveTab = this.activeTab;
+            this.slottedTabs.forEach((tab, index) => {
+                tab.active = index === currentActiveTab;
+            });
+        }
+        // If in prop mode, the <button> 'active' class is handled by render()
+    }
+    updateSliderPosition() {
+        const activeButton = this.buttonRefs[this.activeTab]; // Use getter
+        if (!activeButton) {
+            this.sliderStyle = { width: '0px', transform: 'translateX(0px)' };
+            return;
+        }
+        this.sliderStyle = {
+            width: `${activeButton.offsetWidth}px`,
+            transform: `translateX(${activeButton.offsetLeft}px)`,
+        };
+    }
+    checkScroll() {
+        if (!this.scrollContainerRef)
+            return;
+        const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainerRef;
+        const isOverflowing = scrollWidth > clientWidth;
+        this.showScrollLeft = isOverflowing && scrollLeft > 1;
+        this.showScrollRight = isOverflowing && scrollLeft < scrollWidth - clientWidth - 1;
     }
     tabClicked(tabIndex) {
-        this.activeTab = tabIndex;
+        var _a;
+        if ((_a = this.tabDetails[tabIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
+            return;
+        }
+        if (this.isControlled) {
+            // In controlled mode, emit the event for the parent to handle.
+            // The `onValueChange` watcher will handle UI updates when the prop changes.
+            this.udpTabChange.emit(tabIndex);
+        }
+        else {
+            // In uncontrolled mode, update state directly.
+            // The `onActiveTabChange` watcher will handle UI updates.
+            this.internalActiveTab = tabIndex;
+        }
+    }
+    scrollTabIntoView(tabIndex) {
+        const tabButton = this.buttonRefs[tabIndex];
+        const container = this.scrollContainerRef;
+        if (!tabButton || !container)
+            return;
+        const { scrollLeft, clientWidth } = container;
+        const tabLeft = tabButton.offsetLeft;
+        const tabRight = tabLeft + tabButton.offsetWidth;
+        const safeZonePadding = 70;
+        const safeZoneLeft = scrollLeft + safeZonePadding;
+        const safeZoneRight = scrollLeft + clientWidth - safeZonePadding;
+        if (tabLeft < safeZoneLeft) {
+            container.scrollTo({
+                left: tabLeft - safeZonePadding,
+                behavior: 'smooth',
+            });
+        }
+        else if (tabRight > safeZoneRight) {
+            container.scrollTo({
+                left: tabRight - clientWidth + safeZonePadding,
+                behavior: 'smooth',
+            });
+        }
+    }
+    scrollToStart() {
+        if (!this.scrollContainerRef)
+            return;
+        this.scrollContainerRef.scrollTo({ left: 0, behavior: 'smooth' });
+    }
+    scrollToEnd() {
+        if (!this.scrollContainerRef)
+            return;
+        const container = this.scrollContainerRef;
+        const { scrollWidth, clientWidth } = container;
+        const maxScrollLeft = scrollWidth - clientWidth;
+        container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
     }
     render() {
-        return (index.h("div", { key: '11b569eb074151f849159aa15af92129c8992929' }, index.h("div", { key: '3c6d9178dd37fd5fd5b91ec44e287241ee256e1c', class: "tab-header" }, index.h("slot", { key: 'e9289d5d3fa6e2da92b81de71e55276b3455f37c', name: "tab-title" })), index.h("div", { key: 'ed2038f48697251f5dfd3856d26711313376af10' }, index.h("slot", { key: '2b6d109cef169e2f50fb876387efc334464dc9da' }))));
+        const currentActiveTab = this.activeTab; // Use getter
+        return (index.h("div", { key: 'dd8ac7e3d101993b8df00c97bf561e2502e9f3c1', class: "tab-container" }, index.h("div", { key: '5f70a5c0da906152b130f6eaa98b81bf80485920', class: `tab-header ${this.variant}` }, this.showScrollLeft && (index.h("button", { key: 'e1a3a7d3650ae3703734a51b251600bf12dbed0c', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, index.h("udp-icon", { key: '36e6294b1a775a30906cc0236f8104ad03998c01', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && index.h("div", { key: '8dca0bd111f13c1890fbc010efbabb2aa0440c13', class: "scroll-fade left" }), index.h("div", { key: '966f761c7f3cc45eb5b6737e8dbb63dc75a68325', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index$1) => {
+            if (tab.hidden) {
+                return null;
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            const iconEl = tab.icon ? index.h("udp-icon", { iconName: tab.icon, color: 'inherit' }) : null;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            const labelEl = index.h("span", null, tab.label);
+            return (index.h("button", { class: {
+                    'active': index$1 === currentActiveTab,
+                    'has-icon': !!tab.icon,
+                    [`icon-${tab.iconPlacement}`]: !!tab.icon,
+                    'disabled': tab.disabled,
+                }, disabled: tab.disabled, onClick: () => this.tabClicked(index$1), role: "tab", "aria-selected": index$1 === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index$1] = el) }, iconEl, labelEl));
+        }), index.h("div", { key: 'df383b17c3e36fc7f261ff6a6c1220a4f923477f', class: "slider", style: this.sliderStyle })), this.showScrollRight && index.h("div", { key: '7f8ae28f6662266a113adbb7ca40a4ef7d0b8427', class: "scroll-fade right" }), this.showScrollRight && (index.h("button", { key: '0ad034fb7dc24388476e0c37bc9cf4196f4145bc', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, index.h("udp-icon", { key: '4cdbf5880b2e30dc6541228323a31e2dd34eabae', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (index.h("div", { key: '2097c674562eb5acfdadda5a05e6f2eed8821f99' }, index.h("slot", { key: '375c96eb85f6581426f72bf1c544538df4c6fdd6' })))));
     }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "internalActiveTab": ["onActiveTabChange"],
+        "value": ["onValueChange"],
+        "tabs": ["onTabsPropChange"],
+        "variant": ["onVariantChange"]
+    }; }
 };
 UdpTabs.style = udpTabsCss;
 

package/dist/cjs/ag-grid-base_5.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var agGridCommunityV33 = require('ag-grid-community-v33');
 var agGridEnterpriseV33 = require('ag-grid-enterprise-v33');
 var apiUtils = require('./apiUtils-DT-fLJOw.js');
@@ -1084,7 +1084,7 @@ const GhostRender = class {
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (index.h(index.Host, { key: '02fc2687cd43c93172cc0e626810724b3933fc25' }, index.h("slot", { key: 'c240aa0ccde1c38e5d80a0cd89f5608b8c608636' })));
+        return (index.h(index.Host, { key: '1e77fbfc7ab0bc5ca00ee2351f547ef3d752f7c9' }, index.h("slot", { key: '092e556509b9c77f9c54da22fd41ed35c2ce65b2' })));
     }
 };
 GhostRender.style = ":host {\n      display: none;\n    }";

package/dist/cjs/api-method-instance-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
 var isEqual = require('lodash/isEqual');
 var configureUdpColumnMods = require('./configureUdpColumnMods-CQMOB8IW.js');

package/dist/cjs/chart-container_3.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var ChevronDown = require('@carbon/icons/es/chevron--down/16');
 var ChevronUp16 = require('@carbon/icons/es/chevron--up/16');
 

package/dist/cjs/check-box-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var icons = require('@carbon/icons');
 var lodash = require('lodash');
 

package/dist/cjs/check-box.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 
 const checkBoxCss = ".checkbox-container{display:flex;align-items:center}.checkbox-container input[type=\"checkbox\"]{margin-right:8px}";
 

package/dist/cjs/chip-section.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 
 const chipSectionCss = ".wrapper{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex-grow:1;width:100%;}.chipHolder{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex:1 1 auto;overflow:scroll}.chipHolder::-webkit-scrollbar{display:none}.viewChip{background-color:var(--primary-color);color:white;max-width:150px;transition:opacity 0.3s ease}.filterChipMenuIcon{background:grey;padding:8px;color:#3f51b5;}.additionalFilterChip{}.KPI{margin-left:auto;display:flex;gap:8px;color:grey;width:auto}.kpiValue{color:black;font-size:1.1em}.kpiItem{display:flex;justify-content:center;width:max-content}.kpiLabel{width:max-content;margin-right:8px;}.clickedChip{background-color:var(--primary-color);color:white;max-width:150px}";
 
@@ -100,13 +100,13 @@ const ChipSection = class {
     }
     render() {
         console.log("Rendering ChipSection", this.visibleFilterChips);
-        return (index.h("div", { key: '97503932df8fda4b368905a88e8aa1e3ef601443', class: "wrapper", id: "chipSectionContainer" }, index.h("div", { key: '57814e45ad3c18bc0e63000c117843b2b05d61ef', class: "chipHolder" }, index.h("div", { key: 'ec26227bf3af968aca95ebdcd8ac8f9128f8bb62', id: "viewChipsContainer" }, this.viewChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index$1), text: chip.label, class: "viewChip" })))), index.h("udp-dynamic-container-with-menu", { key: '592e4853cd0a478e8779e591392e99928cd2f243', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (index.h("stencil-chip", { key: '90b22a6f40be859668bdb1b878b446029929d0d3', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+        return (index.h("div", { key: '567b5925fcedb62ecf4f0435b7a564da46e21465', class: "wrapper", id: "chipSectionContainer" }, index.h("div", { key: '41c9dfc9f98d2d2d42261d1a28a6755faea2def9', class: "chipHolder" }, index.h("div", { key: 'aef7cada00ecb04c01a80967a07871ced2f8fe29', id: "viewChipsContainer" }, this.viewChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index$1), text: chip.label, class: "viewChip" })))), index.h("udp-dynamic-container-with-menu", { key: 'c82f515501ffdc2e33e4b147f370c3e88302afbb', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (index.h("stencil-chip", { key: '760c303eb392690316ea61e466ea70f2e3c32c6c', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
             if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
                 console.log('returning null...');
                 return null;
             }
             return (index.h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
-        })), index.h("div", { key: '3fcf40061e51d798ebad3024ec893cbcd1fcff2c', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index$1), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (index.h("div", { key: 'b038933ee9d50d99c13c7dae2dababd5c4ede139', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (index.h("div", { class: "kpiItem" }, index.h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), index.h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+        })), index.h("div", { key: '3651cb76022e5b363edd49428df66638114b52dc', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index$1), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (index.h("div", { key: '931110b82bf127b6a571a8b312e4d21a691423ef', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (index.h("div", { class: "kpiItem" }, index.h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), index.h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/client-side-grid_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var ChevronLeft16 = require('@carbon/icons/es/chevron--left/16');
 var ChevronRight24 = require('@carbon/icons/es/chevron--right/16');
 var iconUtils = require('./iconUtils-Bfr2fT9-.js');

package/dist/cjs/color-preview.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 
 const colorPreviewCss = ".sc-color-preview-h{display:block;padding:2rem}.container.sc-color-preview{display:flex;flex-direction:column;gap:2rem}.theme-section.sc-color-preview,.status-section.sc-color-preview{display:flex;flex-wrap:wrap;gap:2rem}.theme-section.sc-color-preview>div.sc-color-preview{width:100%;display:flex;gap:2rem;flex-wrap:wrap}.color-section.sc-color-preview{min-width:300px;flex:1}.color-grid.sc-color-preview{display:grid;gap:1rem;margin-top:1rem}.color-box.sc-color-preview{padding:1rem;border-radius:var(--border-radius);min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-family);font-size:0.875rem;box-shadow:var(--elevation-01)}";
 
@@ -18,7 +18,7 @@ const ColorPreview = class {
         return (index.h("div", { class: "color-section" }, index.h("unity-typography", { variant: "h4" }, title), index.h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`))));
     }
     render() {
-        return (index.h("div", { key: 'b9d28659e92e4fd4211283ad8d9d4cc4b89227a1', class: "container" }, index.h("unity-typography", { key: '6ae71d5e546969c04e3b517879dc8798de6758e5', variant: "h2" }, "Unity Theme"), index.h("div", { key: 'bbf373dff37916ac06bd3c525e2e6894a6d1f959', class: "theme-section" }, index.h("div", { key: '53a93b2d6d105871218fbcf099af2db67da759c2', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), index.h("unity-typography", { key: '7f11dcbeeddd63cf3f2fb8967c1c998b56cca28f', variant: "h2" }, "SAP Theme"), index.h("div", { key: '8211f3c961758b530fc65181376a79f8a01db13a', class: "theme-section" }, index.h("div", { key: '8fd5fe3896c6b36660348745da33208fd313b99c', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), index.h("unity-typography", { key: 'b0e1469eba809cad5ce5960fb7e57cc8997fa12f', variant: "h2" }, "Status Colors"), index.h("div", { key: '44cddcae4395207ab6c027c7b97a5dc507fd501c', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
+        return (index.h("div", { key: '98a80f4e8502dd50d6f8f76a74196d1306456ddb', class: "container" }, index.h("unity-typography", { key: '70dfefd7b9032e0bea9ac6bd1c38e737ece1e034', variant: "h2" }, "Unity Theme"), index.h("div", { key: 'cdd7efeb53f12d6363e1ff391708eaeeb2cd89ab', class: "theme-section" }, index.h("div", { key: 'c698420ae9fb2fa3ca1067aa12f388ddccf5a566', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), index.h("unity-typography", { key: 'c2cadbc40e7a4d1af6395ee98c2021af275e5187', variant: "h2" }, "SAP Theme"), index.h("div", { key: 'ce4312afaedc584183c85e356dad6c050bd13164', class: "theme-section" }, index.h("div", { key: '7460ef49884a7dd3a7c4e5e4c46dbd65d367b44a', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), index.h("unity-typography", { key: '110cdc21e09f0089365989ba4f7af4a38225f7cb', variant: "h2" }, "Status Colors"), index.h("div", { key: '15b1b26a27b44cef9da3de647dfed23c5744300f', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
     }
 };
 ColorPreview.style = colorPreviewCss;

package/dist/cjs/date-time-renderer_6.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var enums = require('./enums-CCTE5CDK.js');
 var iconUtils = require('./iconUtils-Bfr2fT9-.js');
 var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-DZsst2LG.js');

package/dist/cjs/entity-maintenance-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var apiUtils = require('./apiUtils-DT-fLJOw.js');
 require('deep-equal');
 require('./makeApiCall-CFfg9gI0.js');

package/dist/cjs/feature-details-card_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var OverflowMenuVertical24 = require('@carbon/icons/es/overflow-menu--vertical/16');
 var iconUtils = require('./iconUtils-Bfr2fT9-.js');

package/dist/cjs/file-upload_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var axios = require('axios');
 var udpDriveUtils = require('./udp-drive-utils-B8uPAKzW.js');

package/dist/cjs/filter-group_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var udpOperatorHelper = require('./udpOperatorHelper-MMG_hrZS.js');
 var udpFieldHelper = require('./udpFieldHelper-0jB0kwFN.js');
 var iconUtils = require('./iconUtils-Bfr2fT9-.js');

package/dist/cjs/{get-user-CljYNKAA.js → get-user-DFb8yrQ2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var axios = require('axios');
 var jwtDecode = require('jwt-decode');
 var configService = require('./configService-BmGAegZf.js');
@@ -83,6 +83,6 @@ const GetUser = class {
 };
 
 exports.GetUser = GetUser;
-//# sourceMappingURL=get-user-CljYNKAA.js.map
+//# sourceMappingURL=get-user-DFb8yrQ2.js.map
 
-//# sourceMappingURL=get-user-CljYNKAA.js.map
+//# sourceMappingURL=get-user-DFb8yrQ2.js.map

package/dist/cjs/{get-user-CljYNKAA.js.map → get-user-DFb8yrQ2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"get-user-CljYNKAA.js","sources":["src/udp-utilities/api-udp/get-user.tsx"],"sourcesContent":["import { Component, State, Event, EventEmitter, Prop } from '@stencil/core';\nimport axios from 'axios';\nimport { jwtDecode } from 'jwt-decode';\nimport { ConfigService } from '../api-config';\n\n//import { accessToken } from '../testAuth/manualAccessToken';\n\ninterface DecodedToken {\n  exp: number;\n  eid?: string;\n  sub: string;\n  // Add other expected fields here\n}\n\ninterface ApiConfig {\n  method: string;\n  [key: string]: any;\n}\n\n@Component({\n  tag: 'get-user',\n})\nexport class GetUser {\n  @Prop() accessToken: string;\n  @State() loading: boolean = false;\n  @State() userInfo: any = {};\n  @State() unityUserInfo: any = {};\n  @Event() userDataReady: EventEmitter;\n\n  configBaseURL = ConfigService.securityV1ApiUrl;\n\n  async getAccessToken(): Promise<string> {\n    return this.accessToken;\n  }\n\n  async apiMutate(baseURL: string, url: string, config: ApiConfig): Promise<any> {\n    const fullURL = `${baseURL}/${url}`;\n    //const accessToken = await this.getAccessToken();\n    const headers = {\n      // Authorization: `Bearer ${accessToken}`,\n      // Add other headers as needed\n    };\n    return axios({\n      url: fullURL,\n      headers,\n      ...config,\n    }).catch(error => {\n      if (error.response) {\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    await this.getUserInfo();\n    // Emit the event when user data is ready\n    this.userDataReady.emit(this.userInfo);\n  }\n\n  async getUserInfo() {\n    const accessToken = await this.getAccessToken(); // Hardcoded for now\n    if (!accessToken) return;\n\n    this.loading = true;\n\n    const decodedToken: DecodedToken = jwtDecode<DecodedToken>(accessToken);\n    const sub = decodedToken.eid ?? decodedToken.sub;\n\n    let unityResponse: any;\n\n    try {\n      unityResponse = await this.apiMutate(this.configBaseURL, `users/unityuser?sub=${sub}`, {\n        method: 'get',\n      });\n      // Do something with the unityResponse here, e.g., storing the tenant.\n      console.log('unityResponse', unityResponse);\n      console.log('tenant', unityResponse.data.tenantIds[0]);\n    } catch (e) {\n      console.log(e);\n      this.userInfo = {\n        /* ...emptyUser, statusCode: e?.response?.status */\n      };\n    }\n\n    let unityUserResponse: any;\n    try {\n      unityUserResponse = await this.apiMutate(\n        // process.env.REACT_APP_USER_API_BASE!,\n        this.configBaseURL,\n        `users/${sub}`,\n        {\n          method: 'get',\n        },\n      );\n      if (unityUserResponse) {\n        this.unityUserInfo = {\n          ...unityUserResponse.data,\n          unityId: sub,\n          displayName: `${unityUserResponse.data.givenName} ${unityUserResponse.data.surname}`,\n        };\n      }\n    } catch (e) {\n      console.log(e);\n    }\n\n    if (unityResponse) {\n      this.userInfo = {\n        ...unityResponse.data,\n        statusCode: unityResponse.status,\n        id: unityResponse.data.userId,\n      };\n\n      // Emit the event when user data is ready\n      this.userDataReady.emit(this.userInfo);\n    }\n\n    this.loading = false;\n  }\n}\n"],"names":["ConfigService","axios","jwtDecode"],"mappings":"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"}
+{"version":3,"file":"get-user-DFb8yrQ2.js","sources":["src/udp-utilities/api-udp/get-user.tsx"],"sourcesContent":["import { Component, State, Event, EventEmitter, Prop } from '@stencil/core';\nimport axios from 'axios';\nimport { jwtDecode } from 'jwt-decode';\nimport { ConfigService } from '../api-config';\n\n//import { accessToken } from '../testAuth/manualAccessToken';\n\ninterface DecodedToken {\n  exp: number;\n  eid?: string;\n  sub: string;\n  // Add other expected fields here\n}\n\ninterface ApiConfig {\n  method: string;\n  [key: string]: any;\n}\n\n@Component({\n  tag: 'get-user',\n})\nexport class GetUser {\n  @Prop() accessToken: string;\n  @State() loading: boolean = false;\n  @State() userInfo: any = {};\n  @State() unityUserInfo: any = {};\n  @Event() userDataReady: EventEmitter;\n\n  configBaseURL = ConfigService.securityV1ApiUrl;\n\n  async getAccessToken(): Promise<string> {\n    return this.accessToken;\n  }\n\n  async apiMutate(baseURL: string, url: string, config: ApiConfig): Promise<any> {\n    const fullURL = `${baseURL}/${url}`;\n    //const accessToken = await this.getAccessToken();\n    const headers = {\n      // Authorization: `Bearer ${accessToken}`,\n      // Add other headers as needed\n    };\n    return axios({\n      url: fullURL,\n      headers,\n      ...config,\n    }).catch(error => {\n      if (error.response) {\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    await this.getUserInfo();\n    // Emit the event when user data is ready\n    this.userDataReady.emit(this.userInfo);\n  }\n\n  async getUserInfo() {\n    const accessToken = await this.getAccessToken(); // Hardcoded for now\n    if (!accessToken) return;\n\n    this.loading = true;\n\n    const decodedToken: DecodedToken = jwtDecode<DecodedToken>(accessToken);\n    const sub = decodedToken.eid ?? decodedToken.sub;\n\n    let unityResponse: any;\n\n    try {\n      unityResponse = await this.apiMutate(this.configBaseURL, `users/unityuser?sub=${sub}`, {\n        method: 'get',\n      });\n      // Do something with the unityResponse here, e.g., storing the tenant.\n      console.log('unityResponse', unityResponse);\n      console.log('tenant', unityResponse.data.tenantIds[0]);\n    } catch (e) {\n      console.log(e);\n      this.userInfo = {\n        /* ...emptyUser, statusCode: e?.response?.status */\n      };\n    }\n\n    let unityUserResponse: any;\n    try {\n      unityUserResponse = await this.apiMutate(\n        // process.env.REACT_APP_USER_API_BASE!,\n        this.configBaseURL,\n        `users/${sub}`,\n        {\n          method: 'get',\n        },\n      );\n      if (unityUserResponse) {\n        this.unityUserInfo = {\n          ...unityUserResponse.data,\n          unityId: sub,\n          displayName: `${unityUserResponse.data.givenName} ${unityUserResponse.data.surname}`,\n        };\n      }\n    } catch (e) {\n      console.log(e);\n    }\n\n    if (unityResponse) {\n      this.userInfo = {\n        ...unityResponse.data,\n        statusCode: unityResponse.status,\n        id: unityResponse.data.userId,\n      };\n\n      // Emit the event when user data is ready\n      this.userDataReady.emit(this.userInfo);\n    }\n\n    this.loading = false;\n  }\n}\n"],"names":["ConfigService","axios","jwtDecode"],"mappings":"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"}

package/dist/cjs/get-user.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var getUser = require('./get-user-CljYNKAA.js');
-require('./index-Ci0lUvCK.js');
+var getUser = require('./get-user-DFb8yrQ2.js');
+require('./index-DrMNAZCL.js');
 require('axios');
 require('jwt-decode');
 require('./configService-BmGAegZf.js');

package/dist/cjs/image-upload_7.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Ci0lUvCK.js');
+var index = require('./index-DrMNAZCL.js');
 var udpDriveUtils = require('./udp-drive-utils-B8uPAKzW.js');
 var finalForm = require('final-form');
 var debounce = require('lodash.debounce');