udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.10

package/dist/esm/udp-sankey-chart.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 import { s as setChartDefaultSettings, a as setSankeyChartDefaultSettings } from './chartUtils-DFIyEsL1.js';
 import { v4 } from 'uuid';
 
-const udpSankeyChartCss = ":host{display:block}";
+const udpSankeyChartCss = () => `:host{display:block}`;
 
 const UdpSankeyChart = class {
     constructor(hostRef) {
@@ -66,18 +66,35 @@ const UdpSankeyChart = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "valueField": ["renderChart"],
-        "sourceIdField": ["renderChart"],
-        "targetIdField": ["renderChart"],
-        "labelFormat": ["renderChart"],
-        "tooltipTextFormat": ["renderChart"],
-        "nodeTooltipTextFormat": ["renderChart"],
-        "paddingRight": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"]
+        "valueField": [{
+                "renderChart": 0
+            }],
+        "sourceIdField": [{
+                "renderChart": 0
+            }],
+        "targetIdField": [{
+                "renderChart": 0
+            }],
+        "labelFormat": [{
+                "renderChart": 0
+            }],
+        "tooltipTextFormat": [{
+                "renderChart": 0
+            }],
+        "nodeTooltipTextFormat": [{
+                "renderChart": 0
+            }],
+        "paddingRight": [{
+                "renderChart": 0
+            }],
+        "hideLegend": [{
+                "renderChart": 0
+            }],
+        "data": [{
+                "renderChart": 0
+            }]
     }; }
 };
-UdpSankeyChart.style = udpSankeyChartCss;
+UdpSankeyChart.style = udpSankeyChartCss();
 
 export { UdpSankeyChart as udp_sankey_chart };
-//# sourceMappingURL=udp-sankey-chart.entry.js.map

package/dist/esm/udp-skeleton-loading.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpSkeletonLoadingCss = ".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
+const udpSkeletonLoadingCss = () => `.skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`;
 
 const UdpSkeletonLoading = class {
     constructor(hostRef) {
@@ -11,10 +11,9 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'c4d09711b610d9d0219f5964d1572ef7af46b738', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '2801b43f47755995952a8ebda27acd6557b340f8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
-UdpSkeletonLoading.style = udpSkeletonLoadingCss;
+UdpSkeletonLoading.style = udpSkeletonLoadingCss();
 
 export { UdpSkeletonLoading as udp_skeleton_loading };
-//# sourceMappingURL=udp-skeleton-loading.entry.js.map

package/dist/esm/udp-split-screen.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpSplitScreenCss = ".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 udpSplitScreenCss = () => `.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 UdpSplitScreen = class {
     constructor(hostRef) {
@@ -55,10 +55,9 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'c1a7e0eba3ac1fcc5fd02ebcfd24ad866ddd5a43', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'ba41dc15748286b532e98574db37413ec8428110', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: 'a5789cb6914ad71421a23bbedff897ab3af03356', name: "first-panel" })), h("div", { key: 'bc81bfcfe169236f7102ad340b5e87b169cbb368', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: 'eb72ee3c6aeed6c26d07d72f0818bcce3d1b0dc6', class: "drag-handle" })), h("div", { key: '606d564838ffaad254738b761d9d4e1f382888f6', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '682ce28bd7d62692855eb5254da515119dab9214', name: "second-panel" }, this.panelContent))));
     }
 };
-UdpSplitScreen.style = udpSplitScreenCss;
+UdpSplitScreen.style = udpSplitScreenCss();
 
 export { UdpSplitScreen as udp_split_screen };
-//# sourceMappingURL=udp-split-screen.entry.js.map

