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

package/dist/stencil-library/udp-split-screen.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-CaZq3YdB.js";const s=".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";const o=class{constructor(t){e(this,t);this.isOpen=true;this.panelWidth=75;this.isDragging=false;this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;const o=Math.max(2,Math.min(s,98));localStorage.setItem("panelWidth",this.panelWidth.toString());if(this.panelWidth!==o){this.panelWidth=o;localStorage.setItem("panelWidth",this.panelWidth.toString())}}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=true;e.preventDefault()}));document.addEventListener("mousemove",(e=>{if(!this.isDragging)return;if(this.isDragging){const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;this.panelWidth=Math.max(2,Math.min(s,98))}this.handleDrag(e)}));document.addEventListener("mouseup",(()=>{if(this.isDragging){this.isDragging=false}}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");if(e){this.panelWidth=parseFloat(e)}}render(){return t("div",{key:"45482d8017aa9e124177dcdf2d4173361b05fac8",ref:e=>this.element=e,class:{container:true,open:this.isOpen}},t("div",{key:"c50057f1966e96ed6c6e01e025f30167ca34eda2",class:"panel",style:{width:`${this.panelWidth}%`}},t("slot",{key:"47bd54df69170935664bac84157d563ca9f7db34",name:"first-panel"})),t("div",{key:"ba66ae724133870c289a9b5eafc19a1ca220c0ef",class:"resizer",onMouseDown:e=>e.preventDefault()},t("div",{key:"6b40d3ca3df57595ef9dd206b37b1932bf033809",class:"drag-handle"})),t("div",{key:"fc515cb4a0c2eec22d45ba818a5b271f3a861039",class:"panel",style:{width:`${100-this.panelWidth}%`}},t("slot",{key:"103aac71fb969095ab17605be85e57053f596d71",name:"second-panel"},this.panelContent)))}};o.style=s;export{o as udp_split_screen};
+import{r as e,h as t}from"./index-CaZq3YdB.js";const s=".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";const o=class{constructor(t){e(this,t);this.isOpen=true;this.panelWidth=75;this.isDragging=false;this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;const o=Math.max(2,Math.min(s,98));localStorage.setItem("panelWidth",this.panelWidth.toString());if(this.panelWidth!==o){this.panelWidth=o;localStorage.setItem("panelWidth",this.panelWidth.toString())}}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=true;e.preventDefault()}));document.addEventListener("mousemove",(e=>{if(!this.isDragging)return;if(this.isDragging){const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;this.panelWidth=Math.max(2,Math.min(s,98))}this.handleDrag(e)}));document.addEventListener("mouseup",(()=>{if(this.isDragging){this.isDragging=false}}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");if(e){this.panelWidth=parseFloat(e)}}render(){return t("div",{key:"c1a7e0eba3ac1fcc5fd02ebcfd24ad866ddd5a43",ref:e=>this.element=e,class:{container:true,open:this.isOpen}},t("div",{key:"ba41dc15748286b532e98574db37413ec8428110",class:"panel",style:{width:`${this.panelWidth}%`}},t("slot",{key:"a5789cb6914ad71421a23bbedff897ab3af03356",name:"first-panel"})),t("div",{key:"bc81bfcfe169236f7102ad340b5e87b169cbb368",class:"resizer",onMouseDown:e=>e.preventDefault()},t("div",{key:"eb72ee3c6aeed6c26d07d72f0818bcce3d1b0dc6",class:"drag-handle"})),t("div",{key:"606d564838ffaad254738b761d9d4e1f382888f6",class:"panel",style:{width:`${100-this.panelWidth}%`}},t("slot",{key:"682ce28bd7d62692855eb5254da515119dab9214",name:"second-panel"},this.panelContent)))}};o.style=s;export{o as udp_split_screen};
 //# sourceMappingURL=udp-split-screen.entry.js.map

package/dist/stencil-library/udp-stepper-demo.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./index-CaZq3YdB.js";const i=class{constructor(i){t(this,i);this.activeStep=0;this.completed={};this.step1=e("div",null,"This is step 1 content - Try clicking next!");this.step2=e("div",null,"This is step 2 content - You can go back or forward");this.step3=e("div",null,"This is step 3 content - Final step!");this.steps=[{stepDisplay:{inProcessIcon:"1",completeIcon:"✓",title:"First Step",subTitle:"Start here"},stepTitle:"Step 1",showTitle:true,buttons:[{title:"Next",action:2,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[0]:true});this.activeStep=1}}],content:this.step1},{stepDisplay:{inProcessIcon:"2",completeIcon:"✓",title:"Second Step",subTitle:"Middle step"},stepTitle:"Step 2",showTitle:true,buttons:[{title:"Back",action:1,variant:"outline",customAction:()=>this.activeStep=0},{title:"Next",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[1]:true});this.activeStep=2}}],content:this.step2},{stepDisplay:{inProcessIcon:"3",completeIcon:"✓",title:"Final Step",subTitle:"Complete the process"},stepTitle:"Step 3",showTitle:true,buttons:[{title:"Back",action:2,customAction:()=>this.activeStep=1},{title:"Finish",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[2]:true});console.log("Process completed!")}}],content:this.step3}];this.handleStepChange=t=>{this.activeStep=t}}render(){return e("div",{key:"eebc9bb4f1d245a9da41ba14cd8519ea5012e074",style:{padding:"2rem"}},e("unity-typography",{key:"0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd",variant:"h2"},"Horizontal Stepper with Labels bottom"),e("udp-stepper",{key:"99467398bbd932a99f4064cdce04058347f50671",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"bottom"}),e("unity-typography",{key:"ceae432518d605a5279287d3f7dec89d05747022",variant:"h2"},"Horizontal Stepper without Labels"),e("udp-stepper",{key:"91451a92179c6b87d18578cd0947832084b348ef",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"none",labelPosition:"bottom"}),e("unity-typography",{key:"55fc4f975f03af338db74402aa5473701acc947d",variant:"h2"},"Horizontal Stepper with Labels to Right"),e("udp-stepper",{key:"f5f862c22a85b774c018946cfb42a2e495992ef7",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"right"}),e("unity-typography",{key:"136379efff85d15e5b2b1fc9a403a9c5c7e24a71",variant:"h2"},"Vertical Stepper"),e("udp-stepper",{key:"b592b5256dff97067080079474e1f97ed8566e62",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"vertical",labelDisplay:"all",labelPosition:"right"}))}};export{i as udp_stepper_demo};
+import{r as t,h as e}from"./index-CaZq3YdB.js";const i=class{constructor(i){t(this,i);this.activeStep=0;this.completed={};this.step1=e("div",null,"This is step 1 content - Try clicking next!");this.step2=e("div",null,"This is step 2 content - You can go back or forward");this.step3=e("div",null,"This is step 3 content - Final step!");this.steps=[{stepDisplay:{inProcessIcon:"1",completeIcon:"✓",title:"First Step",subTitle:"Start here"},stepTitle:"Step 1",showTitle:true,buttons:[{title:"Next",action:2,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[0]:true});this.activeStep=1}}],content:this.step1},{stepDisplay:{inProcessIcon:"2",completeIcon:"✓",title:"Second Step",subTitle:"Middle step"},stepTitle:"Step 2",showTitle:true,buttons:[{title:"Back",action:1,variant:"outline",customAction:()=>this.activeStep=0},{title:"Next",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[1]:true});this.activeStep=2}}],content:this.step2},{stepDisplay:{inProcessIcon:"3",completeIcon:"✓",title:"Final Step",subTitle:"Complete the process"},stepTitle:"Step 3",showTitle:true,buttons:[{title:"Back",action:2,customAction:()=>this.activeStep=1},{title:"Finish",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{[2]:true});console.log("Process completed!")}}],content:this.step3}];this.handleStepChange=t=>{this.activeStep=t}}render(){return e("div",{key:"2319255e5746720f12f3e09b1218c2165ef8d817",style:{padding:"2rem"}},e("unity-typography",{key:"656c99db41764cbb769d8082e5a45c042c669976",variant:"h2"},"Horizontal Stepper with Labels bottom"),e("udp-stepper",{key:"16e00a0cab21bdf462a8750b19f18e6168fc90ac",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"bottom"}),e("unity-typography",{key:"27a78441510baf5aa6dfc80d8919a34529617ad3",variant:"h2"},"Horizontal Stepper without Labels"),e("udp-stepper",{key:"1d1a41d4454e7b73c87ebd4b336ebdc64aa9522b",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"none",labelPosition:"bottom"}),e("unity-typography",{key:"43b1a72c4a8a97aef8158b28cdd9b21def43763a",variant:"h2"},"Horizontal Stepper with Labels to Right"),e("udp-stepper",{key:"5d5fe67789189f33101e8bfb936d4cfe15bbd7c7",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"right"}),e("unity-typography",{key:"89680789dc23b5c0d995d6064278e9f634a62bec",variant:"h2"},"Vertical Stepper"),e("udp-stepper",{key:"3df6a59fb672ff752d8f03626651a37388773646",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"vertical",labelDisplay:"all",labelPosition:"right"}))}};export{i as udp_stepper_demo};
 //# sourceMappingURL=udp-stepper-demo.entry.js.map

package/dist/stencil-library/udp-tab-panel.entry.js

@@ -1,2 +1,2 @@
-import{r as a,h as e}from"./index-CaZq3YdB.js";const t=":host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}";const s=class{constructor(e){a(this,e)}render(){const a=this.value===this.index;return e("div",{key:"3d2383c0b993bcb66a13c14048a13450aa5fd6b4",class:{"tab-panel":true,active:a},role:"tabpanel","aria-hidden":!a?"true":"false"},e("slot",{key:"fde6d4bef1fa5ded55d61ca54349cd9e85c2d265"}))}};s.style=t;export{s as udp_tab_panel};
+import{r as a,h as e}from"./index-CaZq3YdB.js";const t=":host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}";const s=class{constructor(e){a(this,e)}render(){const a=this.value===this.index;return e("div",{key:"189ebf853b69a4f543aaafc450003f4a046c823d",class:{"tab-panel":true,active:a},role:"tabpanel","aria-hidden":!a?"true":"false"},e("slot",{key:"7b9a7830280bf62f9bce753f6ab83b68e198a5df"}))}};s.style=t;export{s as udp_tab_panel};
 //# sourceMappingURL=udp-tab-panel.entry.js.map

package/dist/stencil-library/udp-tab.entry.js

@@ -1,2 +1,2 @@
-import{r as a,h as e}from"./index-CaZq3YdB.js";const t=".tab-panel{display:none}.tab-panel.active{display:block}";const s=class{constructor(e){a(this,e);this.active=false;this.iconPlacement="start";this.hidden=false;this.disabled=false}render(){return e("div",{key:"6792f3e4f90e3e99a844e111783fe9f027501117",class:{"tab-panel":true,active:this.active},role:"tabpanel"},e("slot",{key:"865d65568d4c0c2651a76eb9f7a19a0f4eff2c65"}))}};s.style=t;export{s as udp_tab};
+import{r as e,h as a}from"./index-CaZq3YdB.js";const t=".tab-panel{display:none}.tab-panel.active{display:block}";const s=class{constructor(a){e(this,a);this.active=false;this.iconPlacement="start";this.hidden=false;this.disabled=false}render(){return a("div",{key:"f11315932e2e200997d557729b171223fa98f4b0",class:{"tab-panel":true,active:this.active},role:"tabpanel"},a("slot",{key:"73b9ef3b7dfeda69ae130fdefb39e8179d891818"}))}};s.style=t;export{s as udp_tab};
 //# sourceMappingURL=udp-tab.entry.js.map

