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

package/dist/cjs/udp-list-renderer_3.cjs.entry.js

@@ -1,467 +0,0 @@
-'use strict';
-
-var index = require('./index-DrMNAZCL.js');
-var Close24 = require('@carbon/icons/es/close/24');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var Close24__default = /*#__PURE__*/_interopDefault(Close24);
-
-const udpListRendererCss = ":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";
-
-const UdpItemList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.pageChange = index.createEvent(this, "pageChange");
-        /**
-         * Array of objects to be rendered in the list.
-         */
-        this.data = [];
-        /**
-         * Whether to enable pagination.
-         */
-        this.pagination = false;
-        /**
-         * Number of items to display per page.
-         */
-        this.itemsPerPage = 10;
-        /**
-         * Whether pagination is handled server-side.
-         */
-        this.isServerSide = false;
-        /**
-         * Total number of items (required for server-side pagination).
-         */
-        this.totalItems = 0;
-        /**
-         * Current page number (used for server-side pagination or can be controlled externally).
-         * Defaults to 1.
-         */
-        this.currentPage = 1;
-        /**
-         * Whether the list is in a loading state.
-         */
-        this.isLoading = false;
-        /**
-         * Defines the spacing between items.
-         * Options: 'xs', 'sm', 'md', 'lg', 'condensed'
-         * Default: 'sm'
-         */
-        this.spacing = 'md';
-        this.internalCurrentPage = 1;
-    }
-    currentPageChanged(newValue) {
-        if (newValue !== this.internalCurrentPage) {
-            this.internalCurrentPage = newValue;
-        }
-    }
-    componentWillLoad() {
-        this.internalCurrentPage = this.currentPage;
-    }
-    getPaginatedData() {
-        if (!this.pagination || this.isServerSide) {
-            return this.data;
-        }
-        const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;
-        const endIndex = startIndex + this.itemsPerPage;
-        return this.data.slice(startIndex, endIndex);
-    }
-    getTotalPages() {
-        if (!this.pagination)
-            return 1;
-        if (this.isServerSide) {
-            if (this.totalItems === 0 || this.itemsPerPage === 0)
-                return 1;
-            return Math.ceil(this.totalItems / this.itemsPerPage);
-        }
-        if (this.data.length === 0 || this.itemsPerPage === 0)
-            return 1;
-        return Math.ceil(this.data.length / this.itemsPerPage);
-    }
-    handlePageChange(newPage) {
-        if (this.isLoading)
-            return;
-        if (newPage >= 1 && newPage <= this.getTotalPages()) {
-            if (this.isServerSide) {
-                this.pageChange.emit(newPage);
-            }
-            else {
-                this.internalCurrentPage = newPage;
-                this.currentPage = newPage;
-                this.pageChange.emit(newPage);
-            }
-        }
-    }
-    renderItems() {
-        if (!this.itemComponent) {
-            console.warn('[udp-item-list] itemComponent prop is required.');
-            return index.h("p", null, "Error: itemComponent prop is not defined.");
-        }
-        if (!this.componentDataMap) {
-            console.warn('[udp-item-list] componentDataMap prop is required.');
-            return index.h("p", null, "Error: componentDataMap prop is not defined.");
-        }
-        const itemsToRender = this.getPaginatedData();
-        if (!itemsToRender || itemsToRender.length === 0) {
-            return index.h("p", null, "No items to display.");
-        }
-        return itemsToRender.map(item => {
-            const props = {};
-            for (const sourceKey in this.componentDataMap) {
-                if (item.hasOwnProperty(sourceKey)) {
-                    const targetKey = this.componentDataMap[sourceKey];
-                    props[targetKey] = item[sourceKey];
-                }
-            }
-            const ItemCmp = this.itemComponent;
-            return index.h(ItemCmp, Object.assign({}, props));
-        });
-    }
-    render() {
-        if (this.isLoading && (!this.data || this.data.length === 0)) {
-            return (index.h("div", { class: "loading-container" }, index.h("p", null, "Loading...")));
-        }
-        const containerClasses = {
-            'item-list-container': true,
-            [`spacing-${this.spacing}`]: true,
-        };
-        return (index.h("host", null, index.h("div", { class: containerClasses }, this.renderItems()), this.pagination && this.getTotalPages() > 1 && (index.h("udp-pagination", { currentPage: this.internalCurrentPage, totalPages: this.getTotalPages(), isLoading: this.isLoading, onPageChange: event => this.handlePageChange(event.detail) }))));
-    }
-    static get watchers() { return {
-        "currentPage": ["currentPageChanged"]
-    }; }
-};
-UdpItemList.style = udpListRendererCss;
-
-const udpPaginationCss = ":host{display:block;font-family:var(--font-family)}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:var(--spacing-03);gap:var(--spacing-02);}.pagination-controls span.ellipsis{color:var(--text-secondary);padding:var(--spacing-02) var(--spacing-01);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}";
-
-const UdpPagination = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.pageChange = index.createEvent(this, "pageChange");
-        /**
-         * The currently active page number.
-         */
-        this.currentPage = 1;
-        /**
-         * The total number of pages available.
-         */
-        this.totalPages = 1;
-        /**
-         * Optional: Whether the component consuming pagination is in a loading state.
-         * If true, pagination controls will be disabled.
-         */
-        this.isLoading = false;
-    }
-    navigateToPage(page) {
-        if (this.isLoading || page < 1 || page > this.totalPages || page === this.currentPage) {
-            return;
-        }
-        this.pageChange.emit(page);
-    }
-    // Basic page number generation. Could be made more sophisticated (e.g., with ellipses for many pages)
-    renderPageNumbers() {
-        const pageNumbers = [];
-        const maxPagesToShow = 5; // Max number of page buttons to show directly
-        const halfMaxPages = Math.floor(maxPagesToShow / 2);
-        let startPage = Math.max(1, this.currentPage - halfMaxPages);
-        let endPage = Math.min(this.totalPages, this.currentPage + halfMaxPages);
-        if (this.currentPage - halfMaxPages < 1) {
-            endPage = Math.min(this.totalPages, maxPagesToShow);
-        }
-        if (this.currentPage + halfMaxPages > this.totalPages) {
-            startPage = Math.max(1, this.totalPages - maxPagesToShow + 1);
-        }
-        if (this.totalPages <= maxPagesToShow) {
-            startPage = 1;
-            endPage = this.totalPages;
-        }
-        // Always show first page if not in range
-        if (startPage > 1) {
-            pageNumbers.push(index.h("udp-button", { onClick: () => this.navigateToPage(1), disabled: this.isLoading, variant: "outlined", ariaLabel: "Go to first page" }, "1"));
-            if (startPage > 2) {
-                pageNumbers.push(index.h("span", { class: "ellipsis" }, "..."));
-            }
-        }
-        for (let i = startPage; i <= endPage; i++) {
-            pageNumbers.push(index.h("udp-button", { onClick: () => this.navigateToPage(i), disabled: this.isLoading, variant: i === this.currentPage ? 'contained' : 'outlined', color: i === this.currentPage ? 'primary' : 'inherit', ariaLabel: `Go to page ${i}`, "aria-current": i === this.currentPage ? 'page' : undefined }, i));
-        }
-        // Always show last page if not in range
-        if (endPage < this.totalPages) {
-            if (endPage < this.totalPages - 1) {
-                pageNumbers.push(index.h("span", { class: "ellipsis" }, "..."));
-            }
-            pageNumbers.push(index.h("udp-button", { onClick: () => this.navigateToPage(this.totalPages), disabled: this.isLoading, variant: "outlined", ariaLabel: "Go to last page" }, this.totalPages));
-        }
-        return pageNumbers;
-    }
-    render() {
-        if (this.totalPages <= 1) {
-            return null; // Don't render pagination if there's only one page or less
-        }
-        return (index.h("div", { class: "pagination-controls" }, index.h("udp-button", { onClick: () => this.navigateToPage(this.currentPage - 1), disabled: this.isLoading || this.currentPage <= 1, variant: "text", ariaLabel: "Go to previous page" }, "Previous"), this.renderPageNumbers(), index.h("udp-button", { onClick: () => this.navigateToPage(this.currentPage + 1), disabled: this.isLoading || this.currentPage >= this.totalPages, variant: "text", ariaLabel: "Go to next page" }, "Next")));
-    }
-};
-UdpPagination.style = udpPaginationCss;
-
-const udpSideSheetCss = ":host{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;transition:visibility 0s 0.2s}:host(.is-visible){visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";
-
-const UdpSideSheet = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.udpSideSheetClose = index.createEvent(this, "udpSideSheetClose");
-        this.udpPrimaryButtonClick = index.createEvent(this, "udpPrimaryButtonClick");
-        this.udpHeaderActionButtonClick = index.createEvent(this, "udpHeaderActionButtonClick");
-        /** When true, the side sheet is open and visible */
-        this.open = false;
-        /** Position of the sheet on the screen */
-        this.position = 'right';
-        /** Width preset or a numeric pixel width */
-        this.width = 'md';
-        /** Controls whether default inner padding is applied */
-        this.padding = true;
-        /** When true, shows a top loader */
-        this.loading = false;
-        /** Whether the header action button is disabled */
-        this.headerActionButtonDisabled = false;
-        /** Whether the primary footer button is disabled */
-        this.primaryButtonDisabled = false;
-        /** Whether the footer should show the overflow "More" button */
-        this.showOverflowButton = false;
-        /** Whether the overflow popover is open */
-        this.openOverflowMenu = false;
-        this.visibleSecondaryButtons = [];
-        this.overflowSecondaryButtons = [];
-        /** Saved original document.body.overflow value to restore on close */
-        this.originalBodyOverflow = '';
-        /** Saved original document.body.paddingRight value to restore on close */
-        this.originalBodyPaddingRight = '';
-        /**
-         * Transition end handler used to remove the host element from body after close.
-         *
-         * @private
-         */
-        this.handleTransitionEnd = () => {
-            if (!this.open && this.hostEl.parentElement === document.body) {
-                document.body.removeChild(this.hostEl);
-            }
-        };
-        /**
-         * Close the side sheet and emit close event.
-         *
-         * @private
-         */
-        this.onClose = () => {
-            this.open = false;
-            this.udpSideSheetClose.emit();
-        };
-        /**
-         * Backdrop click handler. Only closes when clicking the backdrop itself.
-         *
-         * @param e - MouseEvent from the backdrop click
-         * @private
-         */
-        this.onCloseBackdrop = (e) => {
-            if (e.target === e.currentTarget) {
-                this.onClose();
-            }
-        };
-        /**
-         * Emit primary footer button click event.
-         *
-         * @private
-         */
-        this.onPrimaryButtonClick = () => {
-            this.udpPrimaryButtonClick.emit();
-        };
-        /**
-         * Emit header action button click event.
-         *
-         * @private
-         */
-        this.onHeaderActionButtonClick = () => {
-            this.udpHeaderActionButtonClick.emit();
-        };
-        /**
-         * Open overflow menu anchored to the clicked element.
-         *
-         * @param event - MouseEvent from the "More" button click
-         * @private
-         */
-        this.onMoreActionButtonClick = (event) => {
-            this.overflowMenuAnchor = event.currentTarget;
-            this.openOverflowMenu = true;
-        };
-        /**
-         * Close the overflow popover.
-         *
-         * @param e - optional KeyboardEvent or MouseEvent (unused)
-         * @private
-         */
-        this.handleCloseOverflowMenu = () => {
-            this.openOverflowMenu = false;
-        };
-    }
-    /**
-     * Watcher for `open` prop. Handles portal append/removal and body scroll lock.
-     *
-     * @param newValue - new value of the `open` prop
-     * @param oldValue - previous value of the `open` prop
-     */
-    handleOpenChange(newValue, oldValue) {
-        if (newValue === oldValue) {
-            return;
-        }
-        if (newValue) {
-            // Calculate scrollbar width before hiding it
-            const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-            // Save original values
-            this.originalBodyOverflow = document.body.style.overflow;
-            this.originalBodyPaddingRight = document.body.style.paddingRight;
-            document.body.appendChild(this.hostEl);
-            // Add padding to compensate for scrollbar
-            if (scrollbarWidth > 0) {
-                const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight) || 0;
-                document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;
-            }
-            document.body.style.overflow = 'hidden';
-            requestAnimationFrame(() => {
-                this.hostEl.classList.add('is-visible');
-                // Check overflow after the side sheet is visible
-                setTimeout(() => this.checkOverflow(), 50);
-            });
-        }
-        else {
-            this.hostEl.classList.remove('is-visible');
-            document.body.style.overflow = this.originalBodyOverflow;
-            document.body.style.paddingRight = this.originalBodyPaddingRight;
-            this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });
-        }
-    }
-    /**
-     * Watcher for footer secondary buttons changes. Triggers overflow recalculation.
-     */
-    handleSecondaryButtonsChange() {
-        // Recheck overflow when buttons change
-        setTimeout(() => this.checkOverflow(), 50);
-    }
-    /**
-     * Measures footer buttons in an offscreen container and sets `showOverflowButton`.
-     * Safely returns early if required refs are unavailable.
-     */
-    checkOverflow() {
-        if (!this.footerRef || !this.measurementContainerRef) {
-            return;
-        }
-        if (!this.footerSecondaryButtons || this.footerSecondaryButtons.length === 0) {
-            this.showOverflowButton = false;
-            return;
-        }
-        // Get the footer container width (minus padding)
-        const footerWidth = this.footerRef.offsetWidth;
-        const footerStyle = window.getComputedStyle(this.footerRef);
-        const footerPaddingLeft = parseFloat(footerStyle.paddingLeft);
-        const footerPaddingRight = parseFloat(footerStyle.paddingRight);
-        const availableWidth = footerWidth - footerPaddingLeft - footerPaddingRight;
-        // Measure all buttons in the hidden measurement container
-        const measurementButtons = this.measurementContainerRef.querySelectorAll('udp-button');
-        let totalWidth = 0;
-        measurementButtons.forEach((button, index) => {
-            const buttonWidth = button && button instanceof HTMLElement ? button.offsetWidth : 0;
-            totalWidth += buttonWidth;
-            // Add gap spacing between buttons (except for the last one)
-            if (index < measurementButtons.length - 1) {
-                const containerStyle = window.getComputedStyle(this.measurementContainerRef);
-                const gap = parseFloat(containerStyle.gap) || 4; // Default gap from CSS
-                totalWidth += gap;
-            }
-        });
-        // Add a small buffer to prevent edge cases
-        const buffer = 10;
-        const isOverflowing = totalWidth + buffer > availableWidth;
-        this.showOverflowButton = isOverflowing;
-    }
-    /**
-     * Lifecycle: componentDidLoad. Sets up ResizeObserver and initial overflow check.
-     *
-     * @private
-     */
-    componentDidLoad() {
-        {
-            // Set up ResizeObserver to watch for footer size changes
-            this.resizeObserver = new ResizeObserver(() => {
-                this.checkOverflow();
-            });
-            // Initial check after a small delay to ensure DOM is ready
-            requestAnimationFrame(() => {
-                setTimeout(() => {
-                    if (this.footerRef) {
-                        this.resizeObserver.observe(this.footerRef);
-                    }
-                    this.checkOverflow();
-                }, 100);
-            });
-        }
-    }
-    /**
-     * Lifecycle: disconnectedCallback. Restores body styles and disconnects observers.
-     *
-     * @private
-     */
-    disconnectedCallback() {
-        if (document.body.style.overflow === 'hidden') {
-            document.body.style.overflow = this.originalBodyOverflow;
-            document.body.style.paddingRight = this.originalBodyPaddingRight;
-        }
-        // Clean up ResizeObserver
-        if (this.resizeObserver) {
-            this.resizeObserver.disconnect();
-        }
-    }
-    /**
-     * Render the component UI.
-     *
-     * @returns JSX element tree
-     * @private
-     */
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;
-        const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (index.h("udp-icon", { iconName: this.headerActionButtonIcon, color: "inherit" })) : undefined;
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        const overflowIcon = index.h("udp-icon", { key: '3262baafbf833e25e0b4d1128b24fb503d1dd157', iconName: "overflowMenuVertical", color: "inherit" });
-        return (index.h("div", { key: '780c5705588899683400da7bce6569ad8ce15d30', class: "backdrop", onClick: this.onCloseBackdrop }, index.h("div", { key: 'a68811f8a6c59239c60c048453bb63eae7ed7ee0', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '82207996d3f164f4e4a27132a64d6ce6b82ac401', class: "title-container" }, index.h("div", { key: 'e29501f861893b9e61f72509c44c337e7d1a5fb1', class: "close-button" }, index.h("stencil-icon-button", { key: '8980a42b0d47582a0fd91998cafe5c57982e9c04',
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            icon: Close24__default.default, onClick: this.onClose, secondary: true })), index.h("div", { key: '6b71ecb62ed1bac4560ca3e8e4ff1f643ee98555', class: "title-text" }, index.h("unity-typography", { key: 'b5f420d289dd23f040100d82def0ff635038cafd', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (index.h("div", { key: '65b8198f2a63096839fa678b6b69761ea2a93196', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
-            _b.map((item) => (index.h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (index.h("udp-button", { key: 'a9985bcd675163a0a3dc47ea88cfe35e98a830fb', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), index.h("div", { key: '362358edc955be022239e6662a0403baf49a4444', class: "loader-container" }, index.h("udp-linear-loader", { key: '0f93c37fc52e8400fbdb2d0db0879b49eb605859', class: { 'is-loading': this.loading }, color: "primary" })), index.h("div", { key: 'a2e70b272eb6f02878845350b7057908fdbb0cb2', class: { content: true, padding: this.padding } }, index.h("slot", { key: 'c6128fac4e8549fda3c25db826ed0377759a3bbb' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (index.h("div", { key: '2d408d1f87df636effab01487739762b52c8897f' }, index.h("div", { key: '2fbdee5102a9837cc26d3f0cafb37141ebcc1527', class: "loader-container" }), index.h("div", { key: '8ba75738ab5ac6c4d33f828988f2d1e85ae1e3d5', class: {
-                footer: true,
-            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (index.h("div", { key: '13c00f7ff092655600f11885ce39d9acd4b9b26a', class: "footer-secondary-buttons-container" }, index.h("div", { key: '9bc81711a693c84bdab3274e67588193dc226203', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (index.h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (index.h("udp-button", { key: '92c871d74675c9fd42ac890d9c5efe8e39a6aeb2', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (index.h("udp-button", { key: '94acda01904ab4265ced91dd6ef6e6d9ab788784', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (index.h("udp-pop-over", { key: 'c839371b5401fb7433417cba6b705c08c2242c09', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, index.h("div", { key: '368023d9643a123acfa8215dab9ceaa85e613fbf', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (index.h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
-                item === null || item === void 0 ? void 0 : item.onClick();
-                this.handleCloseOverflowMenu();
-            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), index.h("div", { key: '2dfb53eb181826fce129e856a4427da9edaeb756', ref: el => (this.measurementContainerRef = el), style: {
-                position: 'absolute',
-                visibility: 'hidden',
-                pointerEvents: 'none',
-                display: 'flex',
-                gap: 'var(--spacing-02, 4px)',
-            }, "aria-hidden": "true" }, (_g = this.footerSecondaryButtons) === null || _g === void 0 ? void 0 :
-            _g.map((item) => (index.h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (index.h("udp-button", { key: '5e6f99245f8649cbacfee9c34a88967966c2e856', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
-    }
-    get hostEl() { return index.getElement(this); }
-    static get watchers() { return {
-        "open": ["handleOpenChange"],
-        "footerSecondaryButtons": ["handleSecondaryButtonsChange"]
-    }; }
-};
-UdpSideSheet.style = udpSideSheetCss;
-
-exports.udp_list_renderer = UdpItemList;
-exports.udp_pagination = UdpPagination;
-exports.udp_side_sheet = UdpSideSheet;
-//# sourceMappingURL=udp-list-renderer.udp-pagination.udp-side-sheet.entry.cjs.js.map