package/dist/esm/udp-stepper-demo.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
 const UdpStepperDemo = class {
     constructor(hostRef) {
@@ -92,9 +92,8 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: '2319255e5746720f12f3e09b1218c2165ef8d817', style: { padding: '2rem' } }, h("unity-typography", { key: '656c99db41764cbb769d8082e5a45c042c669976', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '16e00a0cab21bdf462a8750b19f18e6168fc90ac', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '27a78441510baf5aa6dfc80d8919a34529617ad3', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '1d1a41d4454e7b73c87ebd4b336ebdc64aa9522b', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '43b1a72c4a8a97aef8158b28cdd9b21def43763a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: '5d5fe67789189f33101e8bfb936d4cfe15bbd7c7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '89680789dc23b5c0d995d6064278e9f634a62bec', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3df6a59fb672ff752d8f03626651a37388773646', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };
 
 export { UdpStepperDemo as udp_stepper_demo };
-//# sourceMappingURL=udp-stepper-demo.entry.js.map

package/dist/esm/udp-stepper.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpStepperCss = ":host{display:block;width:100%;contain:content}.stepper-container{display:flex;width:100%}.stepper-container.horizontal{flex-direction:column}.stepper-container.vertical{flex-direction:column;width:100%;overflow:visible}.step-headers{position:relative;display:flex;flex-direction:row;width:100%;margin-bottom:1rem;align-items:flex-start}.step-header{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0.5rem;transition:padding 0.3s, background-color 0.3s;cursor:pointer}.step-header:not(.label-bottom):not(.label-right){flex-direction:row;align-items:center}.step-header.label-bottom{flex-direction:column;align-items:center;gap:0.5rem;text-align:center;position:relative;padding-top:8px}.step-header.label-bottom .step-icon{margin-right:0}.step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;padding-right:16px}.step-header:hover:not(.disabled){background-color:rgba(25, 118, 210, 0.1)}.step-header.disabled{cursor:not-allowed;opacity:0.6}.step-header.active{flex:1}.step-header.active.active-only{flex:2}.step-header.icons-only{justify-content:center;flex-direction:column;gap:0.5rem}.step-content-container{width:100%;position:relative;min-height:150px;display:flex;flex-direction:column}.step-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out}.step-content-wrapper[style*=\"display: none\"]{visibility:hidden;opacity:0;position:absolute;pointer-events:none}.step-content-wrapper[style*=\"display: none\"]{overflow:hidden}.step-buttons{display:flex;gap:0.5rem;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;will-change:transform}.step{display:flex;position:relative;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.step.horizontal{flex:1;min-width:0;padding:1rem}.step.horizontal.active{flex:2}.step.alternative-label{flex-direction:column;align-items:center}.step.clickable{cursor:pointer}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid var(--divider-color, #ccc);flex-shrink:0;position:relative;z-index:1}.step-icon.completed{background-color:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.step-icon.completed unity-typography{color:var(--text-inverse, #ffffff)}.step-icon.active{background-color:transparent;border-color:var(--primary-color, #1976d2)}.step-icon.active unity-typography{color:var(--primary-color, #1976d2)}.step-icon:not(.active):not(.completed) unity-typography{color:var(--text-secondary, rgba(0, 0, 0, 0.6))}.step-content{flex:1}.step-title{font-weight:bold;margin-bottom:4px}.step-subtitle{font-size:0.875rem;color:#666}.step-content-display{padding:1rem;width:100%;box-sizing:border-box;overflow:hidden}.step-labels{display:flex;flex-direction:column}.label-bottom .step-labels{text-align:center}.label-right .step-labels{margin-left:8px}.step-header{position:relative}.step-header:not(:last-child)::after{content:'';position:absolute;background-color:var(--divider-color, #e0e0e0);height:1px}.step-icon{position:relative;z-index:1}.step.vertical{display:flex;flex-direction:column;width:100%;border:1px solid var(--divider-color, #e0e0e0);border-radius:4px;background-color:#fff;margin-bottom:1rem;overflow:visible;box-sizing:border-box}.step-content-vertical{width:100%;box-sizing:border-box;overflow:visible}.step-header-container{display:flex}.step.vertical .step-header{width:100%;padding:1rem}.step.vertical .step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start}.step.vertical .step-labels{margin-left:8px}.step.vertical .step-content-wrapper{margin:0;padding:0;border:none}";
+const udpStepperCss = () => `:host{display:block;width:100%;contain:content}.stepper-container{display:flex;width:100%}.stepper-container.horizontal{flex-direction:column}.stepper-container.vertical{flex-direction:column;width:100%;overflow:visible}.step-headers{position:relative;display:flex;flex-direction:row;width:100%;margin-bottom:1rem;align-items:flex-start}.step-header{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0.5rem;transition:padding 0.3s, background-color 0.3s;cursor:pointer}.step-header:not(.label-bottom):not(.label-right){flex-direction:row;align-items:center}.step-header.label-bottom{flex-direction:column;align-items:center;gap:0.5rem;text-align:center;position:relative;padding-top:8px}.step-header.label-bottom .step-icon{margin-right:0}.step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start;position:relative;padding-right:16px}.step-header:hover:not(.disabled){background-color:rgba(25, 118, 210, 0.1)}.step-header.disabled{cursor:not-allowed;opacity:0.6}.step-header.active{flex:1}.step-header.active.active-only{flex:2}.step-header.icons-only{justify-content:center;flex-direction:column;gap:0.5rem}.step-content-container{width:100%;position:relative;min-height:150px;display:flex;flex-direction:column}.step-content-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;visibility:visible;opacity:1;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out}.step-content-wrapper[style*="display: none"]{visibility:hidden;opacity:0;position:absolute;pointer-events:none}.step-content-wrapper[style*="display: none"]{overflow:hidden}.step-buttons{display:flex;gap:0.5rem;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;will-change:transform}.step{display:flex;position:relative;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.step.horizontal{flex:1;min-width:0;padding:1rem}.step.horizontal.active{flex:2}.step.alternative-label{flex-direction:column;align-items:center}.step.clickable{cursor:pointer}.step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid var(--divider-color, #ccc);flex-shrink:0;position:relative;z-index:1}.step-icon.completed{background-color:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.step-icon.completed unity-typography{color:var(--text-inverse, #ffffff)}.step-icon.active{background-color:transparent;border-color:var(--primary-color, #1976d2)}.step-icon.active unity-typography{color:var(--primary-color, #1976d2)}.step-icon:not(.active):not(.completed) unity-typography{color:var(--text-secondary, rgba(0, 0, 0, 0.6))}.step-content{flex:1}.step-title{font-weight:bold;margin-bottom:4px}.step-subtitle{font-size:0.875rem;color:#666}.step-content-display{padding:1rem;width:100%;box-sizing:border-box;overflow:hidden}.step-labels{display:flex;flex-direction:column}.label-bottom .step-labels{text-align:center}.label-right .step-labels{margin-left:8px}.step-header{position:relative}.step-header:not(:last-child)::after{content:'';position:absolute;background-color:var(--divider-color, #e0e0e0);height:1px}.step-icon{position:relative;z-index:1}.step.vertical{display:flex;flex-direction:column;width:100%;border:1px solid var(--divider-color, #e0e0e0);border-radius:4px;background-color:#fff;margin-bottom:1rem;overflow:visible;box-sizing:border-box}.step-content-vertical{width:100%;box-sizing:border-box;overflow:visible}.step-header-container{display:flex}.step.vertical .step-header{width:100%;padding:1rem}.step.vertical .step-header.label-right{flex-direction:row;align-items:center;justify-content:flex-start}.step.vertical .step-labels{margin-left:8px}.step.vertical .step-content-wrapper{margin:0;padding:0;border:none}`;
 
 const UdpStepper = class {
     constructor(hostRef) {
@@ -101,10 +101,11 @@ const UdpStepper = class {
         return this.orientation === 'horizontal' ? this.renderHorizontalStepper() : this.renderVerticalStepper();
     }
     static get watchers() { return {
-        "activeStep": ["validateActiveStep"]
+        "activeStep": [{
+                "validateActiveStep": 0
+            }]
     }; }
 };
-UdpStepper.style = udpStepperCss;
+UdpStepper.style = udpStepperCss();
 
 export { UdpStepper as udp_stepper };
-//# sourceMappingURL=udp-stepper.entry.js.map

package/dist/esm/udp-tab-panel.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpTabPanelCss = ":host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}";
+const udpTabPanelCss = () => `:host{display:block}.tab-panel{display:none}.tab-panel.active{display:block}`;
 
 const UdpTabPanel = class {
     constructor(hostRef) {
@@ -8,13 +8,12 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
+        return (h("div", { key: '189ebf853b69a4f543aaafc450003f4a046c823d', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '7b9a7830280bf62f9bce753f6ab83b68e198a5df' })));
     }
 };
-UdpTabPanel.style = udpTabPanelCss;
+UdpTabPanel.style = udpTabPanelCss();
 
 export { UdpTabPanel as udp_tab_panel };
-//# sourceMappingURL=udp-tab-panel.entry.js.map

package/dist/esm/udp-tab.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
+const udpTabCss = () => `.tab-panel{display:none}.tab-panel.active{display:block}`;
 
 const UdpTab = class {
     constructor(hostRef) {
@@ -27,10 +27,9 @@ const UdpTab = class {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
+        return (h("div", { key: 'f11315932e2e200997d557729b171223fa98f4b0', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '73b9ef3b7dfeda69ae130fdefb39e8179d891818' })));
     }
 };
-UdpTab.style = udpTabCss;
+UdpTab.style = udpTabCss();
 
 export { UdpTab as udp_tab };
-//# sourceMappingURL=udp-tab.entry.js.map

package/dist/esm/udp-timeline-connector.entry.js

@@ -1,16 +1,15 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpTimelineConnectorCss = ".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 udpTimelineConnectorCss = () => `.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 UdpTimelineConnector = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
+        return h("div", { key: '6e29be72d441d6c377d008621019db08f9633da9', class: "connector" });
     }
 };
-UdpTimelineConnector.style = udpTimelineConnectorCss;
+UdpTimelineConnector.style = udpTimelineConnectorCss();
 
 export { UdpTimelineConnector as udp_timeline_connector };
-//# sourceMappingURL=udp-timeline-connector.entry.js.map

package/dist/esm/udp-timeline-dot.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpTimelineDotCss = ":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 udpTimelineDotCss = () => `: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 UdpTimelineDot = class {
     constructor(hostRef) {
@@ -36,10 +36,9 @@ const UdpTimelineDot = class {
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
+        return (h("div", { key: '2c5bd3f827dfe8f2720ca8aa46ce96d34cdfc7fa', class: classes, style: styles }, h("slot", { key: '97e649e977722c782c969cc3d93352e0c92c68aa' })));
     }
 };
-UdpTimelineDot.style = udpTimelineDotCss;
+UdpTimelineDot.style = udpTimelineDotCss();
 
 export { UdpTimelineDot as udp_timeline_dot };
-//# sourceMappingURL=udp-timeline-dot.entry.js.map

package/dist/esm/udp-timeline-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DFnjA9NX.js';
 
-const udpTimelineItemCss = ":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 udpTimelineItemCss = () => `: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 UdpTimelineItem = class {
     constructor(hostRef) {
@@ -63,16 +63,15 @@ const UdpTimelineItem = class {
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (h(Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
+        return (h(Host, { key: '8326b3df0cc9cc0028c3bfc933bc459db35094bc', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
+            }, onClick: this.handleClick }, h("div", { key: 'a2fae7aacf20d01c7af29054e8c706f758ece4c9', class: "udp-timeline-item" }, h("div", { key: '281563af2707ddc073b3414a78f2ec264ac54238', class: "separator-column" }, h("slot", { key: 'db75bbc336f12262d6de2079e57c32190a739e91', name: "separator" })), h("div", { key: '1759cffe898de2b80712d5253d006e8aad7acf77', class: "content-column" }, h("div", { key: '3d8d768714a546b6d1b93e63c2ac7b9ffbd4cc33', class: "first-row" }, h("div", { key: '59498dc18fc522deec1edb08be8144021dc23fdb', class: "title-slot" }, h("slot", { key: '4de60c7bb739794e3b4f46b9d6bda1a842bcb255', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: 'b3cce52eb5f3022085eae08ab01e38ffde583245', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '6877b1e05c45c70ff8260f08fbf13fa5d9f428dc', class: "content-slot" }, h("slot", { key: '4ee558c73d0694676ca014e936f83c4b34c3a86f', name: "content" })), h("div", { key: 'bca70084d830b5988b1192328a817b57082593aa', class: "caption-slot" }, h("slot", { key: '5cf4a947ca3cfa3e01b4f415d9bd408478bbfe32', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c18da0ac1c20e4b2354cb5b21f473e938f7edbb8', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'c0327b7dbb152db4c5229e2517c0061d5981cdb9' }, "...")))))));
     }
     get host() { return getElement(this); }
 };
-UdpTimelineItem.style = udpTimelineItemCss;
+UdpTimelineItem.style = udpTimelineItemCss();
 
 export { UdpTimelineItem as udp_timeline_item };
-//# sourceMappingURL=udp-timeline-item.entry.js.map

package/dist/esm/udp-timeline-separator.entry.js

@@ -1,16 +1,15 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpTimelineSeparatorCss = ":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 udpTimelineSeparatorCss = () => `: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 UdpTimelineSeparator = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
+        return (h("div", { key: 'ffc3bdd998905aa0254b7610824996ddc5263547', class: "udp-timeline-separator" }, h("slot", { key: '92dc66209cffed11e4c04bb0f3f309c9f27cdda2' })));
     }
 };
-UdpTimelineSeparator.style = udpTimelineSeparatorCss;
+UdpTimelineSeparator.style = udpTimelineSeparatorCss();
 
 export { UdpTimelineSeparator as udp_timeline_separator };
-//# sourceMappingURL=udp-timeline-separator.entry.js.map

package/dist/esm/udp-timeline.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpTimelineCss = ":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 udpTimelineCss = () => `: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 UdpTimeline = class {
     constructor(hostRef) {
@@ -9,10 +9,9 @@ const UdpTimeline = class {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
+        return (h(Host, { key: '555eec82e04f639c2ea3c7e6f02305406a601790', class: { [`align-${this.align}`]: true } }, h("div", { key: 'a717e8b6d0a12902927eda125d07a4fada686903', class: "udp-timeline-root" }, h("slot", { key: '2ae6134c049190100dc7fccc9b7ff768b85fc438' }))));
     }
 };
-UdpTimeline.style = udpTimelineCss;
+UdpTimeline.style = udpTimelineCss();
 
 export { UdpTimeline as udp_timeline };
-//# sourceMappingURL=udp-timeline.entry.js.map

package/dist/esm/udp-vertical-spacer.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpVerticalSpacerCss = ":host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}";
+const udpVerticalSpacerCss = () => `:host{display:block;width:100%}.spacing-01{height:var(--spacing-01)}.spacing-07{height:var(--spacing-07)}.spacing-13{height:var(--spacing-13)}`;
 
 const UdpVerticalSpacer = class {
     constructor(hostRef) {
@@ -13,10 +13,9 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
+        return (h("div", { key: 'e7ce17029af1bb28948d736098913de9b7bd8efe', class: spacingClass }));
     }
 };
-UdpVerticalSpacer.style = udpVerticalSpacerCss;
+UdpVerticalSpacer.style = udpVerticalSpacerCss();
 
 export { UdpVerticalSpacer as udp_vertical_spacer };
-//# sourceMappingURL=udp-vertical-spacer.entry.js.map

package/dist/esm/udp-xy-chart.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, k as addXYLegend } from './chartUtils-DFIyEsL1.js';
 
-const udpXyChartCss = ":host{display:block}";
+const udpXyChartCss = () => `:host{display:block}`;
 
 const UdpXyChart = class {
     constructor(hostRef) {
@@ -101,21 +101,44 @@ const UdpXyChart = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "valueField": ["renderChart"],
-        "labelField": ["renderChart"],
-        "data": ["renderChart"],
-        "xAxisLabel": ["renderChart"],
-        "yAxisLabel": ["renderChart"],
-        "showBullets": ["renderChart"],
-        "xDataType": ["renderChart"],
-        "yDataType": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "distBetweenGridLines": ["renderChart"],
-        "chartType": ["renderChart"],
-        "chartId": ["renderChart"]
+        "valueField": [{
+                "renderChart": 0
+            }],
+        "labelField": [{
+                "renderChart": 0
+            }],
+        "data": [{
+                "renderChart": 0
+            }],
+        "xAxisLabel": [{
+                "renderChart": 0
+            }],
+        "yAxisLabel": [{
+                "renderChart": 0
+            }],
+        "showBullets": [{
+                "renderChart": 0
+            }],
+        "xDataType": [{
+                "renderChart": 0
+            }],
+        "yDataType": [{
+                "renderChart": 0
+            }],
+        "hideLegend": [{
+                "renderChart": 0
+            }],
+        "distBetweenGridLines": [{
+                "renderChart": 0
+            }],
+        "chartType": [{
+                "renderChart": 0
+            }],
+        "chartId": [{
+                "renderChart": 0
+            }]
     }; }
 };
-UdpXyChart.style = udpXyChartCss;
+UdpXyChart.style = udpXyChartCss();
 
 export { UdpXyChart as udp_xy_chart };
-//# sourceMappingURL=udp-xy-chart.entry.js.map

package/dist/esm/udp-xy-multi-series-chart.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, g as addXYSeriesBullets } from './chartUtils-DFIyEsL1.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 import { v4 } from 'uuid';
 
-const udpXyMultiSeriesChartCss = ":host{display:block}";
+const udpXyMultiSeriesChartCss = () => `:host{display:block}`;
 
 const UdpXyMultiSeriesChart = class {
     constructor(hostRef) {
@@ -108,17 +108,32 @@ const UdpXyMultiSeriesChart = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "data": ["renderChart"],
-        "showBullets": ["renderChart"],
-        "xAxes": ["renderChart"],
-        "yAxes": ["renderChart"],
-        "series": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "distBetweenGridLines": ["renderChart"],
-        "chartId": ["renderChart"]
+        "data": [{
+                "renderChart": 0
+            }],
+        "showBullets": [{
+                "renderChart": 0
+            }],
+        "xAxes": [{
+                "renderChart": 0
+            }],
+        "yAxes": [{
+                "renderChart": 0
+            }],
+        "series": [{
+                "renderChart": 0
+            }],
+        "hideLegend": [{
+                "renderChart": 0
+            }],
+        "distBetweenGridLines": [{
+                "renderChart": 0
+            }],
+        "chartId": [{
+                "renderChart": 0
+            }]
     }; }
 };
-UdpXyMultiSeriesChart.style = udpXyMultiSeriesChartCss;
+UdpXyMultiSeriesChart.style = udpXyMultiSeriesChartCss();
 
 export { UdpXyMultiSeriesChart as udp_xy_multi_series_chart };
-//# sourceMappingURL=udp-xy-multi-series-chart.entry.js.map

package/dist/esm/udpFieldHelper-qPBcfmrH.js

@@ -125,6 +125,3 @@ const findFieldByPath = (fields, path) => {
 };
 
 export { buildFieldTree as b, findFieldByPath as f };
-//# sourceMappingURL=udpFieldHelper-qPBcfmrH.js.map
-
-//# sourceMappingURL=udpFieldHelper-qPBcfmrH.js.map

package/dist/esm/udpOperatorHelper-BsvDrT81.js

@@ -30,6 +30,3 @@ const getAllowedSearchOperators = (field) => {
 };
 
 export { getAllowedSearchOperators as g };
-//# sourceMappingURL=udpOperatorHelper-BsvDrT81.js.map
-
-//# sourceMappingURL=udpOperatorHelper-BsvDrT81.js.map

package/dist/esm/unity-typography.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const unityTypographyCss = "body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";
+const unityTypographyCss = () => `body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}`;
 
 const typography = class {
     constructor(hostRef) {
@@ -55,7 +55,6 @@ const typography = class {
         }
     }
 };
-typography.style = unityTypographyCss;
+typography.style = unityTypographyCss();
 
 export { typography as unity_typography };
-//# sourceMappingURL=unity-typography.entry.js.map

package/dist/esm/{utils-CiUp9KGZ.js → utils-kwLwITIE.js}

@@ -39,20 +39,20 @@ const dateFormatter = (dateString, formatStyle = 'long') => {
     });
 };
 // eg. { section1: { question1: { value: '', comments: [], metadata: {} }, question2: { value: '', comments: [], metadata: {} } }, section2: { question3: { value: '', comments: [], metadata: {} } } }
-const buildEmptyInitialValues = (masterForm) => {
-    const initialValues = {};
+const buildEmptyCurrentValues = (masterForm) => {
+    const currentValues = {};
     for (const section of masterForm.udpFormUdpFormSection) {
-        initialValues[section.name] = {};
+        currentValues[section.name] = {};
         const questionsOfSection = masterForm.formQuestions.filter(question => question.formSectionId == section.id);
         for (const question of questionsOfSection) {
-            initialValues[section.name][question.name] = {
+            currentValues[section.name][question.name] = {
                 value: '', // default empty value
                 comments: [], // default empty comments array
                 metadata: {}, // default metadata object
             };
         }
     }
-    return initialValues;
+    return currentValues;
 };
 const overrideFont = (element, cssVariable) => {
     var _a, _b, _c, _d;
@@ -81,7 +81,4 @@ const fontOverrideMapping = {
     Arial: "--font-override-arial"
 };
 
-export { buildEmptyInitialValues as b, dateFormatter as d, fontOverrideMapping as f, overrideFont as o };
-//# sourceMappingURL=utils-CiUp9KGZ.js.map
-
-//# sourceMappingURL=utils-CiUp9KGZ.js.map
+export { buildEmptyCurrentValues as b, dateFormatter as d, fontOverrideMapping as f, overrideFont as o };