package/dist/stencil-library/udp-timeline-connector.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as n}from"./index-CaZq3YdB.js";const i=".host{--udp-timeline-line-width:2px;--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0)}.connector{width:var(--udp-timeline-line-width, 2px);height:100%;background:var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));margin:8px 0;}";const o=class{constructor(n){e(this,n)}render(){return n("div",{key:"ac7162f423f990b85fc98a011c4a48bd4ba6ffdc",class:"connector"})}};o.style=i;export{o as udp_timeline_connector};
+import{r as e,h as n}from"./index-CaZq3YdB.js";const i=".host{--udp-timeline-line-width:2px;--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0)}.connector{width:var(--udp-timeline-line-width, 2px);height:100%;background:var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));margin:8px 0;}";const o=class{constructor(n){e(this,n)}render(){return n("div",{key:"6e29be72d441d6c377d008621019db08f9633da9",class:"connector"})}};o.style=i;export{o as udp_timeline_connector};
 //# sourceMappingURL=udp-timeline-connector.entry.js.map

package/dist/stencil-library/udp-timeline-dot.entry.js

@@ -1,2 +1,2 @@
-import{r as i,h as e}from"./index-CaZq3YdB.js";const o=":host{--udp-timeline-dot-size-small:10px;--udp-timeline-dot-size-medium:14px;--udp-timeline-dot-size-large:20px;--udp-timeline-dot-icon-size:36px;--udp-timeline-dot-filled-bg-default:#e0e0e0;--udp-timeline-dot-outlined-bg:#ffffff;--udp-timeline-dot-outline-width:2px;--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-primary);--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-primary);display:inline-block;box-sizing:border-box;align-self:center}.dot-medium{width:var(--udp-timeline-dot-size-medium);height:var(--udp-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-timeline-dot-size:var(--udp-timeline-dot-size-medium)}.dot-small{width:var(--udp-timeline-dot-size-small);height:var(--udp-timeline-dot-size-small);--udp-timeline-dot-size:var(--udp-timeline-dot-size-small)}.dot-large{width:var(--udp-timeline-dot-size-large);height:var(--udp-timeline-dot-size-large);--udp-timeline-dot-size:var(--udp-timeline-dot-size-large)}.dot-filled{background:var(--udp-timeline-dot-bg)}.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-timeline-dot-icon-size);height:var(--udp-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--udp-timeline-dot-icon-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));--udp-timeline-dot-size:var(--udp-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-timeline-dot-bg)}:host{display:inline-block;box-sizing:border-box;margin:0;padding:0}.dot-color-primary{--udp-timeline-dot-bg:var(--primary-color, #344861);--udp-timeline-dot-outline-color:var(--primary-color, #344861)}.dot-color-secondary{--udp-timeline-dot-bg:var(--secondary-color, #4383c3);--udp-timeline-dot-outline-color:var(--secondary-color, #4383c3)}.dot-color-default{--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-default);--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-default)}.dot-color-error{--udp-timeline-dot-bg:var(--error-color-main, #d32f2f);--udp-timeline-dot-outline-color:var(--error-color-main, #d32f2f)}.dot-color-info{--udp-timeline-dot-bg:var(--info-color-main, #0288d1);--udp-timeline-dot-outline-color:var(--info-color-main, #0288d1)}.dot-color-success{--udp-timeline-dot-bg:var(--success-color-main, #2e7d32);--udp-timeline-dot-outline-color:var(--success-color-main, #2e7d32)}.dot-color-warning{--udp-timeline-dot-bg:var(--warning-color-main, #ed6c02);--udp-timeline-dot-outline-color:var(--warning-color-main, #ed6c02)}";const d=class{constructor(e){i(this,e);this.color="primary";this.variant="filled";this.size="medium";this.shape="default"}render(){const i=!["primary","secondary","default","error","info","success","warning"].includes(this.color);const o={["dot-"+this.size]:true,["dot-"+this.variant]:true,["dot-color-"+this.color]:!i,["dot-shape-"+this.shape]:true};const d=i?{"--udp-timeline-dot-bg":this.color,"--udp-timeline-dot-outline-color":this.color}:{};return e("div",{key:"1e05486cbf143dc476a32baea254820030f1f7f1",class:o,style:d},e("slot",{key:"c667f97a9fe7c03b243fb42a9b59e53411258a37"}))}};d.style=o;export{d as udp_timeline_dot};
+import{r as i,h as e}from"./index-CaZq3YdB.js";const o=":host{--udp-timeline-dot-size-small:10px;--udp-timeline-dot-size-medium:14px;--udp-timeline-dot-size-large:20px;--udp-timeline-dot-icon-size:36px;--udp-timeline-dot-filled-bg-default:#e0e0e0;--udp-timeline-dot-outlined-bg:#ffffff;--udp-timeline-dot-outline-width:2px;--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-primary);--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-primary);display:inline-block;box-sizing:border-box;align-self:center}.dot-medium{width:var(--udp-timeline-dot-size-medium);height:var(--udp-timeline-dot-size-medium);border-radius:50%;display:inline-block;--udp-timeline-dot-size:var(--udp-timeline-dot-size-medium)}.dot-small{width:var(--udp-timeline-dot-size-small);height:var(--udp-timeline-dot-size-small);--udp-timeline-dot-size:var(--udp-timeline-dot-size-small)}.dot-large{width:var(--udp-timeline-dot-size-large);height:var(--udp-timeline-dot-size-large);--udp-timeline-dot-size:var(--udp-timeline-dot-size-large)}.dot-filled{background:var(--udp-timeline-dot-bg)}.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-medium,.dot-small,.dot-large{box-sizing:border-box;margin:0}.dot-shape-icon{width:var(--udp-timeline-dot-icon-size);height:var(--udp-timeline-dot-icon-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--udp-timeline-dot-icon-shadow, 0 2px 6px rgba(0, 0, 0, 0.15));--udp-timeline-dot-size:var(--udp-timeline-dot-icon-size)}.dot-shape-icon.dot-outlined{background:var(--udp-timeline-dot-outlined-bg);border:var(--udp-timeline-dot-outline-width) solid var(--udp-timeline-dot-outline-color)}.dot-shape-icon.dot-filled{background:var(--udp-timeline-dot-bg)}:host{display:inline-block;box-sizing:border-box;margin:0;padding:0}.dot-color-primary{--udp-timeline-dot-bg:var(--primary-color, #344861);--udp-timeline-dot-outline-color:var(--primary-color, #344861)}.dot-color-secondary{--udp-timeline-dot-bg:var(--secondary-color, #4383c3);--udp-timeline-dot-outline-color:var(--secondary-color, #4383c3)}.dot-color-default{--udp-timeline-dot-bg:var(--udp-timeline-dot-filled-bg-default);--udp-timeline-dot-outline-color:var(--udp-timeline-dot-filled-bg-default)}.dot-color-error{--udp-timeline-dot-bg:var(--error-color-main, #d32f2f);--udp-timeline-dot-outline-color:var(--error-color-main, #d32f2f)}.dot-color-info{--udp-timeline-dot-bg:var(--info-color-main, #0288d1);--udp-timeline-dot-outline-color:var(--info-color-main, #0288d1)}.dot-color-success{--udp-timeline-dot-bg:var(--success-color-main, #2e7d32);--udp-timeline-dot-outline-color:var(--success-color-main, #2e7d32)}.dot-color-warning{--udp-timeline-dot-bg:var(--warning-color-main, #ed6c02);--udp-timeline-dot-outline-color:var(--warning-color-main, #ed6c02)}";const d=class{constructor(e){i(this,e);this.color="primary";this.variant="filled";this.size="medium";this.shape="default"}render(){const i=!["primary","secondary","default","error","info","success","warning"].includes(this.color);const o={["dot-"+this.size]:true,["dot-"+this.variant]:true,["dot-color-"+this.color]:!i,["dot-shape-"+this.shape]:true};const d=i?{"--udp-timeline-dot-bg":this.color,"--udp-timeline-dot-outline-color":this.color}:{};return e("div",{key:"2c5bd3f827dfe8f2720ca8aa46ce96d34cdfc7fa",class:o,style:d},e("slot",{key:"97e649e977722c782c969cc3d93352e0c92c68aa"}))}};d.style=o;export{d as udp_timeline_dot};
 //# sourceMappingURL=udp-timeline-dot.entry.js.map

