udp-stencil-component-library 25.18.2-beta.9 → 25.18.2

package/dist/components/udp-menu2.js

@@ -1,132 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { createPopper } from '@popperjs/core';
-
-const udpMenuCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}";
-
-const UdpMenu = /*@__PURE__*/ proxyCustomElement(class UdpMenu extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.open = false;
-        this.handleTransitionEnd = () => {
-            // FIX: Only remove from body if it's truly closed and still there.
-            if (!this.open && this.hostEl.parentElement === document.body) {
-                document.body.removeChild(this.hostEl);
-            }
-            this.destroyPopper();
-        };
-        this.handleKeyDown = (event) => {
-            var _a;
-            if (event.key === 'Escape') {
-                (_a = this.handleClose) === null || _a === void 0 ? void 0 : _a.call(this);
-            }
-        };
-        this.handleClickOutside = (event) => {
-            var _a;
-            const path = event.composedPath();
-            const anchorEl = this.getAnchorElement();
-            if (anchorEl && path.includes(anchorEl)) {
-                return;
-            }
-            (_a = this.handleClose) === null || _a === void 0 ? void 0 : _a.call(this);
-        };
-    }
-    disconnectedCallback() {
-        this.removeListeners();
-        this.destroyPopper();
-    }
-    handleOpenChange(isOpen) {
-        isOpen ? this.present() : this.dismiss();
-    }
-    present() {
-        document.body.appendChild(this.hostEl);
-        this.addListeners();
-        requestAnimationFrame(() => {
-            this.setupPopper();
-            this.hostEl.classList.add('is-visible');
-        });
-    }
-    dismiss() {
-        this.removeListeners();
-        this.hostEl.classList.remove('is-visible');
-        this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });
-    }
-    addListeners() {
-        document.addEventListener('keydown', this.handleKeyDown);
-        setTimeout(() => {
-            if (this.open) {
-                document.addEventListener('click', this.handleClickOutside);
-            }
-        }, 0);
-    }
-    removeListeners() {
-        document.removeEventListener('keydown', this.handleKeyDown);
-        document.removeEventListener('click', this.handleClickOutside);
-    }
-    getAnchorElement() {
-        return typeof this.anchor === 'string'
-            ? document.getElementById(this.anchor)
-            : this.anchor;
-    }
-    setupPopper() {
-        const anchorEl = this.getAnchorElement();
-        if (!anchorEl) {
-            console.error('UdpMenu: Anchor element could not be found.');
-            return;
-        }
-        // Ensure we don't create multiple instances
-        if (this.popperInstance) {
-            this.popperInstance.destroy();
-        }
-        this.popperInstance = createPopper(anchorEl, this.hostEl, {
-            strategy: 'fixed',
-            placement: 'bottom-start',
-            modifiers: [
-                { name: 'offset', options: { offset: [0, 8] } },
-                { name: 'preventOverflow', options: { padding: 8 } },
-                { name: 'flip' },
-            ],
-        });
-    }
-    destroyPopper() {
-        if (this.popperInstance) {
-            this.popperInstance.destroy();
-            this.popperInstance = null;
-        }
-    }
-    render() {
-        return (h(Host, { key: '589a03f2d0fdfc4761d533c4943552664d12e851' }, h("div", { key: '6186d0a942c46b4c32d6cb695ea563e27e4d0dde', class: "menu-panel", role: "menu" }, h("slot", { key: 'f9c0ba9d29aaf48bf58a31096092935e793bf7eb' }))));
-    }
-    get hostEl() { return this; }
-    static get watchers() { return {
-        "open": ["handleOpenChange"]
-    }; }
-    static get style() { return udpMenuCss; }
-}, [257, "udp-menu", {
-        "anchor": [1],
-        "open": [516],
-        "handleClose": [16]
-    }, undefined, {
-        "open": ["handleOpenChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-menu"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpMenu);
-            }
-            break;
-    } });
-}
-
-export { UdpMenu as U, defineCustomElement as d };
-//# sourceMappingURL=udp-menu2.js.map
-
-//# sourceMappingURL=udp-menu2.js.map
+import{p as e,H as t,h as s,d as i,t as n}from"./index2.js";import{createPopper as o}from"@popperjs/core";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl),this.destroyPopper()},this.handleKeyDown=e=>{var t;"Escape"===e.key&&(null===(t=this.handleClose)||void 0===t||t.call(this))},this.handleClickOutside=e=>{var t;const s=e.composedPath(),i=this.getAnchorElement();i&&s.includes(i)||null===(t=this.handleClose)||void 0===t||t.call(this)}}disconnectedCallback(){this.removeListeners(),this.destroyPopper()}handleOpenChange(e){e?this.present():this.dismiss()}present(){document.body.appendChild(this.hostEl),this.addListeners(),requestAnimationFrame((()=>{this.setupPopper(),this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners(),this.hostEl.classList.remove("is-visible"),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}addListeners(){document.addEventListener("keydown",this.handleKeyDown),setTimeout((()=>{this.open&&document.addEventListener("click",this.handleClickOutside)}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return"string"==typeof this.anchor?document.getElementById(this.anchor):this.anchor}setupPopper(){const e=this.getAnchorElement();e?(this.popperInstance&&this.popperInstance.destroy(),this.popperInstance=o(e,this.hostEl,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})):console.error("UdpMenu: Anchor element could not be found.")}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}render(){return s(i,{key:"589a03f2d0fdfc4761d533c4943552664d12e851"},s("div",{key:"6186d0a942c46b4c32d6cb695ea563e27e4d0dde",class:"menu-panel",role:"menu"},s("slot",{key:"f9c0ba9d29aaf48bf58a31096092935e793bf7eb"})))}get hostEl(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}"}},[257,"udp-menu",{anchor:[1],open:[516],handleClose:[16]},void 0,{open:[{handleOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["udp-menu"].forEach((e=>{"udp-menu"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))}export{d as U,r as d}

package/dist/components/udp-notification.js

@@ -1,9 +1 @@
-import { U as UdpNotification$1, d as defineCustomElement$1 } from './udp-notification2.js';
-
-const UdpNotification = UdpNotification$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpNotification, defineCustomElement };
-//# sourceMappingURL=udp-notification.js.map
-
-//# sourceMappingURL=udp-notification.js.map
+import{U as o,d as t}from"./udp-notification2.js";const i=o,s=t;export{i as UdpNotification,s as defineCustomElement}

package/dist/components/udp-notification2.js

@@ -1,64 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpNotificationCss = ":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}";
-
-const UdpNotification = /*@__PURE__*/ proxyCustomElement(class UdpNotification extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.userCancel = false;
-        this.active = false;
-    }
-    activeChanged(newValue) {
-        if (newValue && !this.userCancel) {
-            // Hide the notification after 3 seconds only if userCancel is false
-            setTimeout(() => this.active = false, 3000);
-        }
-    }
-    render() {
-        const statusClass = `status-${this.status}`;
-        return (h("div", { key: 'cd2d073bfca62c063d4f8df897b848710be57c11', class: {
-                'udp-notification': true,
-                'visible': this.active,
-                [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (h("button", { key: '61c91bc421b31982330f91f078a24a1d8f6f3204', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: 'e43710ce4dee2345953a7fb77f252dce8a1672fe', class: "message" }, " ", h("unity-typography", { key: '2ebe60d75278ed5157b339b8679c6bedce322926', variant: 'body' }, " ", this.message, " "))));
-    }
-    static get watchers() { return {
-        "active": ["activeChanged"]
-    }; }
-    static get style() { return udpNotificationCss; }
-}, [257, "udp-notification", {
-        "message": [1],
-        "status": [1],
-        "userCancel": [4, "user-cancel"],
-        "active": [1540]
-    }, undefined, {
-        "active": ["activeChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-notification", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-notification":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpNotification);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpNotification as U, defineCustomElement as d };
-//# sourceMappingURL=udp-notification2.js.map
-
-//# sourceMappingURL=udp-notification2.js.map
+import{p as t,H as e,h as s,t as i}from"./index2.js";import{d as a}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.userCancel=!1,this.active=!1}activeChanged(t){t&&!this.userCancel&&setTimeout((()=>this.active=!1),3e3)}render(){const t=`status-${this.status}`;return s("div",{key:"cd2d073bfca62c063d4f8df897b848710be57c11",class:{"udp-notification":!0,visible:this.active,[t]:!0}},this.userCancel&&s("button",{key:"61c91bc421b31982330f91f078a24a1d8f6f3204",class:"close-button",onClick:()=>this.active=!1},"×"),s("span",{key:"e43710ce4dee2345953a7fb77f252dce8a1672fe",class:"message"}," ",s("unity-typography",{key:"2ebe60d75278ed5157b339b8679c6bedce322926",variant:"body"}," ",this.message," ")))}static get watchers(){return{active:[{activeChanged:0}]}}static get style(){return":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}"}},[1,"udp-notification",{message:[1],status:[1],userCancel:[4,"user-cancel"],active:[1540]},void 0,{active:[{activeChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["udp-notification","unity-typography"].forEach((t=>{switch(t){case"udp-notification":customElements.get(i(t))||customElements.define(i(t),n);break;case"unity-typography":customElements.get(i(t))||a()}}))}export{n as U,o as d}

package/dist/components/udp-page-header.js

@@ -1,9 +1 @@
-import { U as UdpColumnHeader, d as defineCustomElement$1 } from './udp-page-header2.js';
-
-const UdpPageHeader = UdpColumnHeader;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpPageHeader, defineCustomElement };
-//# sourceMappingURL=udp-page-header.js.map
-
-//# sourceMappingURL=udp-page-header.js.map
+import{U as a,d as e}from"./udp-page-header2.js";const o=a,p=e;export{o as UdpPageHeader,p as defineCustomElement}

package/dist/components/udp-page-header2.js

@@ -1,55 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-radio-button2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpPageHeaderCss = ".header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}";
-
-const UdpColumnHeader = /*@__PURE__*/ proxyCustomElement(class UdpColumnHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.valueChanged = createEvent(this, "valueChanged");
-        this.selectedValue = '1'; // '1' corresponds to the "And" radio button
-    }
-    radioClicked(value) {
-        this.selectedValue = value;
-        this.valueChanged.emit(value);
-    }
-    render() {
-        return (h("div", { key: 'a94574714062d5aaf4d9f3cf3edb2615f8cdd5f4', class: "header-container" }, h("div", { key: 'f50b6404f12bdcac7b7f399483dd8c003f2c3a61', class: "title" }, h("unity-typography", { key: '63b7160322e79def027e0e30772a42d026042620', variant: "button" }, "Filter Conditions ")), h("div", { key: 'dd04853c6212ff9a7f42a3be9a3546d48b39b41c', class: "radio-group" }, h("div", { key: 'a89c7b2e7df75742cb5e41143c434424a81dd3d0', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: 'ae119b5a4a2b5286dcb4192eec1c5710ad221299', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '94d0109a601c9238cb9f0366d6d611b32c03f42c', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '89ed0d29e6674cf63dc0efb3764662f9de116534', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
-    }
-    static get style() { return udpPageHeaderCss; }
-}, [257, "udp-page-header", {
-        "selectedValue": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-page-header", "udp-radio-button", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-page-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpColumnHeader);
-            }
-            break;
-        case "udp-radio-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpColumnHeader as U, defineCustomElement as d };
-//# sourceMappingURL=udp-page-header2.js.map
-
-//# sourceMappingURL=udp-page-header2.js.map
+import{p as e,H as d,c as a,h as t,t as i}from"./index2.js";import{d as s}from"./udp-radio-button2.js";import{d as c}from"./unity-typography2.js";const o=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=a(this,"valueChanged"),this.selectedValue="1"}radioClicked(e){this.selectedValue=e,this.valueChanged.emit(e)}render(){return t("div",{key:"a94574714062d5aaf4d9f3cf3edb2615f8cdd5f4",class:"header-container"},t("div",{key:"f50b6404f12bdcac7b7f399483dd8c003f2c3a61",class:"title"},t("unity-typography",{key:"63b7160322e79def027e0e30772a42d026042620",variant:"button"},"Filter Conditions ")),t("div",{key:"dd04853c6212ff9a7f42a3be9a3546d48b39b41c",class:"radio-group"},t("div",{key:"a89c7b2e7df75742cb5e41143c434424a81dd3d0",onClick:()=>this.radioClicked("1")},t("udp-radio-button",{key:"ae119b5a4a2b5286dcb4192eec1c5710ad221299",name:"group1",value:"1",label:"And",checked:"1"===this.selectedValue})),t("div",{key:"94d0109a601c9238cb9f0366d6d611b32c03f42c",onClick:()=>this.radioClicked("2")},t("udp-radio-button",{key:"89ed0d29e6674cf63dc0efb3764662f9de116534",name:"group1",value:"2",label:"Or",checked:"2"===this.selectedValue}))))}static get style(){return".header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}"}},[1,"udp-page-header",{selectedValue:[32]}]);function r(){"undefined"!=typeof customElements&&["udp-page-header","udp-radio-button","unity-typography"].forEach((e=>{switch(e){case"udp-page-header":customElements.get(i(e))||customElements.define(i(e),o);break;case"udp-radio-button":customElements.get(i(e))||s();break;case"unity-typography":customElements.get(i(e))||c()}}))}export{o as U,r as d}

package/dist/components/udp-page.js

@@ -1,54 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const udpPageCss = ":host{display:block}";
-
-const UdpPage$1 = /*@__PURE__*/ proxyCustomElement(class UdpPage extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Optional maximum page width
-         */
-        this.maxWidth = '1200px'; // Default max-width, can be overridden
-        /**
-         * Default padding for the layout
-         */
-        this.padding = '16px'; // Default padding, can be overridden
-    }
-    render() {
-        const style = {
-            maxWidth: this.maxWidth,
-            padding: this.padding,
-            margin: '0 auto', // Centers the content if max-width is set
-        };
-        return (h("div", { key: '87960916a8c702c88f3a7dd7a9ef90227d76f605', style: style }, h("slot", { key: '1915453eae25182b42e004450ca04ee20c17cbff' }), " "));
-    }
-    static get style() { return udpPageCss; }
-}, [257, "udp-page", {
-        "maxWidth": [1, "max-width"],
-        "padding": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-page"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-page":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpPage$1);
-            }
-            break;
-    } });
-}
-
-const UdpPage = UdpPage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpPage, defineCustomElement };
-//# sourceMappingURL=udp-page.js.map
-
-//# sourceMappingURL=udp-page.js.map
+import{p as t,H as e,h as s,t as a}from"./index2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.maxWidth="1200px",this.padding="16px"}render(){return s("div",{key:"87960916a8c702c88f3a7dd7a9ef90227d76f605",style:{maxWidth:this.maxWidth,padding:this.padding,margin:"0 auto"}},s("slot",{key:"1915453eae25182b42e004450ca04ee20c17cbff"})," ")}static get style(){return":host{display:block}"}},[257,"udp-page",{maxWidth:[1,"max-width"],padding:[1]}]),i=d,n=function(){"undefined"!=typeof customElements&&["udp-page"].forEach((t=>{"udp-page"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))};export{i as UdpPage,n as defineCustomElement}

package/dist/components/udp-pagination.js

@@ -1,9 +1 @@
-import { U as UdpPagination$1, d as defineCustomElement$1 } from './udp-pagination2.js';
-
-const UdpPagination = UdpPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpPagination, defineCustomElement };
-//# sourceMappingURL=udp-pagination.js.map
-
-//# sourceMappingURL=udp-pagination.js.map
+import{U as o,d as a}from"./udp-pagination2.js";const p=o,s=a;export{p as UdpPagination,s as defineCustomElement}

package/dist/components/udp-pagination2.js

@@ -1,104 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$1 } from './udp-button2.js';
-
-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 = /*@__PURE__*/ proxyCustomElement(class UdpPagination extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pageChange = 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(h("udp-button", { onClick: () => this.navigateToPage(1), disabled: this.isLoading, variant: "outlined", ariaLabel: "Go to first page" }, "1"));
-            if (startPage > 2) {
-                pageNumbers.push(h("span", { class: "ellipsis" }, "..."));
-            }
-        }
-        for (let i = startPage; i <= endPage; i++) {
-            pageNumbers.push(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(h("span", { class: "ellipsis" }, "..."));
-            }
-            pageNumbers.push(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 (h("div", { class: "pagination-controls" }, 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(), h("udp-button", { onClick: () => this.navigateToPage(this.currentPage + 1), disabled: this.isLoading || this.currentPage >= this.totalPages, variant: "text", ariaLabel: "Go to next page" }, "Next")));
-    }
-    static get style() { return udpPaginationCss; }
-}, [257, "udp-pagination", {
-        "currentPage": [2, "current-page"],
-        "totalPages": [2, "total-pages"],
-        "isLoading": [4, "is-loading"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-pagination", "udp-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-pagination":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpPagination);
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpPagination as U, defineCustomElement as d };
-//# sourceMappingURL=udp-pagination2.js.map
-
-//# sourceMappingURL=udp-pagination2.js.map
+import{p as t,H as i,c as s,h as a,t as n}from"./index2.js";import{d as e}from"./udp-button2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChange=s(this,"pageChange"),this.currentPage=1,this.totalPages=1,this.isLoading=!1}navigateToPage(t){this.isLoading||t<1||t>this.totalPages||t===this.currentPage||this.pageChange.emit(t)}renderPageNumbers(){const t=[],i=Math.floor(2.5);let s=Math.max(1,this.currentPage-i),n=Math.min(this.totalPages,this.currentPage+i);this.currentPage-i<1&&(n=Math.min(this.totalPages,5)),this.currentPage+i>this.totalPages&&(s=Math.max(1,this.totalPages-5+1)),this.totalPages<=5&&(s=1,n=this.totalPages),s>1&&(t.push(a("udp-button",{onClick:()=>this.navigateToPage(1),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to first page"},"1")),s>2&&t.push(a("span",{class:"ellipsis"},"...")));for(let i=s;i<=n;i++)t.push(a("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":void 0},i));return n<this.totalPages&&(n<this.totalPages-1&&t.push(a("span",{class:"ellipsis"},"...")),t.push(a("udp-button",{onClick:()=>this.navigateToPage(this.totalPages),disabled:this.isLoading,variant:"outlined",ariaLabel:"Go to last page"},this.totalPages))),t}render(){return this.totalPages<=1?null:a("div",{class:"pagination-controls"},a("udp-button",{onClick:()=>this.navigateToPage(this.currentPage-1),disabled:this.isLoading||this.currentPage<=1,variant:"text",ariaLabel:"Go to previous page"},"Previous"),this.renderPageNumbers(),a("udp-button",{onClick:()=>this.navigateToPage(this.currentPage+1),disabled:this.isLoading||this.currentPage>=this.totalPages,variant:"text",ariaLabel:"Go to next page"},"Next"))}static get style(){return":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;}"}},[1,"udp-pagination",{currentPage:[2,"current-page"],totalPages:[2,"total-pages"],isLoading:[4,"is-loading"]}]);function r(){"undefined"!=typeof customElements&&["udp-pagination","udp-button"].forEach((t=>{switch(t){case"udp-pagination":customElements.get(n(t))||customElements.define(n(t),o);break;case"udp-button":customElements.get(n(t))||e()}}))}export{o as U,r as d}

package/dist/components/udp-pop-over-grid-action-header.js

@@ -1,9 +1 @@
-import { U as UdpPopOver, d as defineCustomElement$1 } from './udp-pop-over-grid-action-header2.js';
-
-const UdpPopOverGridActionHeader = UdpPopOver;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpPopOverGridActionHeader, defineCustomElement };
-//# sourceMappingURL=udp-pop-over-grid-action-header.js.map
-
-//# sourceMappingURL=udp-pop-over-grid-action-header.js.map
+import{U as o,d as r}from"./udp-pop-over-grid-action-header2.js";const p=o,a=r;export{p as UdpPopOverGridActionHeader,a as defineCustomElement}

package/dist/components/udp-pop-over-grid-action-header2.js

@@ -1,82 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpPopOverGridActionHeaderCss = ".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}";
-
-const UdpPopOver = /*@__PURE__*/ proxyCustomElement(class UdpPopOver extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isOpen = false;
-        this.handleClose = (event) => {
-            if (event && this.el.shadowRoot.contains(event.target)) {
-                return; // Clicked inside, do nothing
-            }
-            this.isOpen = false;
-            document.removeEventListener('click', this.handleClose);
-        };
-    }
-    componentWillLoad() {
-        if (this.isOpen) {
-            document.addEventListener('click', this.handleClose);
-        }
-        document.removeEventListener('click', this.handleClose);
-    }
-    watchHandler(newValue) {
-        if (newValue) {
-            document.addEventListener('click', this.handleClose);
-        }
-        else {
-            document.removeEventListener('click', this.handleClose);
-        }
-    }
-    render() {
-        const style = {
-            display: this.isOpen ? 'block' : 'none',
-            position: 'absolute',
-            right: '6px',
-        };
-        if (this.anchorElement) {
-            const rect = this.anchorElement.getBoundingClientRect();
-            style['top'] = `${rect.bottom}px`;
-            style['left'] = `${rect.left}px`;
-        }
-        return (h("div", { key: '511fb2756ab0c38c04ee500f31e964bfb52672f1', class: "popover", style: style }, h("unity-typography", { key: 'd0db9b3b955f5cf4429b0176df5b7e98a21c66e9', variant: "caption-text" }, h("slot", { key: '8adc31948a622995a141e9d4ff74f28a97af6108' }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "isOpen": ["watchHandler"]
-    }; }
-    static get style() { return udpPopOverGridActionHeaderCss; }
-}, [257, "udp-pop-over-grid-action-header", {
-        "isOpen": [4, "is-open"],
-        "anchorElement": [16]
-    }, undefined, {
-        "isOpen": ["watchHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-pop-over-grid-action-header", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-pop-over-grid-action-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpPopOver);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpPopOver as U, defineCustomElement as d };
-//# sourceMappingURL=udp-pop-over-grid-action-header2.js.map
-
-//# sourceMappingURL=udp-pop-over-grid-action-header2.js.map
+import{p as t,H as e,h as i,t as o}from"./index2.js";import{d as s}from"./unity-typography2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isOpen=!1,this.handleClose=t=>{t&&this.el.shadowRoot.contains(t.target)||(this.isOpen=!1,document.removeEventListener("click",this.handleClose))}}componentWillLoad(){this.isOpen&&document.addEventListener("click",this.handleClose),document.removeEventListener("click",this.handleClose)}watchHandler(t){t?document.addEventListener("click",this.handleClose):document.removeEventListener("click",this.handleClose)}render(){const t={display:this.isOpen?"block":"none",position:"absolute",right:"6px"};if(this.anchorElement){const e=this.anchorElement.getBoundingClientRect();t.top=`${e.bottom}px`,t.left=`${e.left}px`}return i("div",{key:"511fb2756ab0c38c04ee500f31e964bfb52672f1",class:"popover",style:t},i("unity-typography",{key:"d0db9b3b955f5cf4429b0176df5b7e98a21c66e9",variant:"caption-text"},i("slot",{key:"8adc31948a622995a141e9d4ff74f28a97af6108"})))}get el(){return this}static get watchers(){return{isOpen:[{watchHandler:0}]}}static get style(){return".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}"}},[257,"udp-pop-over-grid-action-header",{isOpen:[4,"is-open"],anchorElement:[16]},void 0,{isOpen:[{watchHandler:0}]}]);function n(){"undefined"!=typeof customElements&&["udp-pop-over-grid-action-header","unity-typography"].forEach((t=>{switch(t){case"udp-pop-over-grid-action-header":customElements.get(o(t))||customElements.define(o(t),c);break;case"unity-typography":customElements.get(o(t))||s()}}))}export{c as U,n as d}

package/dist/components/udp-pop-over.js

@@ -1,9 +1 @@
-import { U as UdpPopOver$1, d as defineCustomElement$1 } from './udp-pop-over2.js';
-
-const UdpPopOver = UdpPopOver$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpPopOver, defineCustomElement };
-//# sourceMappingURL=udp-pop-over.js.map
-
-//# sourceMappingURL=udp-pop-over.js.map
+import{U as o,d as p}from"./udp-pop-over2.js";const r=o,s=p;export{r as UdpPopOver,s as defineCustomElement}