package/dist/stencil-library/udp-timeline-item.entry.js

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as n,a}from"./index-CaZq3YdB.js";const l=":host{--udp-timeline-item-hover-bg:rgba(0, 0, 0, 0.04);--udp-timeline-content-margin-icon:12px;--udp-timeline-content-padding-default:12px;--udp-timeline-time-min-width:64px;--udp-timeline-combined-gap:12px;--udp-timeline-dot-wrap-width:40px;--udp-timeline-title-font-size:16px;--udp-timeline-title-font-weight:600;--udp-timeline-title-color:#222;--udp-timeline-title-margin-right:12px;--udp-timeline-caption-font-size:14px;--udp-timeline-caption-color:#666;--udp-timeline-caption-margin-top:8px}:host(.dot-shape-icon) .content-column{margin-top:var(--udp-timeline-content-margin-icon, 12px)}.udp-timeline-item{display:grid;grid-template-columns:var(--udp-timeline-left-column, 60px) 1fr;align-items:flex-start;gap:var(--udp-timeline-item-gap, 8px);padding:var(--udp-timeline-item-padding-vertical, 12px) 0;position:relative}.separator-column{display:flex;align-items:center;justify-content:center;width:var(--udp-timeline-left-column, 60px);height:100%}.separator-column ::slotted(*){width:100%;display:flex;align-items:center;justify-content:center}.content-column{display:block}.title-slot ::slotted(*){display:block;min-width:var(--udp-timeline-time-min-width, 64px);color:var(--udp-timeline-title-color, #222);font-size:var(--udp-timeline-title-font-size, 16px);font-weight:var(--udp-timeline-title-font-weight, 600);text-align:left}.content-slot ::slotted(*){display:block}.caption-slot ::slotted(*){display:block;margin-top:var(--udp-timeline-caption-margin-top, 8px);font-size:var(--udp-timeline-caption-font-size, 14px);color:var(--udp-timeline-caption-color, #666)}.udp-timeline-item ::slotted([slot='separator']){display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.udp-timeline-item .dot-wrap{width:var(--udp-timeline-dot-wrap-width, 40px);display:flex;align-items:center;justify-content:center}:host(:not(.has-title)) .title-slot{display:none}:host(:not(.has-caption)) .caption-slot{display:none}:host(.clickable).content-column{cursor:pointer;display:block}:host(.clickable) .content-column:hover{background-color:var(--udp-timeline-item-hover-bg)}.actions-container{display:flex;gap:8px;margin-top:8px}.first-row{display:flex;gap:8px;align-items:center}";const o=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick");this.dotShape="default";this.clickable=false;this.actions=[];this.statusLabel="";this.statusColor="gray";this.hasTitle=false;this.hasCaption=false;this.handleClick=()=>{if(this.clickable){this.itemClick.emit()}}}componentDidLoad(){var t,e,i,n;const a=(e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="title"]'))!==null&&e!==void 0?e:null;if(a!=null){const t=()=>{const t=a.assignedNodes({flatten:true});this.hasTitle=t.length>0};t();a.addEventListener("slotchange",t)}const l=(n=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector('slot[name="caption"]'))!==null&&n!==void 0?n:null;if(l!=null){const t=()=>{const t=l.assignedNodes({flatten:true});this.hasCaption=t.length>0};t();l.addEventListener("slotchange",t)}}render(){var t;const e=this.actions.slice(0,4);const a=this.actions.slice(4);return i(n,{key:"e0c202b3da3613d5bd3391c823f4717b00a8c963",class:{"has-title":this.hasTitle,"has-caption":this.hasCaption,[`dot-shape-${this.dotShape}`]:true,clickable:this.clickable},onClick:this.handleClick},i("div",{key:"091ebbfbc1b9efb37404b200ade26eeedd859247",class:"udp-timeline-item"},i("div",{key:"9f463e19de021d0abaab732158415f9a65c6450c",class:"separator-column"},i("slot",{key:"6d144c613e5c1905eac606dee59c7a94a3332fa0",name:"separator"})),i("div",{key:"1a2748b27929a7c06176046c85b93f6a1afe4fc5",class:"content-column"},i("div",{key:"d57471f235edbf455a70f56940f8879f8a6b5100",class:"first-row"},i("div",{key:"68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae",class:"title-slot"},i("slot",{key:"d2d11a82ee5d7a5b665e0dbe2afd517f02df4d81",name:"title"})),((t=this.statusLabel)===null||t===void 0?void 0:t.trim())!=""&&i("udp-chip",{key:"3c6fe171c3dcb2b60523e01f0d893694143d998b",label:this.statusLabel,color:this.statusColor,size:"small"})),i("div",{key:"10f19128bc549bac7e53eb1260986c1f230dd3b8",class:"content-slot"},i("slot",{key:"e283db48e73b9614bd1ee33c4aafcf585560e111",name:"content"})),i("div",{key:"8fe114f2d6ff8bd9af2f1e044f2f73288595ae92",class:"caption-slot"},i("slot",{key:"f1f1b35200e5c9cfcdbaeb7943a75f2f97501874",name:"caption"})),this.actions.length>0&&i("div",{key:"c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac",class:"actions-container"},e.map((t=>i("button",{onClick:t.onClick},t.label))),a.length>0&&i("button",{key:"ea8b1d8f7a77a56b1385bceabc0db2e310ffe492"},"...")))))}get host(){return a(this)}};o.style=l;export{o as udp_timeline_item};
+import{r as t,c as e,h as i,H as n,a as l}from"./index-CaZq3YdB.js";const o=":host{--udp-timeline-item-hover-bg:rgba(0, 0, 0, 0.04);--udp-timeline-content-margin-icon:12px;--udp-timeline-content-padding-default:12px;--udp-timeline-time-min-width:64px;--udp-timeline-combined-gap:12px;--udp-timeline-dot-wrap-width:40px;--udp-timeline-title-font-size:16px;--udp-timeline-title-font-weight:600;--udp-timeline-title-color:#222;--udp-timeline-title-margin-right:12px;--udp-timeline-caption-font-size:14px;--udp-timeline-caption-color:#666;--udp-timeline-caption-margin-top:8px}:host(.dot-shape-icon) .content-column{margin-top:var(--udp-timeline-content-margin-icon, 12px)}.udp-timeline-item{display:grid;grid-template-columns:var(--udp-timeline-left-column, 60px) 1fr;align-items:flex-start;gap:var(--udp-timeline-item-gap, 8px);padding:var(--udp-timeline-item-padding-vertical, 12px) 0;position:relative}.separator-column{display:flex;align-items:center;justify-content:center;width:var(--udp-timeline-left-column, 60px);height:100%}.separator-column ::slotted(*){width:100%;display:flex;align-items:center;justify-content:center}.content-column{display:block}.title-slot ::slotted(*){display:block;min-width:var(--udp-timeline-time-min-width, 64px);color:var(--udp-timeline-title-color, #222);font-size:var(--udp-timeline-title-font-size, 16px);font-weight:var(--udp-timeline-title-font-weight, 600);text-align:left}.content-slot ::slotted(*){display:block}.caption-slot ::slotted(*){display:block;margin-top:var(--udp-timeline-caption-margin-top, 8px);font-size:var(--udp-timeline-caption-font-size, 14px);color:var(--udp-timeline-caption-color, #666)}.udp-timeline-item ::slotted([slot='separator']){display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.udp-timeline-item .dot-wrap{width:var(--udp-timeline-dot-wrap-width, 40px);display:flex;align-items:center;justify-content:center}:host(:not(.has-title)) .title-slot{display:none}:host(:not(.has-caption)) .caption-slot{display:none}:host(.clickable).content-column{cursor:pointer;display:block}:host(.clickable) .content-column:hover{background-color:var(--udp-timeline-item-hover-bg)}.actions-container{display:flex;gap:8px;margin-top:8px}.first-row{display:flex;gap:8px;align-items:center}";const a=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick");this.dotShape="default";this.clickable=false;this.actions=[];this.statusLabel="";this.statusColor="gray";this.hasTitle=false;this.hasCaption=false;this.handleClick=()=>{if(this.clickable){this.itemClick.emit()}}}componentDidLoad(){var t,e,i,n;const l=(e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="title"]'))!==null&&e!==void 0?e:null;if(l!=null){const t=()=>{const t=l.assignedNodes({flatten:true});this.hasTitle=t.length>0};t();l.addEventListener("slotchange",t)}const o=(n=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector('slot[name="caption"]'))!==null&&n!==void 0?n:null;if(o!=null){const t=()=>{const t=o.assignedNodes({flatten:true});this.hasCaption=t.length>0};t();o.addEventListener("slotchange",t)}}render(){var t;const e=this.actions.slice(0,4);const l=this.actions.slice(4);return i(n,{key:"8326b3df0cc9cc0028c3bfc933bc459db35094bc",class:{"has-title":this.hasTitle,"has-caption":this.hasCaption,[`dot-shape-${this.dotShape}`]:true,clickable:this.clickable},onClick:this.handleClick},i("div",{key:"a2fae7aacf20d01c7af29054e8c706f758ece4c9",class:"udp-timeline-item"},i("div",{key:"281563af2707ddc073b3414a78f2ec264ac54238",class:"separator-column"},i("slot",{key:"db75bbc336f12262d6de2079e57c32190a739e91",name:"separator"})),i("div",{key:"1759cffe898de2b80712d5253d006e8aad7acf77",class:"content-column"},i("div",{key:"3d8d768714a546b6d1b93e63c2ac7b9ffbd4cc33",class:"first-row"},i("div",{key:"59498dc18fc522deec1edb08be8144021dc23fdb",class:"title-slot"},i("slot",{key:"4de60c7bb739794e3b4f46b9d6bda1a842bcb255",name:"title"})),((t=this.statusLabel)===null||t===void 0?void 0:t.trim())!=""&&i("udp-chip",{key:"b3cce52eb5f3022085eae08ab01e38ffde583245",label:this.statusLabel,color:this.statusColor,size:"small"})),i("div",{key:"6877b1e05c45c70ff8260f08fbf13fa5d9f428dc",class:"content-slot"},i("slot",{key:"4ee558c73d0694676ca014e936f83c4b34c3a86f",name:"content"})),i("div",{key:"bca70084d830b5988b1192328a817b57082593aa",class:"caption-slot"},i("slot",{key:"5cf4a947ca3cfa3e01b4f415d9bd408478bbfe32",name:"caption"})),this.actions.length>0&&i("div",{key:"c18da0ac1c20e4b2354cb5b21f473e938f7edbb8",class:"actions-container"},e.map((t=>i("button",{onClick:t.onClick},t.label))),l.length>0&&i("button",{key:"c0327b7dbb152db4c5229e2517c0061d5981cdb9"},"...")))))}get host(){return l(this)}};a.style=o;export{a as udp_timeline_item};
 //# sourceMappingURL=udp-timeline-item.entry.js.map

package/dist/stencil-library/udp-timeline-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","udpTimelineItemCss","UdpTimelineItem","constructor","hostRef","this","itemClick","dotShape","clickable","actions","statusLabel","statusColor","hasTitle","hasCaption","handleClick","emit","componentDidLoad","_a","_b","_c","_d","slot","host","shadowRoot","querySelector","update","nodes","assignedNodes","flatten","length","addEventListener","captionSlot","updateCaption","render","visibleActions","slice","menuActions","key","class","onClick","name","trim","label","color","size","map","action","style"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","udpTimelineItemCss","UdpTimelineItem","constructor","hostRef","this","itemClick","dotShape","clickable","actions","statusLabel","statusColor","hasTitle","hasCaption","handleClick","emit","componentDidLoad","_a","_b","_c","_d","slot","host","shadowRoot","querySelector","update","nodes","assignedNodes","flatten","length","addEventListener","captionSlot","updateCaption","render","visibleActions","slice","menuActions","key","class","onClick","name","trim","label","color","size","map","action","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/udp-timeline-separator.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-CaZq3YdB.js";const i=":host{--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0);--udp-timeline-separator-min-height:48px}.udp-timeline-separator{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;min-height:var(--udp-timeline-separator-min-height);position:relative;flex:1 1 auto}.dot-wrap{display:flex;align-items:center;justify-content:center;margin:6px 0}.udp-timeline-separator ::slotted(udp-timeline-connector){order:2;display:block;width:var(--udp-timeline-line-width, 2px);background:var(--udp-timeline-connector-color);margin:8px 0;flex:1 1 auto;margin:8px 0;align-self:center;}.udp-timeline-separator ::slotted(udp-timeline-dot){z-index:3;display:block;order:1}";const r=class{constructor(t){e(this,t)}render(){return t("div",{key:"fd906306d70d88d53be6436fbf36e2d6a36fdd90",class:"udp-timeline-separator"},t("slot",{key:"427efd7e20154bddef6653dc1d0efa693766a46f"}))}};r.style=i;export{r as udp_timeline_separator};
+import{r as e,h as t}from"./index-CaZq3YdB.js";const i=":host{--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0);--udp-timeline-separator-min-height:48px}.udp-timeline-separator{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;min-height:var(--udp-timeline-separator-min-height);position:relative;flex:1 1 auto}.dot-wrap{display:flex;align-items:center;justify-content:center;margin:6px 0}.udp-timeline-separator ::slotted(udp-timeline-connector){order:2;display:block;width:var(--udp-timeline-line-width, 2px);background:var(--udp-timeline-connector-color);margin:8px 0;flex:1 1 auto;margin:8px 0;align-self:center;}.udp-timeline-separator ::slotted(udp-timeline-dot){z-index:3;display:block;order:1}";const r=class{constructor(t){e(this,t)}render(){return t("div",{key:"ffc3bdd998905aa0254b7610824996ddc5263547",class:"udp-timeline-separator"},t("slot",{key:"92dc66209cffed11e4c04bb0f3f309c9f27cdda2"}))}};r.style=i;export{r as udp_timeline_separator};
 //# sourceMappingURL=udp-timeline-separator.entry.js.map

package/dist/stencil-library/udp-timeline.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as i,H as t}from"./index-CaZq3YdB.js";const l=":host{--udp-timeline-left-column:60px;--udp-timeline-item-gap:8px;--udp-timeline-item-padding-vertical:12px;--udp-timeline-dot-nudge:0px;--udp-timeline-dot-top:14px;--udp-timeline-line-color:#e0e0e0;--udp-timeline-line-width:2px;--udp-timeline-time-color:#222}.udp-timeline-root{display:flex;flex-direction:column;position:relative}.align-left .udp-timeline-root{align-items:flex-start}.align-right .udp-timeline-root{align-items:flex-end}.align-alternate .udp-timeline-root{align-items:stretch}";const n=class{constructor(i){e(this,i);this.align="left"}render(){return i(t,{key:"b8f6549bc279987a93954ee693a5c2fe54c41184",class:{[`align-${this.align}`]:true}},i("div",{key:"f0a00ac185b51a7666bf6617f4f3c6e846da131a",class:"udp-timeline-root"},i("slot",{key:"69ba86a6fd1c7a418cbd87c25d4aed591751089b"})))}};n.style=l;export{n as udp_timeline};
+import{r as e,h as i,H as t}from"./index-CaZq3YdB.js";const l=":host{--udp-timeline-left-column:60px;--udp-timeline-item-gap:8px;--udp-timeline-item-padding-vertical:12px;--udp-timeline-dot-nudge:0px;--udp-timeline-dot-top:14px;--udp-timeline-line-color:#e0e0e0;--udp-timeline-line-width:2px;--udp-timeline-time-color:#222}.udp-timeline-root{display:flex;flex-direction:column;position:relative}.align-left .udp-timeline-root{align-items:flex-start}.align-right .udp-timeline-root{align-items:flex-end}.align-alternate .udp-timeline-root{align-items:stretch}";const n=class{constructor(i){e(this,i);this.align="left"}render(){return i(t,{key:"555eec82e04f639c2ea3c7e6f02305406a601790",class:{[`align-${this.align}`]:true}},i("div",{key:"a717e8b6d0a12902927eda125d07a4fada686903",class:"udp-timeline-root"},i("slot",{key:"2ae6134c049190100dc7fccc9b7ff768b85fc438"})))}};n.style=l;export{n as udp_timeline};
 //# sourceMappingURL=udp-timeline.entry.js.map

package/dist/stencil-library/udp-vertical-spacer.entry.js

@@ -1,2 +1,2 @@
-import{r as s,h as a}from"./index-CaZq3YdB.js";const c=":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}";const i=class{constructor(a){s(this,a)}render(){const s={small:"spacing-01",medium:"spacing-07",large:"spacing-13"};const c=s[this.unit]||"spacing-01";return a("div",{key:"43858dba85be3d9ca579b7277356f6b722a77598",class:c})}};i.style=c;export{i as udp_vertical_spacer};
+import{r as s,h as a}from"./index-CaZq3YdB.js";const c=":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}";const i=class{constructor(a){s(this,a)}render(){const s={small:"spacing-01",medium:"spacing-07",large:"spacing-13"};const c=s[this.unit]||"spacing-01";return a("div",{key:"e7ce17029af1bb28948d736098913de9b7bd8efe",class:c})}};i.style=c;export{i as udp_vertical_spacer};
 //# sourceMappingURL=udp-vertical-spacer.entry.js.map

package/dist/types/components/grid/new-grid/gridFunctions/bulkActions.d.ts

@@ -8,7 +8,8 @@ export declare class BulkActions implements GridFunction {
     private fetchedData;
     private refresh;
     private gridId;
-    private executeActionCallback;
+    private actionProviderCallback;
+    private localFunctions;
     private isMenuOpen;
     private menuAnchorEl?;
     init(api: GridApi, refresh: () => void, params?: any): void;
@@ -16,7 +17,8 @@ export declare class BulkActions implements GridFunction {
     onRowSelectionChanged: () => void;
     private fetchBulkActions;
     setBulkActions: (data: any) => void;
-    executeBulkAction: (actionId: any) => void;
+    executeLocalFunction: (functionName: string) => void;
+    executeActionProviderAction: (actionId: any) => void;
     toggleMenu: () => void;
     closeMenu: () => void;
     render(): any;

package/dist/types/components/grid/new-grid/interfaces/grid.d.ts

@@ -19,6 +19,7 @@ export interface GridApiMethods {
     getSelectedNodes: () => IRowNode<any>[];
     getSearchObject: () => Search;
     getEntityName: () => string;
+    getRowCount: () => number;
     getFilterModel: () => FilterModel;
     setFilterModel: (model: FilterModel) => void;
     onFilterChanged: () => void;

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export type { Search as SearchInterface, SearchFilters, SearchFilterGroups, Grou
 export * from './store/catalog-store';
 export * from './udp-utilities/api-config';
 export { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint';
+export * from './udp-utilities/udp-websocket-client/udp-websocket-client';

package/dist/types/udp-utilities/udp-websocket-client/udp-websocket-client.d.ts

@@ -0,0 +1,34 @@
+export interface UdpWebSocketMessage {
+    headers?: Record<string, any>;
+    body?: any;
+}
+export type UdpWsReceiveHandler = (msg: UdpWebSocketMessage) => void | Promise<void>;
+export type UdpWsCloseHandler = (e: CloseEvent) => void | Promise<void>;
+export type UdpWsErrorHandler = (e: Event) => void | Promise<void>;
+export type UdpWsOpenHandler = () => void | Promise<void>;
+export declare class UdpWebSocketClient {
+    static readonly DEFAULT_KEEPALIVE_INTERVAL_MS = 30000;
+    static readonly DEFAULT_KEEPALIVE_TIMEOUT_MS: number;
+    private socket?;
+    private keepAliveIntervalId?;
+    private keepAliveTimeoutId?;
+    private messageReceivedHandler?;
+    private closeHandler?;
+    private errorHandler?;
+    private openHandler?;
+    get isConnected(): boolean;
+    connect(url: string, getAccessToken: () => Promise<string | void>, keepAliveIntervalMs?: number, keepAliveTimeoutMs?: number): Promise<void>;
+    onMessageReceived(handler: UdpWsReceiveHandler): this;
+    onOpen(handler: UdpWsOpenHandler): this;
+    onClose(handler: UdpWsCloseHandler): this;
+    onError(handler: UdpWsErrorHandler): this;
+    send(message: UdpWebSocketMessage): void;
+    close(): void;
+    protected handleMessage(event: MessageEvent): void;
+    protected handleClose(event: CloseEvent): void;
+    protected handleError(event: Event): void;
+    protected startKeepAliveTimer(intervalMs: number, timeoutMs: number): void;
+    protected stopKeepAliveTimer(): void;
+    protected sendKeepAlivePing(): void;
+    protected isWssUrl(url: string): boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-stencil-component-library",
-  "version": "25.18.2-beta.5",
+  "version": "25.18.2-beta.7",
   "description": "A Stencil based component library for UDP",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/primary-action-header.udp-side-sheet.udp-tabs.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primary-action-header.udp-side-sheet.udp-tabs.entry.cjs.js","sources":["src/components/data-display/primary-action-header/primary-action-header.css?tag=primary-action-header&encapsulation=shadow","src/components/data-display/primary-action-header/primary-action-header.tsx","src/components/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/drawers/udp-side-sheet/udp-side-sheet.tsx","src/components/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs&encapsulation=shadow","src/components/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":["/* grid-primary-bar.css */\n:host {\n  display: block;\n  font-family: var(--font-family-base, sans-serif); \n  background-color: var(--primary-action-header-background, #ffffff);\n  color: var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));\n  box-shadow: var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));\n  height: var(--primary-action-header-height, 48px);\n  padding: var(--primary-action-header-padding, 0 var(--spacing-04));\n  box-sizing: border-box;\n}\n\n.header-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.title-section {\n  flex-shrink: 0;\n  margin-right: var(--spacing-md, 16px);\n}\n\n/* Tabs are not fully supported yet - this is leftover from work Greg did with Mindscope */\n.tabs {\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  min-width: 0;\n}\n\n.tabs udp-tabs {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.tabs udp-tabs::part(tab-list) {\n  /* This rule targets the 'tab-list' part within the udp-tabs component's shadow DOM. */\n  /* It's a placeholder for any specific styling needed for the tab list container itself. */\n  /* For example: display: flex; align-items: stretch; height: 100%; */\n}\n\n.tabs udp-tabs button {\n  padding: 0 16px;\n  margin: 0 var(--spacing-xxs, 4px);\n  height: 100%;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-size: var(--font-size-sm, 0.875rem);\n  color: var(--text-color-secondary, rgba(0, 0, 0, 0.6));\n  text-transform: uppercase;\n  font-weight: var(--font-weight-medium, 500);\n  border-bottom: 2px solid transparent;\n  transition: color 0.3s ease, border-bottom-color 0.3s ease;\n}\n\n.tabs udp-tabs button:hover {\n  color: var(--primary-color-hover, var(--primary-color, #1976d2));\n}\n\n.tabs udp-tabs button.active {\n  color: var(--primary-color, #1976d2);\n  border-bottom: 2px solid var(--primary-color, #1976d2);\n}\n\n.button-section {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--spacing-sm, 8px);\n}\n\n.button-section stencil-icon-button {\n  color: var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)));\n}\n\n.button-section stencil-icon-button:hover {\n  background-color: rgba(0,0,0,0.04);\n}\n\n\n.button-section custom-button {\n  /* Styles for the primary action button */\n  /* You might want to use your design system's button styles here */\n  /* Example: margin-left: var(--spacing-sm, 8px); */\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport iconMapping from '../icons/iconMapping';\n\n@Component({\n  tag: 'primary-action-header',\n  styleUrl: 'primary-action-header.css',\n  shadow: true,\n})\nexport class PrimaryActionHeader {\n  @Prop() title: string;\n  @Prop() hiddenActionButtons: string[] = [];\n  @Prop() hiddenLabels: string[] = [];\n  @Prop() actionButtons: any[] = [];\n  @Prop() defaultActionButtons: any[] = [];\n  @Prop() customSaveViewClick?: (event?: MouseEvent) => void;\n  @Prop() customSizeToFitClick?: (event?: MouseEvent) => void;\n  @Prop() customExportClick?: (event?: MouseEvent) => void;\n  @Prop() primaryActionClick?: (event?: MouseEvent) => void;\n  @Prop() customColumnViewClick?: (event?: MouseEvent) => void;\n  @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n  @Prop() customFilterViewClick?: (event?: MouseEvent) => void;\n  @Prop() customClearClick?: (event?: MouseEvent) => void;\n  @Prop() customExpandClick?: (event?: MouseEvent) => void;\n  @Prop() customShowViewClick?: (event?: MouseEvent) => void;\n  @Prop() activeTabIndex: number;\n  @Prop() selectTab: (index: number) => void;\n  @Prop() tabs: boolean = true;\n  @Prop() actionButtonLabel: string = '';\n  //   @State() activeTabIndex: number = 0;\n\n  getIconComponent(icon: string | Function, customIcon: Function) {\n    if (customIcon) {\n      return customIcon;\n    }\n\n    if (typeof icon === 'string') {\n      return iconMapping[icon];\n    }\n\n    return icon;\n  }\n\n  renderIcon(ActualIcon: any) {\n    if (ActualIcon && ActualIcon.elem === 'svg') {\n      return (\n        <svg {...ActualIcon.attrs}>\n          {ActualIcon.content.map((content: any, index: number) => {\n            return <path key={index} {...content.attrs} />;\n          })}\n        </svg>\n      );\n    }\n    return null;\n  }\n\n  //   selectTab(index: number) {\n  //     this.activeTabIndex = index;\n  //   }\n\n  render() {\n    console.log('active tab', this.activeTabIndex);\n\n    return (\n      <div class=\"header-bar\">\n        <div class=\"title-section\">\n          <unity-typography variant=\"h4\">{this.title}</unity-typography>\n        </div>\n\n        {/* IMPORTANT: NEED TO ADD A TABS COMPONENT SUPPORT - This is from work Greg did for mindscope demo */}\n        {this.tabs && (\n          <div class=\"tabs\">\n            <udp-tabs>\n              <button class={this.activeTabIndex === 0 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(0)}>\n                Demo Grid\n              </button>\n              <button class={this.activeTabIndex === 1 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(1)}>\n                Other Content\n              </button>\n            </udp-tabs>\n          </div>\n        )}\n\n        <div class=\"button-section\">\n          {this.defaultActionButtons.map(btn => {\n            // Determine the actual icon to use\n            const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);\n\n            const clickHandler = (event?: MouseEvent) => {\n              if (btn.clickHandler) {\n                btn.clickHandler(event);\n              } else {\n                console.log(`${btn.label} Clicked but no custom handler defined`);\n              }\n            };\n\n            if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {\n              return (\n                <stencil-icon-button secondary={btn.secondary} onClick={clickHandler} tooltip={btn.tooltip}>\n                  {/* Render icon directly */}\n                  {this.renderIcon(ActualIcon)}\n\n                  {/* Show label if it's not hidden and should be shown */}\n                  {!this.hiddenLabels.includes(btn.label) && btn.showLabel && <span>{btn.label}</span>}\n                </stencil-icon-button>\n              );\n            }\n            return null;\n          })}\n          {!this.actionButtonLabel && <div class=\"right-margin\" />}\n\n          {this.actionButtonLabel && (\n            <udp-button variant=\"contained\" color=\"secondary\" onClick={event => this.primaryActionClick(event)}>\n              {this.actionButtonLabel}\n            </udp-button>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 0;\r\n  overflow: hidden;\r\n  /* CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden */\r\n  transform: translate(0);\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n  transition: visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;\r\n}\r\n\r\n:host(.is-visible) {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: visible;\r\n  visibility: visible;\r\n  transition-delay: 0s;\r\n}\r\n\r\n.backdrop {\r\n  background: rgba(0, 0, 0, 0.5);\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  opacity: 0;\r\n  transition: opacity 0.2s ease-in-out;\r\n}\r\n\r\n:host(.is-visible) .backdrop {\r\n  opacity: 1;\r\n}\r\n\r\n.sheet {\r\n  background: white;\r\n  height: 100vh;\r\n  position: fixed;\r\n  top: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\r\n  transition: transform 0.2s ease-in-out;\r\n  width: 100%;\r\n}\r\n\r\n.sheet.right {\r\n  right: 0;\r\n  transform: translateX(100%);\r\n}\r\n\r\n.sheet.left {\r\n  left: 0;\r\n  transform: translateX(-100%);\r\n}\r\n\r\n:host(.is-visible) .sheet {\r\n  transform: translateX(0);\r\n}\r\n\r\n.sheet.sm {\r\n  max-width: 360px;\r\n}\r\n\r\n.sheet.md {\r\n  max-width: 600px;\r\n}\r\n\r\n.sheet.lg {\r\n  max-width: 960px;\r\n}\r\n\r\n.sheet.full {\r\n  max-width: 100%;\r\n}\r\n\r\n.sheet.custom-width {\r\n  /* max-width is set via inline style */\r\n}\r\n\r\n/* Updated title container for new layout */\r\n.title-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\r\n  gap: var(--spacing-02)\r\n}\r\n\r\n.title-text {\r\n  flex-grow: 1;\r\n  text-align: left;\r\n  /* Ensure title stays left-aligned */\r\n}\r\n\r\n.close-button {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* Added styles for the new button's container */\r\n.header-action-button {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-02, 4px);\r\n  padding: var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0;\r\n}\r\n\r\n.content {\r\n  overflow-y: auto;\r\n  flex-grow: 1;\r\n  background-color: var(--gray-01);\r\n}\r\n\r\n.content.padding {\r\n  padding: var(--spacing-05, 24px);\r\n}\r\n\r\n.footer {\r\n  padding: var(--spacing-03, 8px);\r\n  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  flex-shrink: 0;\r\n  width: 100%;\r\n  gap: var(--spacing-02, 4px);\r\n  align-items: center;\r\n}\r\n\r\n.footer.secondary-button-overflow {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.footer-secondary-buttons-container {\r\n  flex-grow: 2;\r\n  width: 100%;\r\n}\r\n\r\n.footer-secondary-buttons {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  gap: var(--spacing-02, 4px);\r\n  align-items: center;\r\n}\r\n\r\n.footer-secondary-buttons.secondary-button-overflow {\r\n  flex-grow: 1;\r\n}\r\n\r\n/* This container reserves the space for the loader (4px height).\r\n  This prevents the content below it from shifting up and down\r\n  when the loader appears or disappears.\r\n*/\r\n.loader-container {\r\n  height: 4px;\r\n  width: 100%;\r\n  background-color: var(--gray-01);\r\n}\r\n\r\n/*\r\n  By default, the loader is instantly hidden.\r\n  There is no transition applied in its hidden state.\r\n*/\r\n.loader-container udp-linear-loader {\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: none;\r\n}\r\n\r\n/*\r\n  When the .is-loading class is applied, we make the loader visible\r\n  AND apply a transition so it fades in smoothly. When the class is removed,\r\n  it reverts to the rule above and disappears instantly.\r\n*/\r\n.loader-container udp-linear-loader.is-loading {\r\n  visibility: visible;\r\n  opacity: 1;\r\n  /* transition: opacity 0.3s ease-in-out; */\r\n}\r\n","/* eslint-disable stencil/strict-boolean-conditions */\r\nimport {\r\n  Component,\r\n  h,\r\n  Prop,\r\n  Element,\r\n  Watch,\r\n  Event,\r\n  EventEmitter,\r\n  State,\r\n  Build,\r\n} from '@stencil/core';\r\nimport Close24 from '@carbon/icons/es/close/24';\r\nimport { SecondaryButton } from './types';\r\n\r\n/**\r\n * Side sheet component used for contextual drawers.\r\n */\r\n@Component({\r\n  tag: 'udp-side-sheet',\r\n  styleUrl: 'udp-side-sheet.css',\r\n  shadow: true,\r\n})\r\nexport class UdpSideSheet {\r\n  /** Host element reference for portal behavior */\r\n  @Element() hostEl!: HTMLElement;\r\n\r\n  /** When true, the side sheet is open and visible */\r\n  @Prop({ reflect: true, mutable: true }) open = false;\r\n\r\n  /** Title text displayed in the header */\r\n  @Prop() title: string;\r\n\r\n  /** Position of the sheet on the screen */\r\n  @Prop() position: 'left' | 'right' = 'right';\r\n\r\n  /** Width preset or a numeric pixel width */\r\n  @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\r\n\r\n  /** Controls whether default inner padding is applied */\r\n  @Prop() padding = true;\r\n\r\n  /** When true, shows a top loader */\r\n  @Prop() loading: boolean = false;\r\n\r\n  // Header action button props\r\n\r\n  /** Label for the header primary action button */\r\n  @Prop() headerActionButtonLabel: string;\r\n\r\n  /** Whether the header action button is disabled */\r\n  @Prop() headerActionButtonDisabled = false;\r\n\r\n  /** Icon name for the header action button */\r\n  @Prop() headerActionButtonIcon: string;\r\n\r\n  /** Additional secondary buttons to render in the header */\r\n  @Prop() headerSecondaryButtons: SecondaryButton[];\r\n\r\n  // Footer / primary button props\r\n\r\n  /** Label for the primary footer action button */\r\n  @Prop() primaryButtonLabel: string;\r\n\r\n  /** Whether the primary footer button is disabled */\r\n  @Prop() primaryButtonDisabled = false;\r\n\r\n  /** Icon name for the primary footer button */\r\n  @Prop() primaryButtonIcon: string;\r\n\r\n  /** Secondary buttons to render in the footer */\r\n  @Prop() footerSecondaryButtons?: SecondaryButton[];\r\n\r\n  /** Emitted when the sheet is closed */\r\n  @Event() udpSideSheetClose: EventEmitter<void>;\r\n\r\n  /** Emitted when the primary footer button is clicked */\r\n  @Event() udpPrimaryButtonClick: EventEmitter<void>;\r\n\r\n  /** Emitted when the header action button is clicked */\r\n  @Event() udpHeaderActionButtonClick: EventEmitter<void>;\r\n\r\n  /** Whether the footer should show the overflow \"More\" button */\r\n  @State() showOverflowButton: boolean = false;\r\n\r\n  /** Whether the overflow popover is open */\r\n  @State() openOverflowMenu: boolean = false;\r\n\r\n  /** Anchor element for the overflow popover */\r\n  @State() overflowMenuAnchor: HTMLElement;\r\n\r\n  @State() visibleSecondaryButtons: SecondaryButton[] = [];\r\n  @State() overflowSecondaryButtons: SecondaryButton[] = [];\r\n\r\n  /** Saved original document.body.overflow value to restore on close */\r\n  private originalBodyOverflow: string = '';\r\n\r\n  /** ResizeObserver instance watching footer size changes */\r\n  private resizeObserver: ResizeObserver;\r\n\r\n  /** Reference to the footer element */\r\n  private footerRef: HTMLElement;\r\n\r\n  /** Offscreen measurement container for buttons */\r\n  private measurementContainerRef: HTMLElement;\r\n\r\n  /** Saved original document.body.paddingRight value to restore on close */\r\n  private originalBodyPaddingRight: string = '';\r\n\r\n  /**\r\n   * Watcher for `open` prop. Handles portal append/removal and body scroll lock.\r\n   *\r\n   * @param newValue - new value of the `open` prop\r\n   * @param oldValue - previous value of the `open` prop\r\n   */\r\n  @Watch('open')\r\n  handleOpenChange(newValue: boolean, oldValue: boolean) {\r\n    if (newValue === oldValue) {\r\n      return;\r\n    }\r\n\r\n    if (newValue) {\r\n      // Calculate scrollbar width before hiding it\r\n      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\r\n\r\n      // Save original values\r\n      this.originalBodyOverflow = document.body.style.overflow;\r\n      this.originalBodyPaddingRight = document.body.style.paddingRight;\r\n\r\n      document.body.appendChild(this.hostEl);\r\n\r\n      // Add padding to compensate for scrollbar\r\n      if (scrollbarWidth > 0) {\r\n        const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight) || 0;\r\n        document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;\r\n      }\r\n\r\n      document.body.style.overflow = 'hidden';\r\n\r\n      requestAnimationFrame(() => {\r\n        this.hostEl.classList.add('is-visible');\r\n        // Check overflow after the side sheet is visible\r\n        setTimeout(() => this.checkOverflow(), 50);\r\n      });\r\n    } else {\r\n      this.hostEl.classList.remove('is-visible');\r\n      document.body.style.overflow = this.originalBodyOverflow;\r\n      document.body.style.paddingRight = this.originalBodyPaddingRight;\r\n      this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Watcher for footer secondary buttons changes. Triggers overflow recalculation.\r\n   */\r\n  @Watch('footerSecondaryButtons')\r\n  handleSecondaryButtonsChange() {\r\n    // Recheck overflow when buttons change\r\n    setTimeout(() => this.checkOverflow(), 50);\r\n  }\r\n\r\n  /**\r\n   * Measures footer buttons in an offscreen container and sets `showOverflowButton`.\r\n   * Safely returns early if required refs are unavailable.\r\n   */\r\n  private checkOverflow() {\r\n    if (!this.footerRef || !this.measurementContainerRef) {\r\n      return;\r\n    }\r\n\r\n    if (!this.footerSecondaryButtons || this.footerSecondaryButtons.length === 0) {\r\n      this.showOverflowButton = false;\r\n      return;\r\n    }\r\n\r\n    // Get the footer container width (minus padding)\r\n    const footerWidth = this.footerRef.offsetWidth;\r\n    const footerStyle = window.getComputedStyle(this.footerRef);\r\n    const footerPaddingLeft = parseFloat(footerStyle.paddingLeft);\r\n    const footerPaddingRight = parseFloat(footerStyle.paddingRight);\r\n    const availableWidth = footerWidth - footerPaddingLeft - footerPaddingRight;\r\n\r\n    // Measure all buttons in the hidden measurement container\r\n    const measurementButtons = this.measurementContainerRef.querySelectorAll('udp-button');\r\n    let totalWidth = 0;\r\n\r\n    measurementButtons.forEach((button, index) => {\r\n      const buttonWidth = button && button instanceof HTMLElement ? button.offsetWidth : 0;\r\n      totalWidth += buttonWidth;\r\n\r\n      // Add gap spacing between buttons (except for the last one)\r\n      if (index < measurementButtons.length - 1) {\r\n        const containerStyle = window.getComputedStyle(this.measurementContainerRef);\r\n        const gap = parseFloat(containerStyle.gap) || 4; // Default gap from CSS\r\n        totalWidth += gap;\r\n      }\r\n    });\r\n\r\n    // Add a small buffer to prevent edge cases\r\n    const buffer = 10;\r\n    const isOverflowing = totalWidth + buffer > availableWidth;\r\n\r\n    this.showOverflowButton = isOverflowing;\r\n  }\r\n\r\n  /**\r\n   * Transition end handler used to remove the host element from body after close.\r\n   *\r\n   * @private\r\n   */\r\n  private handleTransitionEnd = () => {\r\n    if (!this.open && this.hostEl.parentElement === document.body) {\r\n      document.body.removeChild(this.hostEl);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Lifecycle: componentDidLoad. Sets up ResizeObserver and initial overflow check.\r\n   *\r\n   * @private\r\n   */\r\n  componentDidLoad() {\r\n    if (Build.isBrowser) {\r\n      // Set up ResizeObserver to watch for footer size changes\r\n      this.resizeObserver = new ResizeObserver(() => {\r\n        this.checkOverflow();\r\n      });\r\n\r\n      // Initial check after a small delay to ensure DOM is ready\r\n      requestAnimationFrame(() => {\r\n        setTimeout(() => {\r\n          if (this.footerRef) {\r\n            this.resizeObserver.observe(this.footerRef);\r\n          }\r\n          this.checkOverflow();\r\n        }, 100);\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Lifecycle: disconnectedCallback. Restores body styles and disconnects observers.\r\n   *\r\n   * @private\r\n   */\r\n  disconnectedCallback() {\r\n    if (document.body.style.overflow === 'hidden') {\r\n      document.body.style.overflow = this.originalBodyOverflow;\r\n      document.body.style.paddingRight = this.originalBodyPaddingRight;\r\n    }\r\n\r\n    // Clean up ResizeObserver\r\n    if (this.resizeObserver) {\r\n      this.resizeObserver.disconnect();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Close the side sheet and emit close event.\r\n   *\r\n   * @private\r\n   */\r\n  private onClose = () => {\r\n    this.open = false;\r\n    this.udpSideSheetClose.emit();\r\n  };\r\n\r\n  /**\r\n   * Backdrop click handler. Only closes when clicking the backdrop itself.\r\n   *\r\n   * @param e - MouseEvent from the backdrop click\r\n   * @private\r\n   */\r\n  private onCloseBackdrop = (e: MouseEvent) => {\r\n    if (e.target === e.currentTarget) {\r\n      this.onClose();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Emit primary footer button click event.\r\n   *\r\n   * @private\r\n   */\r\n  private onPrimaryButtonClick = () => {\r\n    this.udpPrimaryButtonClick.emit();\r\n  };\r\n\r\n  /**\r\n   * Emit header action button click event.\r\n   *\r\n   * @private\r\n   */\r\n  private onHeaderActionButtonClick = () => {\r\n    this.udpHeaderActionButtonClick.emit();\r\n  };\r\n\r\n  /**\r\n   * Open overflow menu anchored to the clicked element.\r\n   *\r\n   * @param event - MouseEvent from the \"More\" button click\r\n   * @private\r\n   */\r\n  private onMoreActionButtonClick = (event: MouseEvent) => {\r\n    this.overflowMenuAnchor = event.currentTarget as HTMLElement;\r\n    this.openOverflowMenu = true;\r\n  };\r\n\r\n  /**\r\n   * Close the overflow popover.\r\n   *\r\n   * @param e - optional KeyboardEvent or MouseEvent (unused)\r\n   * @private\r\n   */\r\n  private handleCloseOverflowMenu = () => {\r\n    this.openOverflowMenu = false;\r\n  };\r\n\r\n  /**\r\n   * Render the component UI.\r\n   *\r\n   * @returns JSX element tree\r\n   * @private\r\n   */\r\n  render() {\r\n    const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\r\n    const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n    const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (\r\n      <udp-icon iconName={this.headerActionButtonIcon} color=\"inherit\" />\r\n    ) : undefined;\r\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n    const overflowIcon = <udp-icon iconName=\"overflowMenuVertical\" color=\"inherit\" />;\r\n\r\n    return (\r\n      <div class=\"backdrop\" onClick={this.onCloseBackdrop}>\r\n        <div\r\n          class={{ sheet: true, [this.position]: true, [widthClass]: true }}\r\n          style={sideSheetStyle}\r\n        >\r\n          {/* Header layout has been changed here */}\r\n          <div class=\"title-container\">\r\n            <div class=\"close-button\">\r\n              <stencil-icon-button\r\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n                icon={Close24}\r\n                onClick={this.onClose}\r\n                secondary\r\n              ></stencil-icon-button>\r\n            </div>\r\n            <div class=\"title-text\">\r\n              <unity-typography variant=\"h6\">{this.title}</unity-typography>\r\n            </div>\r\n            {/* Conditionally render the new header action button */}\r\n            {(this.headerActionButtonLabel || this.headerSecondaryButtons?.length > 0) && (\r\n              <div class=\"header-action-button\">\r\n                {this.headerSecondaryButtons?.map((item: SecondaryButton) => (\r\n                  <udp-button\r\n                    variant=\"outlined\"\r\n                    disabled={item.disabled}\r\n                    onClick={item.onClick}\r\n                    endIcon={item.icon}\r\n                  >\r\n                    {item.label}\r\n                  </udp-button>\r\n                ))}\r\n                {this.headerActionButtonLabel && (\r\n                  <udp-button\r\n                    disabled={this.headerActionButtonDisabled}\r\n                    onClick={this.onHeaderActionButtonClick}\r\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n                    startIcon={headerStartIcon}\r\n                    variant=\"contained\"\r\n                  >\r\n                    {this.headerActionButtonLabel}\r\n                  </udp-button>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n          <div class=\"loader-container\">\r\n            <udp-linear-loader class={{ 'is-loading': this.loading }} color=\"primary\" />\r\n          </div>\r\n\r\n          <div class={{ content: true, padding: this.padding }}>\r\n            <slot />\r\n          </div>\r\n          {(this.primaryButtonLabel || this.footerSecondaryButtons?.length > 0) && (\r\n            <div>\r\n              <div class=\"loader-container\"></div>\r\n              <div\r\n                class={{\r\n                  footer: true,\r\n                }}\r\n                ref={el => (this.footerRef = el)}\r\n              >\r\n                {/* Visible buttons container */}\r\n                {!this.showOverflowButton && this.footerSecondaryButtons?.length > 0 && (\r\n                  <div class=\"footer-secondary-buttons-container\">\r\n                    <div class=\"footer-secondary-buttons\">\r\n                      {this.footerSecondaryButtons?.map((item: SecondaryButton) => (\r\n                        <udp-button\r\n                          variant=\"outlined\"\r\n                          disabled={item.disabled}\r\n                          onClick={item.onClick}\r\n                          endIcon={item.icon}\r\n                        >\r\n                          {item.label}\r\n                        </udp-button>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                )}\r\n\r\n                {/* More button when overflowing */}\r\n                {this.showOverflowButton && (\r\n                  <udp-button\r\n                    variant=\"outlined\"\r\n                    onClick={this.onMoreActionButtonClick}\r\n                    color=\"secondary\"\r\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n                    endIcon={overflowIcon}\r\n                  >\r\n                    More\r\n                  </udp-button>\r\n                )}\r\n\r\n                {/* Primary button */}\r\n                {this.primaryButtonLabel && (\r\n                  <udp-button\r\n                    variant=\"contained\"\r\n                    disabled={this.primaryButtonDisabled}\r\n                    onClick={this.onPrimaryButtonClick}\r\n                    endIcon={this.primaryButtonIcon}\r\n                  >\r\n                    {this.primaryButtonLabel}\r\n                  </udp-button>\r\n                )}\r\n\r\n                {/* Overflow menu */}\r\n                {this.showOverflowButton && (\r\n                  <udp-pop-over\r\n                    anchorElement={this.overflowMenuAnchor}\r\n                    isOpen={this.openOverflowMenu}\r\n                    popoverWidth={'200px'}\r\n                    popoverMaxHeight={'300px'}\r\n                    handleOnClose={this.handleCloseOverflowMenu}\r\n                  >\r\n                    <div class=\"menu\">\r\n                      {this.footerSecondaryButtons?.map(item => (\r\n                        <udp-menu-item\r\n                          label={item?.label}\r\n                          iconName={item?.icon}\r\n                          onItemClick={() => {\r\n                            item?.onClick();\r\n                            this.handleCloseOverflowMenu();\r\n                          }}\r\n                          disabled={item?.disabled}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  </udp-pop-over>\r\n                )}\r\n\r\n                {/* Hidden measurement container - renders all buttons for measurement */}\r\n                <div\r\n                  ref={el => (this.measurementContainerRef = el)}\r\n                  style={{\r\n                    position: 'absolute',\r\n                    visibility: 'hidden',\r\n                    pointerEvents: 'none',\r\n                    display: 'flex',\r\n                    gap: 'var(--spacing-02, 4px)',\r\n                  }}\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  {this.footerSecondaryButtons?.map((item: SecondaryButton) => (\r\n                    <udp-button\r\n                      variant=\"text\"\r\n                      size=\"medium\"\r\n                      disabled={item.disabled}\r\n                      endIcon={item.icon}\r\n                    >\r\n                      {item.label}\r\n                    </udp-button>\r\n                  ))}\r\n                  {this.primaryButtonLabel && (\r\n                    <udp-button\r\n                      variant=\"contained\"\r\n                      size=\"medium\"\r\n                      disabled={this.primaryButtonDisabled}\r\n                      endIcon={this.primaryButtonIcon}\r\n                    >\r\n                      {this.primaryButtonLabel}\r\n                    </udp-button>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n",".tab-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.tab-header {\n  background-color: #ffffff;\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.tab-scroll-container {\n  display: flex;\n  position: relative;\n  overflow-x: auto;\n  overflow-y: hidden;\n  flex: 1;\n  min-width: 0;\n}\n\n.tab-scroll-container::-webkit-scrollbar {\n  height: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb {\n  background-color: rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n\n.tab-header::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  background-color: var(--divider-color, #e0e0e0);\n}\n\n/* This is the base style for tab buttons */\n.tab-header button {\n  padding: 16px;\n  font-size: 14px;\n  text-align: center;\n  border: none;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  transition: all 0.22s ease;\n  color: #555555;;\n  font-weight: 600;\n  opacity: 0.9;\n  white-space: nowrap;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.tab-header.fill .tab-scroll-container {\n  width: 100%;\n}\n.tab-header.fill .tab-scroll-container button {\n  flex-grow: 1;\n}\n\n.tab-header button.active {\n  color: var(--secondary-color, #344861);\n  opacity: 1.0;\n}\n\n.tab-header button.scroll-arrow {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 40px;\n  padding: 0;\n\n  background: #ffffff;\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: bold;\n  color: #757575;\n  z-index: 2;\n  transition: color 0.2s ease;\n\n  flex-shrink: 0;\n  opacity: 1;\n  gap: 0;\n}\n\n.tab-header button.scroll-arrow:hover {\n  color: #000;\n}\n\n.tab-header button.scroll-arrow.left {\n  left: 0;\n}\n\n.tab-header button.scroll-arrow.right {\n  right: 0;\n\n}\n\n.scroll-fade {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 30px;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.scroll-fade.left {\n  left: 40px;\n  background: linear-gradient(\n    to right,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.scroll-fade.right {\n  right: 40px;\n  background: linear-gradient(\n    to left,\n    #ffffff,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.tab-header button udp-icon {\n  font-size: 1.2em;\n  line-height: 1;\n}\n\n.tab-header button.icon-start {\n  flex-direction: row;\n}\n.tab-header button.icon-end {\n  flex-direction: row-reverse;\n}\n.tab-header button.icon-top {\n  flex-direction: column;\n  gap: 4px;\n}\n.tab-header button.icon-bottom {\n  flex-direction: column-reverse;\n  gap: 4px;\n}\n\n.slider {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 2px;\n  background-color: var(--secondary-color, #344861);\n\n  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n    width 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n  z-index: 1;\n}\n\n.tab-header button.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.tab-header button.disabled.active {\n  color: #757575;\n  opacity: 0.5;\n}\n","import { Component, h, State, Element, Watch, Listen, Prop, Event, EventEmitter } from '@stencil/core';\n\ninterface TabDetail {\n  label: string;\n  icon?: string;\n  iconPlacement?: 'start' | 'end' | 'top' | 'bottom';\n  hidden?: boolean;\n  disabled?: boolean;\n}\n\n@Component({\n  tag: 'udp-tabs',\n  styleUrl: 'udp-tabs.css',\n  shadow: true,\n})\nexport class UdpTabs {\n  @Element() el: HTMLElement;\n\n  /**\n   * Specifies the layout variant of the tab header.\n   *\n   * - `'standard'`: Tabs will be sized based on their content.\n   * - `'fill'`: Tabs will stretch to fill the available horizontal space.\n   */\n  @Prop() variant: 'fill' | 'standard' = 'fill';\n\n  /**\n   * (Controlled) The index of the currently active tab.\n   * If this prop is provided, the component will be in \"controlled\" mode.\n   * The parent must listen for `udpTabChange` to update this value.\n   */\n  @Prop() value?: number;\n\n  /**\n   * (Optional) An array of tab configuration objects.\n   * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.\n   * This mode is typically used with controlled tabs.\n   */\n  @Prop() tabs: TabDetail[] = [];\n\n  /**\n   * (Controlled) Emits the index of the tab that was clicked.\n   * This is only emitted in \"controlled\" mode (when `value` is provided).\n   */\n  @Event() udpTabChange: EventEmitter<number>;\n\n  @State() internalActiveTab: number = 0; // For uncontrolled mode\n  @State() tabDetails: TabDetail[] = []; // Unified details from prop or slot\n  @State() sliderStyle: { width: string; transform: string } = {\n    width: '0',\n    transform: 'translateX(0)',\n  };\n  @State() showScrollLeft: boolean = false;\n  @State() showScrollRight: boolean = false;\n\n  private slottedTabs: HTMLUdpTabElement[] = []; // Renamed from `tabs`\n  private buttonRefs: HTMLButtonElement[] = [];\n  private scrollContainerRef?: HTMLDivElement;\n\n  /**\n   * Returns true if the component is in controlled mode.\n   */\n  private get isControlled(): boolean {\n    return this.value != null;\n  }\n\n  /**\n   * Returns true if tabs are being provided by the `tabs` prop.\n   */\n  private get useTabsProp(): boolean {\n    return this.tabs && this.tabs.length > 0;\n  }\n\n  /**\n   * Returns the currently active tab index,\n   * respecting controlled or uncontrolled mode.\n   */\n  private get activeTab(): number {\n    return this.isControlled ? this.value : this.internalActiveTab;\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    // If we're using the tabs prop, slot changes are irrelevant\n    if (this.useTabsProp) return;\n    this.initializeTabs();\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  componentDidLoad() {\n    this.initializeTabs();\n  }\n\n  /**\n   * Watcher for uncontrolled state changes.\n   */\n  @Watch('internalActiveTab')\n  onActiveTabChange(newValue: number) {\n    this.updateActiveTabs();\n    this.updateSliderPosition();\n    this.scrollTabIntoView(newValue);\n  }\n\n  /**\n   * Watcher for controlled state changes.\n   */\n  @Watch('value')\n  onValueChange(newValue: number) {\n    this.updateActiveTabs();\n    this.updateSliderPosition();\n    this.scrollTabIntoView(newValue);\n  }\n\n  /**\n   * Watcher for tabs prop changes.\n   */\n  @Watch('tabs')\n  onTabsPropChange() {\n    this.initializeTabs();\n  }\n\n  @Watch('variant')\n  onVariantChange() {\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  private initializeTabs() {\n    this.buttonRefs = [];\n\n    if (this.useTabsProp) {\n      // --- Prop-based ---\n      this.tabDetails = this.tabs.map(t => ({ ...t })); // Use data from prop\n      this.slottedTabs = []; // Ensure we're not tracking slotted tabs\n    } else {\n      // --- Slot-based ---\n      this.slottedTabs = Array.from(this.el.children).filter(\n        (child): child is HTMLUdpTabElement => child.tagName.toLowerCase() === 'udp-tab',\n      );\n\n      this.tabDetails = this.slottedTabs.map(tab => ({\n        label: tab.label,\n        icon: tab.icon,\n        iconPlacement: tab.iconPlacement,\n        hidden: tab.hidden,\n        disabled: tab.disabled,\n      }));\n    }\n\n    // --- Common Logic ---\n    // In uncontrolled mode, check if the default active tab is invalid.\n    if (!this.isControlled) {\n      if (this.tabDetails[this.internalActiveTab]?.hidden || this.tabDetails[this.internalActiveTab]?.disabled) {\n        const firstValidIndex = this.tabDetails.findIndex(tab => !tab.hidden && !tab.disabled);\n        this.internalActiveTab = firstValidIndex > -1 ? firstValidIndex : 0;\n      }\n    }\n\n    this.updateActiveTabs();\n\n    requestAnimationFrame(() => {\n      this.updateSliderPosition();\n      this.checkScroll();\n    });\n  }\n\n  private updateActiveTabs() {\n    // Only update slotted tabs if we're in slot mode\n    if (!this.useTabsProp) {\n      const currentActiveTab = this.activeTab;\n      this.slottedTabs.forEach((tab, index) => {\n        tab.active = index === currentActiveTab;\n      });\n    }\n    // If in prop mode, the <button> 'active' class is handled by render()\n  }\n\n  private updateSliderPosition() {\n    const activeButton = this.buttonRefs[this.activeTab]; // Use getter\n    if (!activeButton) {\n      this.sliderStyle = { width: '0px', transform: 'translateX(0px)' };\n      return;\n    }\n\n    this.sliderStyle = {\n      width: `${activeButton.offsetWidth}px`,\n      transform: `translateX(${activeButton.offsetLeft}px)`,\n    };\n  }\n\n  private checkScroll() {\n    if (!this.scrollContainerRef) return;\n    const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainerRef;\n    const isOverflowing = scrollWidth > clientWidth;\n    this.showScrollLeft = isOverflowing && scrollLeft > 1;\n    this.showScrollRight = isOverflowing && scrollLeft < scrollWidth - clientWidth - 1;\n  }\n\n  private tabClicked(tabIndex: number) {\n    if (this.tabDetails[tabIndex]?.disabled) {\n      return;\n    }\n\n    if (this.isControlled) {\n      // In controlled mode, emit the event for the parent to handle.\n      // The `onValueChange` watcher will handle UI updates when the prop changes.\n      this.udpTabChange.emit(tabIndex);\n    } else {\n      // In uncontrolled mode, update state directly.\n      // The `onActiveTabChange` watcher will handle UI updates.\n      this.internalActiveTab = tabIndex;\n    }\n  }\n\n  private scrollTabIntoView(tabIndex: number) {\n    const tabButton = this.buttonRefs[tabIndex];\n    const container = this.scrollContainerRef;\n\n    if (!tabButton || !container) return;\n\n    const { scrollLeft, clientWidth } = container;\n    const tabLeft = tabButton.offsetLeft;\n    const tabRight = tabLeft + tabButton.offsetWidth;\n\n    const safeZonePadding = 70;\n    const safeZoneLeft = scrollLeft + safeZonePadding;\n    const safeZoneRight = scrollLeft + clientWidth - safeZonePadding;\n\n    if (tabLeft < safeZoneLeft) {\n      container.scrollTo({\n        left: tabLeft - safeZonePadding,\n        behavior: 'smooth',\n      });\n    } else if (tabRight > safeZoneRight) {\n      container.scrollTo({\n        left: tabRight - clientWidth + safeZonePadding,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n  private scrollToStart() {\n    if (!this.scrollContainerRef) return;\n    this.scrollContainerRef.scrollTo({ left: 0, behavior: 'smooth' });\n  }\n\n  private scrollToEnd() {\n    if (!this.scrollContainerRef) return;\n    const container = this.scrollContainerRef;\n    const { scrollWidth, clientWidth } = container;\n    const maxScrollLeft = scrollWidth - clientWidth;\n    container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });\n  }\n\n  render() {\n    const currentActiveTab = this.activeTab; // Use getter\n\n    return (\n      <div class=\"tab-container\">\n        <div class={`tab-header ${this.variant}`}>\n          {this.showScrollLeft && (\n            <button\n              class=\"scroll-arrow left\"\n              onClick={() => this.scrollToStart()}\n              aria-label=\"Scroll to first tab\"\n            >\n              <udp-icon iconName=\"chevronLeft16\" color=\"inherit\" />\n            </button>\n          )}\n\n          {this.showScrollLeft && <div class=\"scroll-fade left\"></div>}\n\n          <div\n            class=\"tab-scroll-container\"\n            ref={el => (this.scrollContainerRef = el)}\n            onScroll={() => this.checkScroll()}\n          >\n            {this.tabDetails.map((tab, index) => {\n              if (tab.hidden) {\n                return null;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              const iconEl = tab.icon ? <udp-icon iconName={tab.icon} color={'inherit'} /> : null;\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              const labelEl = <span>{tab.label}</span>;\n\n              return (\n                <button\n                  class={{\n                    'active': index === currentActiveTab,\n                    'has-icon': !!tab.icon,\n                    [`icon-${tab.iconPlacement}`]: !!tab.icon,\n                    'disabled': tab.disabled,\n                  }}\n                  disabled={tab.disabled}\n                  onClick={() => this.tabClicked(index)}\n                  role=\"tab\"\n                  aria-selected={index === currentActiveTab ? 'true' : 'false'}\n                  aria-disabled={tab.disabled ? 'true' : 'false'}\n                  ref={el => (this.buttonRefs[index] = el)}\n                >\n                  {iconEl}\n                  {labelEl}\n                </button>\n              );\n            })}\n\n            <div class=\"slider\" style={this.sliderStyle}></div>\n          </div>\n\n          {this.showScrollRight && <div class=\"scroll-fade right\"></div>}\n\n          {this.showScrollRight && (\n            <button\n              class=\"scroll-arrow right\"\n              onClick={() => this.scrollToEnd()}\n              aria-label=\"Scroll to last tab\"\n            >\n              <udp-icon iconName=\"chevronRight16\" color=\"inherit\" />\n            </button>\n          )}\n        </div>\n\n        {!this.isControlled && !this.useTabsProp && (\n          <div>\n            <slot></slot>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"names":["iconMapping","h","index","Close24"],"mappings":"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"}

package/dist/cjs/udp-container.udp-linear-loader.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-container.udp-linear-loader.entry.cjs.js","sources":["src/components/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/layout/udp-container/udp-container.tsx","src/components/loaders/udp-linear-loader/udp-linear-loader.css?tag=udp-linear-loader&encapsulation=shadow","src/components/loaders/udp-linear-loader/udp-linear-loader.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.udp-container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n}\n\n.udp-container--padded {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n/* Fluid container takes full width */\n.udp-container--fluid {\n  max-width: 100%;\n}\n\n/* Responsive container max-widths */\n.udp-container--sm {\n  max-width: 640px;\n}\n\n.udp-container--md {\n  max-width: 768px;\n}\n\n.udp-container--lg {\n  max-width: 1024px;\n}\n\n.udp-container--xl {\n  max-width: 1280px;\n}\n\n.udp-container--2xl {\n  max-width: 1536px;\n} ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container',\n  styleUrl: 'udp-container.css',\n  shadow: true,\n})\nexport class UdpContainer {\n  /**\n   * If true, the container will be fluid (100% width at all breakpoints)\n   */\n  @Prop() fluid: boolean = false;\n\n  /**\n   * Maximum width for the container at different breakpoints\n   */\n  @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n  /**\n   * Add padding to the container\n   */\n  @Prop() padding: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={{\n          'udp-container': true,\n          'udp-container--fluid': this.fluid,\n          'udp-container--padded': this.padding,\n          [`udp-container--${this.maxWidth}`]: true,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n",":host {\n  /* Define color variables, similar to the button component for consistency */\n  --udp-loader-primary-color: var(--primary-color, #2953ff);\n  --udp-loader-secondary-color: var(--secondary-color, #6f767a);\n  --udp-loader-success-color: var(--success-color, #0da40d);\n  --udp-loader-error-color: var(--error-color, #ff0000);\n  --udp-loader-warning-color: var(--warning-color, #ffa500);\n  --udp-loader-info-color: var(--info-color, #2953ff);\n}\n\n.loader {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  background-color: transparent; /* The track is transparent, so it's invisible. */\n  overflow: hidden; /* Ensures the animation stays within the bounds. */\n}\n\n.indeterminate {\n  /* The default color will be primary */\n  background-color: var(--udp-loader-primary-color);\n  position: absolute;\n  width: 40%;\n  height: 100%;\n  animation: indeterminate 1s linear infinite;\n}\n\n/* Apply the selected color to the moving bar */\n.loader--color-primary .indeterminate {\n  background-color: var(--udp-loader-primary-color);\n}\n.loader--color-secondary .indeterminate {\n  background-color: var(--udp-loader-secondary-color);\n}\n.loader--color-success .indeterminate {\n  background-color: var(--udp-loader-success-color);\n}\n.loader--color-error .indeterminate {\n  background-color: var(--udp-loader-error-color);\n}\n.loader--color-warning .indeterminate {\n  background-color: var(--udp-loader-warning-color);\n}\n.loader--color-info .indeterminate {\n  background-color: var(--udp-loader-info-color);\n}\n\n/*\n  This animation makes the bar travel from left to right over the entire duration.\n  This removes the long pause where the bar was off-screen.\n*/\n@keyframes indeterminate {\n  0% {\n    left: -50%;\n    width: 50%;\n  }\n  100% {\n    left: 100%;\n    width: 100%;\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-linear-loader',\n  styleUrl: 'udp-linear-loader.css',\n  shadow: true,\n})\nexport class UdpLinearLoader {\n  /**\n   * The color of the loader. It supports theming using global CSS variables.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' = 'primary';\n\n  render() {\n    const loaderClasses = {\n      loader: true,\n      [`loader--color-${this.color}`]: true,\n    };\n\n    return (\n      <Host>\n        <div class={loaderClasses}>\n          <div class=\"indeterminate\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAEDA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;AClCZ,MAAM,kBAAkB,GAAG,wpCAAwpC;;MCOtqC,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAuE,SAAS;AAgB9F;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;SACtC;AAED,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EACvBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,GAAO,CAC7B,CACD;;;;;;;;"}

package/dist/cjs/udp-container_2.cjs.entry.js

@@ -1,56 +0,0 @@
-'use strict';
-
-var index = require('./index-CGCOXUJE.js');
-
-const udpContainerCss = ":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:1rem;padding-right:1rem}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";
-
-const UdpContainer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * If true, the container will be fluid (100% width at all breakpoints)
-         */
-        this.fluid = false;
-        /**
-         * Maximum width for the container at different breakpoints
-         */
-        this.maxWidth = 'lg';
-        /**
-         * Add padding to the container
-         */
-        this.padding = true;
-    }
-    render() {
-        return (index.h("div", { key: '96b20d0a841faf192bb5c0d407701e6f95ed14ef', class: {
-                'udp-container': true,
-                'udp-container--fluid': this.fluid,
-                'udp-container--padded': this.padding,
-                [`udp-container--${this.maxWidth}`]: true,
-            } }, index.h("slot", { key: '09c87f19b0f7031dec7a41f9636bbc071db021f5' })));
-    }
-};
-UdpContainer.style = udpContainerCss;
-
-const udpLinearLoaderCss = ":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";
-
-const UdpLinearLoader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * The color of the loader. It supports theming using global CSS variables.
-         */
-        this.color = 'primary';
-    }
-    render() {
-        const loaderClasses = {
-            loader: true,
-            [`loader--color-${this.color}`]: true,
-        };
-        return (index.h(index.Host, { key: '02559056a6c92d30881094938be83c93fb2d8714' }, index.h("div", { key: '03a65dcd2340edd7c7225a0e64886e0b6ad267c2', class: loaderClasses }, index.h("div", { key: '65b9c402dd81dc6bdc3640ecf80d720fa9f89ab4', class: "indeterminate" }))));
-    }
-};
-UdpLinearLoader.style = udpLinearLoaderCss;
-
-exports.udp_container = UdpContainer;
-exports.udp_linear_loader = UdpLinearLoader;
-//# sourceMappingURL=udp-container.udp-linear-loader.entry.cjs.js.map

package/dist/cjs/udp-menu-item.cjs.entry.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var index = require('./index-CGCOXUJE.js');
-
-const udpMenuItemCss = ".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";
-
-const UdpMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemClick = index.createEvent(this, "itemClick");
-        this.disabled = false; // reflect: true helps with CSS styling
-        this.handleItemClick = (e) => {
-            // if (this.disabled) {
-            //   e.stopPropagation();
-            //   return;
-            // }
-            this.itemClick.emit(e);
-        };
-    }
-    render() {
-        return (index.h("button", { key: '1ede58027c46bb2256944a857da57f400cb639cf', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && index.h("udp-icon", { key: '627147e2ded1b8c56a14bf325b6e84bda899b28b', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: '779499e48b307bd11da339060f98412f5bf08865', class: "menu-item-label" }, index.h("unity-typography", { key: 'c5043d2ba242a1b70e014fd90da839e7c2ce9a6a', variant: 'body1' }, this.label))));
-    }
-};
-UdpMenuItem.style = udpMenuItemCss;
-
-exports.udp_menu_item = UdpMenuItem;
-//# sourceMappingURL=udp-menu-item.entry.cjs.js.map

package/dist/cjs/udp-menu-item.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-menu-item.entry.cjs.js","sources":["src/components/menu/menu-item/udp-menu-item.css?tag=udp-menu-item&encapsulation=shadow","src/components/menu/menu-item/udp-menu-item.tsx"],"sourcesContent":["/* Reset default button styles and apply menu-item look */\n.menu-item-root {\n  display: flex;\n  width: 100%;\n  padding: 8px 16px;\n  gap: 8px;\n  align-items: center;\n\n  /* Reset button defaults */\n  background: none;\n  border: none;\n  font-family: inherit;\n  text-align: left;\n\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n}\n\n.menu-item-root:hover:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n\n.menu-item-label {\n  font-size: 14px;\n}\n\n/* The native :disabled pseudo-class is now used */\n.menu-item-root:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.menu-icon {\n  height: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-menu-item',\n  styleUrl: 'udp-menu-item.css',\n  shadow: true,\n})\nexport class UdpMenuItem {\n  @Prop() label: string;\n  @Prop() iconName: string;\n  @Prop({ reflect: true }) disabled: boolean = false; // reflect: true helps with CSS styling\n\n  /**\n   * @deprecated Use itemClick event\n   */\n  @Prop() handleOnClick: (e: Event) => void;\n\n  /** Emits when the item is clicked. */\n  @Event() itemClick: EventEmitter<MouseEvent>;\n\n  private handleItemClick = (e: MouseEvent) => {\n    // if (this.disabled) {\n    //   e.stopPropagation();\n    //   return;\n    // }\n    this.itemClick.emit(e);\n  };\n\n  render() {\n    return (\n      <button\n        class=\"menu-item-root\"\n        onClick={this.handleItemClick}\n        disabled={this.disabled}\n        role=\"menuitem\"\n      >\n        {this.iconName && <udp-icon iconName={this.iconName} class=\"menu-icon\" />}\n        <span class=\"menu-item-label\">\n          <unity-typography variant='body1'>{this.label}</unity-typography>\n        </span>\n      </button>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,4YAA4Y;;MCOtZ,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQ2B,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK,CAAC;AAU3C,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,CAAa,KAAI;;;;;AAK1C,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,SAAC;AAiBF;IAfC,MAAM,GAAA;AACJ,QAAA,QACEA,qEACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EAAA,EAEd,IAAI,CAAC,QAAQ,IAAIA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAG,CAAA,EACzEA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3BA,OAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAoB,CAC5D,CACA;;;;;;;"}

package/dist/cjs/udp-pop-over.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"udp-pop-over.entry.cjs.js","sources":["src/components/data-display/pop-over/udp-pop-over.css?tag=udp-pop-over&encapsulation=shadow","src/components/data-display/pop-over/udp-pop-over.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: fixed;\n  z-index: 9999;\n\n  /* FIX: Start with pointer-events none so it can't be clicked when invisible. */\n  pointer-events: none;\n  opacity: 0;\n\n  /* This gives the subtle \"pop\" effect without the flying animation. */\n  transform: scale(0.95);\n\n  /* FIX: Only transition opacity for a clean fade-in/out. */\n  transition: opacity 0.2s ease-out;\n\n}\n\n:host(.is-visible) {\n  /* FIX: Re-enable pointer events so the menu can be clicked. */\n  pointer-events: auto;\n  opacity: 1;\n  transform: scale(1);\n}\n\n.popover {\n  background-color: white;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  border: 1px solid #e0e0e0;\n}\n","import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pop-over',\n  styleUrl: 'udp-pop-over.css',\n  shadow: true,\n})\nexport class UdpPopOver {\n  @Element() hostEl!: HTMLElement;\n  @Prop() anchorElement: string | HTMLElement;\n  @Prop({ reflect: true }) isOpen: boolean = false;\n  @Prop() popoverWidth: string;\n  @Prop() popoverMaxHeight: string;\n  @Prop() popoverPlacement: any = 'bottom-start';\n  @Prop() handleOnClose?: (event: Event) => void;\n  @Prop() appendToBody: boolean = true;\n  @Prop() container?: HTMLElement;\n  @Prop() overflow?: string = 'auto';\n\n  private popperInstance: Instance;\n\n  disconnectedCallback() {\n    this.removeListeners();\n    this.destroyPopper();\n  }\n\n  @Watch('isOpen')\n  handleOpenChange(newValue: boolean) {\n    newValue ? this.present() : this.dismiss();\n  }\n\n  private present() {\n    const containerEl = this.getContainer();\n\n    if (containerEl) {\n      containerEl.appendChild(this.hostEl);\n    }\n\n    this.addListeners();\n\n    requestAnimationFrame(() => {\n      this.setupPopper();\n      this.hostEl.classList.add('is-visible');\n    });\n  }\n\n  private dismiss() {\n    this.removeListeners();\n    this.hostEl.classList.remove('is-visible');\n    this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n  }\n\n  private handleTransitionEnd = () => {\n    // FIX: Only remove from body if it's truly closed and still there.\n    if (!this.isOpen) {\n      if (this.appendToBody && this.hostEl.parentElement === document.body) {\n        document.body.removeChild(this.hostEl);\n      } else if (this.container && this.hostEl.parentElement === this.container) {\n        this.container.removeChild(this.hostEl);\n      }\n    }\n    this.destroyPopper();\n  };\n\n  private addListeners() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    setTimeout(() => {\n      if (this.isOpen) {\n        document.addEventListener('click', this.handleClickOutside);\n      }\n    }, 0);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.handleOnClose?.(event);\n    }\n  };\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const path = event.composedPath();\n    const anchorEl = this.getAnchorElement();\n    if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n      return;\n    }\n    this.handleOnClose?.(event);\n  };\n\n  private getAnchorElement(): HTMLElement | null {\n    return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n  }\n\n  private getContainer(): HTMLElement {\n    if (this.container) return this.container;\n\n    if (this.appendToBody) {\n      return document.body;\n    }\n\n    return null;\n  }\n\n  private setupPopper() {\n    const anchorEl = this.getAnchorElement();\n    if (!anchorEl) {\n      console.error('UdpPopover: Anchor element could not be found.');\n      return;\n    }\n    // Ensure we don't create multiple instances\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n      strategy: 'fixed',\n      placement: this.popoverPlacement,\n      modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n    });\n  }\n\n  private destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isOpen) {\n      this.present();\n    }\n  }\n\n\n  render() {\n    const style = {\n      width: this.popoverWidth,\n      maxHeight: this.popoverMaxHeight,\n      overflow: this.overflow\n    };\n\n    return (\n      <Host>\n        <div class=\"popover\" style={style}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["createPopper","h","Host"],"mappings":"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"}