udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/components/udp-timeline-dot.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as i,H as e,h as o,t}from"./index2.js";const d=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),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);return o("div",{key:"7790388cc7563b29c84c007b8b1efc578fa27e70",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!i,["dot-shape-"+this.shape]:!0},style:i?{"--udp-timeline-dot-bg":this.color,"--udp-timeline-dot-outline-color":this.color}:{}},o("slot",{key:"91a9e2d6f7503261b60d8a5c9ceba35ae9617d2d"}))}static get style(){return":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)}"}},[257,"udp-timeline-dot",{color:[1],variant:[1],size:[1],shape:[1]}]),l=d,n=function(){"undefined"!=typeof customElements&&["udp-timeline-dot"].forEach((i=>{"udp-timeline-dot"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))};export{l as UdpTimelineDot,n as defineCustomElement}
+import{p as e,H as i,h as o,t}from"./index2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.color="primary",this.variant="filled",this.size="medium",this.shape="default"}render(){const e=!["primary","secondary","default","error","info","success","warning"].includes(this.color);return o("div",{key:"2e363445c59d5d60eee4ed25cbd5e0fa320e252e",class:{["dot-"+this.size]:!0,["dot-"+this.variant]:!0,["dot-color-"+this.color]:!e,["dot-shape-"+this.shape]:!0},style:e?{"--udp-timeline-dot-bg":this.color,"--udp-timeline-dot-outline-color":this.color}:{}},o("slot",{key:"ae65d63769b6ffb1f447d613e499421b899041f4"}))}static get style(){return":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)}"}},[257,"udp-timeline-dot",{color:[1],variant:[1],size:[1],shape:[1]}]),l=d,n=function(){"undefined"!=typeof customElements&&["udp-timeline-dot"].forEach((e=>{"udp-timeline-dot"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))};export{l as UdpTimelineDot,n as defineCustomElement}

package/dist/components/udp-timeline-item.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as e,c as i,h as n,d as l,t as o}from"./index2.js";import{d as a}from"./udp-chip2.js";import{d as s}from"./udp-icon2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=i(this,"itemClick",7),this.dotShape="default",this.clickable=!1,this.actions=[],this.statusLabel="",this.statusColor="gray",this.hasTitle=!1,this.hasCaption=!1,this.handleClick=()=>{this.clickable&&this.itemClick.emit()}}componentDidLoad(){var t,e,i,n;const l=null!==(e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="title"]'))&&void 0!==e?e:null;if(null!=l){const t=()=>{const t=l.assignedNodes({flatten:!0});this.hasTitle=t.length>0};t(),l.addEventListener("slotchange",t)}const o=null!==(n=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector('slot[name="caption"]'))&&void 0!==n?n:null;if(null!=o){const t=()=>{const t=o.assignedNodes({flatten:!0});this.hasCaption=t.length>0};t(),o.addEventListener("slotchange",t)}}render(){var t;const e=this.actions.slice(0,4),i=this.actions.slice(4);return n(l,{key:"836ba5542410ce314a6250f2cff8140aab4c62da",class:{"has-title":this.hasTitle,"has-caption":this.hasCaption,["dot-shape-"+this.dotShape]:!0,clickable:this.clickable},onClick:this.handleClick},n("div",{key:"b77a43d716355fc41040d057ee4a0936e9126914",class:"udp-timeline-item"},n("div",{key:"705feed17af0354815eb1ef0a7fa55c50e5bbf7e",class:"separator-column"},n("slot",{key:"010dd1de981373f449b9e18322465b36e48beec6",name:"separator"})),n("div",{key:"43bb689ac814efd76d8cffc7e64554b7d77b6192",class:"content-column"},n("div",{key:"58177b734a663da280d65f41eccf305f05d1e4e8",class:"first-row"},n("div",{key:"b0c7ce178d3728e782e5b0517dae53cdfcbcaf8c",class:"title-slot"},n("slot",{key:"7d2fba46f291a8b8fc127042382f080e299817ee",name:"title"})),""!=(null===(t=this.statusLabel)||void 0===t?void 0:t.trim())&&n("udp-chip",{key:"d2fa90ee1d2c8a0c7c6ef59268b3c179a7cfcb0a",label:this.statusLabel,color:this.statusColor,size:"small"})),n("div",{key:"21df08c69df307dde8c16e042743ca9a947c81f9",class:"content-slot"},n("slot",{key:"66107bb3130b93f28b5911a34287e5767a343f62",name:"content"})),n("div",{key:"fbf58d68051e0dae87d91f57da8b588a73fce5ee",class:"caption-slot"},n("slot",{key:"d56d18c8679b6440c74eaea01f1d59102a55a845",name:"caption"})),this.actions.length>0&&n("div",{key:"1df6f4019e13651ef4ac118bd34ec1ab3a0331df",class:"actions-container"},e.map((t=>n("button",{onClick:t.onClick},t.label))),i.length>0&&n("button",{key:"93565beb06344f3b9c459db84cc5984c7ccef466"},"...")))))}get host(){return this}static get style(){return":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}"}},[257,"udp-timeline-item",{dotShape:[1,"dot-shape"],clickable:[4],actions:[16],statusLabel:[1,"status-label"],statusColor:[1,"status-color"],hasTitle:[32],hasCaption:[32]}]),d=c,p=function(){"undefined"!=typeof customElements&&["udp-timeline-item","udp-chip","udp-icon"].forEach((t=>{switch(t){case"udp-timeline-item":customElements.get(o(t))||customElements.define(o(t),c);break;case"udp-chip":customElements.get(o(t))||a();break;case"udp-icon":customElements.get(o(t))||s()}}))};export{d as UdpTimelineItem,p as defineCustomElement}
+import{p as t,H as e,c as i,h as n,d as a,t as l}from"./index2.js";import{d as o}from"./udp-chip2.js";import{d as s}from"./udp-icon2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=i(this,"itemClick",7),this.dotShape="default",this.clickable=!1,this.actions=[],this.statusLabel="",this.statusColor="gray",this.hasTitle=!1,this.hasCaption=!1,this.handleClick=()=>{this.clickable&&this.itemClick.emit()}}componentDidLoad(){var t,e,i,n;const a=null!==(e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="title"]'))&&void 0!==e?e:null;if(null!=a){const t=()=>{const t=a.assignedNodes({flatten:!0});this.hasTitle=t.length>0};t(),a.addEventListener("slotchange",t)}const l=null!==(n=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector('slot[name="caption"]'))&&void 0!==n?n:null;if(null!=l){const t=()=>{const t=l.assignedNodes({flatten:!0});this.hasCaption=t.length>0};t(),l.addEventListener("slotchange",t)}}render(){var t;const e=this.actions.slice(0,4),i=this.actions.slice(4);return n(a,{key:"f38eeb9176359f5980133a1cdf923261c5fd92b5",class:{"has-title":this.hasTitle,"has-caption":this.hasCaption,["dot-shape-"+this.dotShape]:!0,clickable:this.clickable},onClick:this.handleClick},n("div",{key:"d55ea4582bad05f305ad029a7f783ccd4b2bdbbf",class:"udp-timeline-item"},n("div",{key:"76ed8d242953effab5167d0b3713bc35f25bd938",class:"separator-column"},n("slot",{key:"e6fa4fd3e874e56b49de07dfa8df7e9dc4784ba4",name:"separator"})),n("div",{key:"7cc95965c334c0f4ed8caac1160df8ae35680761",class:"content-column"},n("div",{key:"828d4d5f70792d24ca3d7ac7c0ed880419d76a57",class:"first-row"},n("div",{key:"ff82d6e08ccba60e8d304de0d6c203924a8ac3ed",class:"title-slot"},n("slot",{key:"295bec923360837de4c15cdd80d4ad9ba880eb63",name:"title"})),""!=(null===(t=this.statusLabel)||void 0===t?void 0:t.trim())&&n("udp-chip",{key:"98becb62444dc2a78d42f20050e7b37cb7ea9f73",label:this.statusLabel,color:this.statusColor,size:"small"})),n("div",{key:"f912adda86a8e5593a73377d692cc3dd0925ec45",class:"content-slot"},n("slot",{key:"cdef4e4a7e7e8727d3b18fab5398c7a9bde1874d",name:"content"})),n("div",{key:"7de7bd160542df24add6183e26a8f5aa35e2af71",class:"caption-slot"},n("slot",{key:"ccdc54b3b6fcd42bf60a5760bd0a9777422d2721",name:"caption"})),this.actions.length>0&&n("div",{key:"2325e9ce67c02368fc399493e64995d9892ef909",class:"actions-container"},e.map((t=>n("button",{onClick:t.onClick},t.label))),i.length>0&&n("button",{key:"b83aa3705ab5d137a5cd43203029135321059962"},"...")))))}get host(){return this}static get style(){return":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}"}},[257,"udp-timeline-item",{dotShape:[1,"dot-shape"],clickable:[4],actions:[16],statusLabel:[1,"status-label"],statusColor:[1,"status-color"],hasTitle:[32],hasCaption:[32]}]),c=d,p=function(){"undefined"!=typeof customElements&&["udp-timeline-item","udp-chip","udp-icon"].forEach((t=>{switch(t){case"udp-timeline-item":customElements.get(l(t))||customElements.define(l(t),d);break;case"udp-chip":customElements.get(l(t))||o();break;case"udp-icon":customElements.get(l(t))||s()}}))};export{c as UdpTimelineItem,p as defineCustomElement}

package/dist/components/udp-timeline-separator.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as i,t as n}from"./index2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"d847678843bd481693ef2e53d68f20507156a75b",class:"udp-timeline-separator"},i("slot",{key:"d93d96690af195fabfc92958f7ad5e142b7ee6f9"}))}static get style(){return":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}"}},[257,"udp-timeline-separator"]),o=r,a=function(){"undefined"!=typeof customElements&&["udp-timeline-separator"].forEach((e=>{"udp-timeline-separator"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{o as UdpTimelineSeparator,a as defineCustomElement}
+import{p as e,H as t,h as i,t as n}from"./index2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"a5ec398477306459a2dd8e9a7903da7983fe15cb",class:"udp-timeline-separator"},i("slot",{key:"3b696599cf5db98ddaa1bbaa3606a5f4af82a915"}))}static get style(){return":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}"}},[257,"udp-timeline-separator"]),a=r,o=function(){"undefined"!=typeof customElements&&["udp-timeline-separator"].forEach((e=>{"udp-timeline-separator"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{a as UdpTimelineSeparator,o as defineCustomElement}

package/dist/components/udp-timeline.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as i,d as l,t as n}from"./index2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.align="left"}render(){return i(l,{key:"86a7bc8219b75e4053f4fab1fe7fa96a1eb69706",class:{["align-"+this.align]:!0}},i("div",{key:"014e30b71a3081bf4d714d64cf4c1f9189f3fe22",class:"udp-timeline-root"},i("slot",{key:"82baf333fadb66915848b8ce5de3734698185132"})))}static get style(){return":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}"}},[257,"udp-timeline",{align:[1]}]),o=d,s=function(){"undefined"!=typeof customElements&&["udp-timeline"].forEach((e=>{"udp-timeline"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{o as UdpTimeline,s as defineCustomElement}
+import{p as e,H as t,h as i,d as l,t as n}from"./index2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.align="left"}render(){return i(l,{key:"0b4398e93df39822b64f330622a1d9a7c67c45ab",class:{["align-"+this.align]:!0}},i("div",{key:"1b435ab808a109d0c9560ff1c2471586bd96682a",class:"udp-timeline-root"},i("slot",{key:"f4e17f94bb3e4ca097ca180a3618fda8a07b7dfd"})))}static get style(){return":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}"}},[257,"udp-timeline",{align:[1]}]),o=d,s=function(){"undefined"!=typeof customElements&&["udp-timeline"].forEach((e=>{"udp-timeline"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{o as UdpTimeline,s as defineCustomElement}

package/dist/components/udp-tooltip2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,d as n,t as o}from"./index2.js";import"@fluentui/web-components/tooltip.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.delay=200,this.positioning="above"}render(){const e="internal-anchor";return i(n,{key:"b8678d9abbe1c393f7905b1e8f90e3443a4b8427"},i("div",{key:"6c47dbca33e00d5657b8c3d8a8625eff7efe6c4b",id:e,onFocusin:e=>{var t,i;(null===(t=e.target)||void 0===t?void 0:t.matches(":focus-visible"))&&(null===(i=this.tooltipRef)||void 0===i||i.showTooltip(0))},onFocusout:()=>{var e;return null===(e=this.tooltipRef)||void 0===e?void 0:e.hideTooltip(0)}},i("slot",{key:"9a0c1631d607bed4983e9fb4e5b545cd52e94109"})),i("fluent-tooltip",{key:"c4ee67560abc78f347dc7e5da364aad4bda2d565",ref:e=>this.tooltipRef=e,anchor:e,delay:this.delay,positioning:this.positioning},this.content))}static get style(){return":host{display:inline-flex;align-items:center;vertical-align:middle}#internal-anchor{display:inline-flex;align-items:center}fluent-tooltip{padding-block:5px;white-space:pre-line;}"}},[257,"udp-tooltip",{content:[1],delay:[2],positioning:[1]}]);function l(){"undefined"!=typeof customElements&&["udp-tooltip"].forEach((e=>{"udp-tooltip"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}export{s as U,l as d}
+import{p as e,H as t,h as i,d as n,t as o}from"./index2.js";import"@fluentui/web-components/tooltip.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.delay=200,this.positioning="above"}render(){const e="internal-anchor";return i(n,{key:"0067d7a56b24d183eb0b91f931f2d19d01f2e5d6"},i("div",{key:"60e0ce5333db01759dfc0fd7b56ce7b5dd4d9a29",id:e,onFocusin:e=>{var t,i;(null===(t=e.target)||void 0===t?void 0:t.matches(":focus-visible"))&&(null===(i=this.tooltipRef)||void 0===i||i.showTooltip(0))},onFocusout:()=>{var e;return null===(e=this.tooltipRef)||void 0===e?void 0:e.hideTooltip(0)}},i("slot",{key:"b6be513e4eb69604e26ddec26fdf4329164d21d8"})),i("fluent-tooltip",{key:"52c743de0edb443bea54e174cd76858777a9adce",ref:e=>this.tooltipRef=e,anchor:e,delay:this.delay,positioning:this.positioning},this.content))}static get style(){return":host{display:inline-flex;align-items:center;vertical-align:middle}#internal-anchor{display:inline-flex;align-items:center}fluent-tooltip{padding-block:5px;white-space:pre-line;}"}},[257,"udp-tooltip",{content:[1],delay:[2],positioning:[1]}]);function d(){"undefined"!=typeof customElements&&["udp-tooltip"].forEach((e=>{"udp-tooltip"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}export{s as U,d}

package/dist/components/udp-tree2.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,d as n,t as r}from"./index2.js";import"@fluentui/web-components/tree.js";import"@fluentui/web-components/tree-item.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=s(this,"itemClick",7),this.size="medium",this.appearance="subtle",this.treeItems=[],this.itemId="id",this.itemParentId="parentId",this.itemContent="label"}resolveProp(t,e){if(void 0!==e)return"object"!=typeof t||null===t?t:"function"==typeof e?e(t):"string"==typeof e?t[e]:void 0}renderTreeItems(t,e=null){return t.filter((t=>{const s=this.resolveProp(t,this.itemParentId);return null===e&&!s||s===e})).map((e=>{const s=this.resolveProp(e,this.itemId),n=this.resolveProp(e,this.itemContent),r=this.resolveProp(e,this.itemStart),o=this.resolveProp(e,this.itemEnd),d=this.resolveProp(e,this.itemAside),h=t.filter((t=>this.resolveProp(t,this.itemParentId)===s)).length>0;return i("fluent-tree-item",{key:s,size:this.size,appearance:this.appearance,onClick:t=>{t.target===t.currentTarget&&this.itemClick.emit(e)}},r&&i("div",{slot:"start"},r),n,o&&i("div",{slot:"end"},o),d&&i("div",{slot:"aside"},d),h&&this.renderTreeItems(t,s))}))}render(){return i(n,{key:"065fa53d724ab1be457dfe424e68e20fe34bb7d7"},i("fluent-tree",{key:"0f8c933e33ad80253e01c87e175bda96d99cc991",size:this.size,appearance:this.appearance},this.treeItems.length>0?this.renderTreeItems(this.treeItems):i("slot",null)))}static get style(){return":host{display:block}"}},[257,"udp-tree",{size:[1],appearance:[1],treeItems:[16],itemId:[1,"item-id"],itemParentId:[1,"item-parent-id"],itemContent:[1,"item-content"],itemStart:[1,"item-start"],itemEnd:[1,"item-end"],itemAside:[1,"item-aside"]}]);function d(){"undefined"!=typeof customElements&&["udp-tree"].forEach((t=>{"udp-tree"===t&&(customElements.get(r(t))||customElements.define(r(t),o))}))}export{o as U,d}
+import{p as t,H as e,c as i,h as n,d as r,t as o}from"./index2.js";import"@fluentui/web-components/tree.js";import"@fluentui/web-components/tree-item.js";import{d as s}from"./udp-fluent-avatar2.js";import{d as a}from"./udp-fluent-badge2.js";import{d as l}from"./udp-fluent-icon2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=i(this,"itemClick",7),this.size="medium",this.appearance="subtle",this.treeItems=[],this.itemId="id",this.itemParentId="parentId",this.itemContent="label",this.interaction="tree",this.collapsible=!1,this.expandedOverrides={}}isChevronClick(t){return t.composedPath().some((t=>t instanceof Element&&("chevron"===t.getAttribute("part")||t.classList.contains("chevron")||"chevron"===t.getAttribute("slot"))))}toggleExpanded(t,e){const i=t in this.expandedOverrides?this.expandedOverrides[t]:e;this.expandedOverrides=Object.assign(Object.assign({},this.expandedOverrides),{[t]:!i})}resolveProp(t,e){if(void 0!==e)return"object"!=typeof t||null===t?t:"function"==typeof e?e(t):"string"==typeof e?t[e]:void 0}iconSizeForTree(){return"small"===this.size?"sm":"md"}renderItemIcon(t){var e;const i=this.resolveProp(t,this.itemIcon);if(!i)return null;const r="string"==typeof i?{name:i}:i;return r&&r.name?n("udp-fluent-icon",{name:r.name,size:null!==(e=r.size)&&void 0!==e?e:this.iconSizeForTree(),color:r.color}):null}renderItemAvatar(t){var e,i;const r=this.resolveProp(t,this.itemAvatar);return r&&"object"==typeof r?n("udp-fluent-avatar",{name:r.name,initials:r.initials,src:r.src,color:r.color,shape:null!==(e=r.shape)&&void 0!==e?e:"circular",size:null!==(i=r.size)&&void 0!==i?i:"small"===this.size?24:28,iconName:r.iconName}):null}renderItemBadge(t){var e,i,r;const o=this.resolveProp(t,this.itemBadge);if(null==o||""===o)return null;const s="object"==typeof o?o:{content:o};return n("udp-fluent-badge",{color:s.color,appearance:null!==(e=s.appearance)&&void 0!==e?e:"tint",shape:null!==(i=s.shape)&&void 0!==i?i:"rounded",size:null!==(r=s.size)&&void 0!==r?r:"small",startIconName:s.startIconName,endIconName:s.endIconName},s.content)}renderTreeItems(t,e=null){return t.filter((t=>{const i=this.resolveProp(t,this.itemParentId);return null===e&&!i||i===e})).map((e=>{const i=this.resolveProp(e,this.itemId),r=this.resolveProp(e,this.itemContent),o=this.resolveProp(e,this.itemAside),s=void 0!==this.selectedId&&i===this.selectedId,a=this.renderItemAvatar(e),l=a?null:this.renderItemIcon(e),c=this.resolveProp(e,this.itemStart),u=a||l||(null!=c?c:null),d=this.resolveProp(e,this.itemEnd),h=this.renderItemBadge(e),p=null!=d||h?[d,h]:null,m=t.filter((t=>this.resolveProp(t,this.itemParentId)===i)).length>0,v=void 0!==this.itemExpanded?!!this.resolveProp(e,this.itemExpanded):void 0;return n("fluent-tree-item",{key:i,size:this.size,appearance:this.appearance,expanded:this.collapsible&&i in this.expandedOverrides?this.expandedOverrides[i]:v,selected:s,onClick:t=>this.collapsible&&m&&this.isChevronClick(t)?(t.stopPropagation(),void this.toggleExpanded(i,!!v)):"button"===this.interaction?(t.stopPropagation(),void this.itemClick.emit(e)):void(t.target===t.currentTarget&&this.itemClick.emit(e))},u&&n("div",{slot:"start"},u),r,p&&n("div",{slot:"end"},p),o&&n("div",{slot:"aside"},o),m&&this.renderTreeItems(t,i))}))}render(){return n(r,{key:"60890c72952a6f5cff22c20e40afc2fece25a464"},n("fluent-tree",{key:"b22362f90a108f7342c7b9f56a3d5cdaa8129fbc",class:{"interaction-button":"button"===this.interaction,collapsible:this.collapsible},size:this.size,appearance:this.appearance},this.treeItems.length>0?this.renderTreeItems(this.treeItems):n("slot",null)))}static get style(){return":host{display:block}.interaction-button fluent-tree-item::part(chevron){display:none}.interaction-button.collapsible fluent-tree-item::part(chevron){display:inline-flex;cursor:pointer;border-radius:var(--borderRadiusSmall)}.interaction-button.collapsible fluent-tree-item::part(chevron):hover{background-color:var(--colorSubtleBackgroundHover)}.interaction-button fluent-tree-item::part(positioning-region){height:auto;min-height:32px;margin:1px var(--spacingHorizontalS);padding-block:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium);transition:background-color var(--durationFaster, 0.1s) ease}.interaction-button fluent-tree-item::part(positioning-region):hover{background-color:var(--colorSubtleBackgroundHover)}.interaction-button fluent-tree-item[selected]::part(positioning-region){background-color:var(--colorBrandBackground2)}.interaction-button fluent-tree-item[selected]::part(positioning-region):hover{background-color:var(--colorBrandBackground2Hover, var(--colorBrandBackground2))}.interaction-button fluent-tree-item::part(content){gap:var(--spacingHorizontalXS)}"}},[257,"udp-tree",{size:[1],appearance:[1],treeItems:[16],itemId:[1,"item-id"],itemParentId:[1,"item-parent-id"],itemContent:[1,"item-content"],itemStart:[1,"item-start"],itemEnd:[1,"item-end"],itemAside:[1,"item-aside"],itemIcon:[1,"item-icon"],itemAvatar:[1,"item-avatar"],itemBadge:[1,"item-badge"],itemExpanded:[1,"item-expanded"],selectedId:[8,"selected-id"],interaction:[1],collapsible:[4],expandedOverrides:[32]}]);function u(){"undefined"!=typeof customElements&&["udp-tree","udp-fluent-avatar","udp-fluent-badge","udp-fluent-icon"].forEach((t=>{switch(t){case"udp-tree":customElements.get(o(t))||customElements.define(o(t),c);break;case"udp-fluent-avatar":customElements.get(o(t))||s();break;case"udp-fluent-badge":customElements.get(o(t))||a();break;case"udp-fluent-icon":customElements.get(o(t))||l()}}))}export{c as U,u as d}

package/dist/components/udp-xy-chart2.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,t as i}from"./index2.js";import*as r from"@amcharts/amcharts4/charts";import*as a from"@amcharts/amcharts4/core";import{s as h,a as d,b as o,c as n,d as c,e as l,f as m}from"./chartUtils.js";import{d as u}from"./chart-container2.js";import{d as p}from"./chart-kpi2.js";import{d as b}from"./stencil-icon-button2.js";import{d as y}from"./udp-adornment2.js";import{d as C}from"./udp-ambient-card2.js";import{d as v}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-badge2.js";import{d as x}from"./unity-typography2.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.getColor=void 0,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=0,this.chartType=void 0,this.removePadding=!1,this.chartId="udp-xy-chart"}async renderChart(){const t=async()=>{var e,s,i;const u=null===(s=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===s?void 0:s.getElementById(this.chartId);if(!u)return await new Promise((t=>setTimeout(t,50))),t();if(!(this.valueField&&this.labelField&&this.xDataType&&this.yDataType))return;let p,b;switch(this.chart&&this.chart.dispose(),this.chart=a.create(u,r.XYChart),h(this.chart,u,this.enableExport),d(this.chart),this.xDataType){case void 0:case null:case"string":p=c(this.chart,"X",this.labelField,[this.xAxisLabel],"X",this.distBetweenGridLines);break;case"date":p=n(this.chart,"X",[this.xAxisLabel],"X",this.distBetweenGridLines);break;default:p=o(this.chart,"X",[this.xAxisLabel],"X")}switch(this.yDataType){case void 0:case null:case"number":b=o(this.chart,"Y",[this.yAxisLabel],"Y");break;case"date":b=n(this.chart,"Y",[this.yAxisLabel],"Y",this.distBetweenGridLines);break;default:b=c(this.chart,"Y",this.valueField,[this.yAxisLabel],"Y",this.distBetweenGridLines)}l(this.chart,"Series 1",this.chartType,p,this.labelField,b,this.valueField),this.hideLegend||m(this.chart),this.chart.data=null!==(i=this.data)&&void 0!==i?i:[]};await t()}disconnectedCallback(){this.chart&&this.chart.dispose()}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"2011b4dffdd53f8b0f9adb489a151970ac0ee3b8",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{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}]}}static get style(){return":host{display:block}"}},[1,"udp-xy-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],kpis:[16],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],colorList:[16],getColor:[16],showBullets:[4,"show-bullets"],barWidth:[2,"bar-width"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],chartType:[1,"chart-type"],enableExport:[4,"enable-export"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"]},void 0,{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}]}]);function k(){"undefined"!=typeof customElements&&["udp-xy-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-xy-chart":customElements.get(i(t))||customElements.define(i(t),g);break;case"chart-container":customElements.get(i(t))||u();break;case"chart-kpi":customElements.get(i(t))||p();break;case"stencil-icon-button":customElements.get(i(t))||b();break;case"udp-adornment":customElements.get(i(t))||y();break;case"udp-ambient-card":customElements.get(i(t))||C();break;case"udp-ambient-tool-tip":customElements.get(i(t))||v();break;case"udp-badge":customElements.get(i(t))||f();break;case"unity-typography":customElements.get(i(t))||x()}}))}export{g as U,k as d}
+import{p as t,H as e,h as s,t as i}from"./index2.js";import*as r from"@amcharts/amcharts4/charts";import*as a from"@amcharts/amcharts4/core";import{s as h,a as d,b as o,c as n,d as c,e as l,f as m}from"./chartUtils.js";import{d as u}from"./chart-container2.js";import{d as p}from"./chart-kpi2.js";import{d as b}from"./stencil-icon-button2.js";import{d as y}from"./udp-adornment2.js";import{d as C}from"./udp-ambient-card2.js";import{d as v}from"./udp-ambient-tool-tip2.js";import{d as x}from"./udp-badge2.js";import{d as f}from"./unity-typography2.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.getColor=void 0,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=0,this.chartType=void 0,this.removePadding=!1,this.chartId="udp-xy-chart"}async renderChart(){const t=async()=>{var e,s,i;const u=null===(s=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===s?void 0:s.getElementById(this.chartId);if(!u)return await new Promise((t=>setTimeout(t,50))),t();if(!(this.valueField&&this.labelField&&this.xDataType&&this.yDataType))return;let p,b;switch(this.chart&&this.chart.dispose(),this.chart=a.create(u,r.XYChart),h(this.chart,u,this.enableExport),d(this.chart),this.xDataType){case void 0:case null:case"string":p=c(this.chart,"X",this.labelField,[this.xAxisLabel],"X",this.distBetweenGridLines);break;case"date":p=n(this.chart,"X",[this.xAxisLabel],"X",this.distBetweenGridLines);break;default:p=o(this.chart,"X",[this.xAxisLabel],"X")}switch(this.yDataType){case void 0:case null:case"number":b=o(this.chart,"Y",[this.yAxisLabel],"Y");break;case"date":b=n(this.chart,"Y",[this.yAxisLabel],"Y",this.distBetweenGridLines);break;default:b=c(this.chart,"Y",this.valueField,[this.yAxisLabel],"Y",this.distBetweenGridLines)}l(this.chart,"Series 1",this.chartType,p,this.labelField,b,this.valueField),this.hideLegend||m(this.chart),this.chart.data=null!==(i=this.data)&&void 0!==i?i:[]};await t()}disconnectedCallback(){this.chart&&this.chart.dispose()}componentDidLoad(){this.renderChart()}render(){return s("chart-container",{key:"306cdac42d634caccc2edc72f202c2e8375cbd5b",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{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}]}}static get style(){return":host{display:block}"}},[1,"udp-xy-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],kpis:[16],xAxisLabel:[1,"x-axis-label"],yAxisLabel:[1,"y-axis-label"],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],colorList:[16],getColor:[16],showBullets:[4,"show-bullets"],barWidth:[2,"bar-width"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],chartType:[1,"chart-type"],enableExport:[4,"enable-export"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"]},void 0,{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}]}]);function k(){"undefined"!=typeof customElements&&["udp-xy-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-xy-chart":customElements.get(i(t))||customElements.define(i(t),g);break;case"chart-container":customElements.get(i(t))||u();break;case"chart-kpi":customElements.get(i(t))||p();break;case"stencil-icon-button":customElements.get(i(t))||b();break;case"udp-adornment":customElements.get(i(t))||y();break;case"udp-ambient-card":customElements.get(i(t))||C();break;case"udp-ambient-tool-tip":customElements.get(i(t))||v();break;case"udp-badge":customElements.get(i(t))||x();break;case"unity-typography":customElements.get(i(t))||f()}}))}export{g as U,k as d}

package/dist/components/udp-xy-multi-series-chart.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as s,h as e,t as i}from"./index2.js";import{s as r,a as h,b as a,c as d,d as o,e as n,k as c}from"./chartUtils.js";import*as m from"@amcharts/amcharts4/charts";import*as u from"@amcharts/amcharts4/core";import{v4 as l}from"uuid";import{d as p}from"./chart-container2.js";import{d as b}from"./chart-kpi2.js";import{d as y}from"./stencil-icon-button2.js";import{d as f}from"./udp-adornment2.js";import{d as g}from"./udp-ambient-card2.js";import{d as k}from"./udp-ambient-tool-tip2.js";import{d as v}from"./udp-badge2.js";import{d as C}from"./unity-typography2.js";const w=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=0,this.chartType=void 0,this.xAxes=[],this.yAxes=[],this.series=[],this.chartId=l()}async renderChart(){const t=async()=>{var s,e,i;const l=null===(e=null===(s=this.el)||void 0===s?void 0:s.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!l)return await new Promise((t=>setTimeout(t,50))),t();if(0!==this.xAxes.length&&0!==this.yAxes.length&&0!==this.series.length){this.chart&&this.chart.dispose(),this.chart=u.create(l,m.XYChart),r(this.chart,l),h(this.chart);for(let t=0;t<this.xAxes.length;t++)switch(this.xAxes[t].dataType){case void 0:case null:case"string":const s=this.series.find((s=>s.xAxisId===this.xAxes[t].id));o(this.chart,this.xAxes[t].id,s?s.xAxisPropertyName:"",this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;case"date":d(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;default:a(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position)}for(let t=0;t<this.yAxes.length;t++)switch(this.yAxes[t].dataType){case void 0:case null:case"number":a(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position);break;case"date":d(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break;default:const s=this.series.find((s=>s.yAxisId===this.yAxes[t].id));o(this.chart,this.yAxes[t].id,s?s.yAxisPropertyName:"",this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines)}for(let t=0;t<this.series.length;t++){const s=this.chart.xAxes.values.find((s=>s.id===this.series[t].xAxisId)),e=this.chart.yAxes.values.find((s=>s.id===this.series[t].yAxisId));if(s&&e){const i=n(this.chart,this.series[t].name,this.series[t].type,s,this.series[t].xAxisPropertyName,e,this.series[t].yAxisPropertyName);c(this.chart,i,this.series[t].type)}}this.chart.data=null!==(i=this.data)&&void 0!==i?i:[]}};await t()}disconnectedCallback(){this.chart&&this.chart.dispose()}componentDidLoad(){this.renderChart()}render(){return e("chart-container",{key:"5c0d24b4924edbec01f2148513c67e6e89c3b061",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartWidth:this.customWidth,chartHeight:this.customHeight,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{data:[{renderChart:0}],showBullets:[{renderChart:0}],xAxes:[{renderChart:0}],yAxes:[{renderChart:0}],series:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-xy-multi-series-chart",{data:[16],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],colorList:[16],getColor:[16],showBullets:[4,"show-bullets"],barWidth:[2,"bar-width"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],chartType:[1,"chart-type"],xAxes:[16],yAxes:[16],series:[16],chartId:[1,"chart-id"]},void 0,{data:[{renderChart:0}],showBullets:[{renderChart:0}],xAxes:[{renderChart:0}],yAxes:[{renderChart:0}],series:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartId:[{renderChart:0}]}]),x=w,E=function(){"undefined"!=typeof customElements&&["udp-xy-multi-series-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-xy-multi-series-chart":customElements.get(i(t))||customElements.define(i(t),w);break;case"chart-container":customElements.get(i(t))||p();break;case"chart-kpi":customElements.get(i(t))||b();break;case"stencil-icon-button":customElements.get(i(t))||y();break;case"udp-adornment":customElements.get(i(t))||f();break;case"udp-ambient-card":customElements.get(i(t))||g();break;case"udp-ambient-tool-tip":customElements.get(i(t))||k();break;case"udp-badge":customElements.get(i(t))||v();break;case"unity-typography":customElements.get(i(t))||C()}}))};export{x as UdpXyMultiSeriesChart,E as defineCustomElement}
+import{p as t,H as s,h as e,t as i}from"./index2.js";import{s as r,a as h,b as a,c as d,d as o,e as n,k as c}from"./chartUtils.js";import*as m from"@amcharts/amcharts4/charts";import*as u from"@amcharts/amcharts4/core";import{v4 as l}from"uuid";import{d as p}from"./chart-container2.js";import{d as b}from"./chart-kpi2.js";import{d as y}from"./stencil-icon-button2.js";import{d as f}from"./udp-adornment2.js";import{d as g}from"./udp-ambient-card2.js";import{d as k}from"./udp-ambient-tool-tip2.js";import{d as v}from"./udp-badge2.js";import{d as C}from"./unity-typography2.js";const w=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=0,this.chartType=void 0,this.xAxes=[],this.yAxes=[],this.series=[],this.chartId=l()}async renderChart(){const t=async()=>{var s,e,i;const l=null===(e=null===(s=this.el)||void 0===s?void 0:s.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!l)return await new Promise((t=>setTimeout(t,50))),t();if(0!==this.xAxes.length&&0!==this.yAxes.length&&0!==this.series.length){this.chart&&this.chart.dispose(),this.chart=u.create(l,m.XYChart),r(this.chart,l),h(this.chart);for(let t=0;t<this.xAxes.length;t++)switch(this.xAxes[t].dataType){case void 0:case null:case"string":const s=this.series.find((s=>s.xAxisId===this.xAxes[t].id));o(this.chart,this.xAxes[t].id,s?s.xAxisPropertyName:"",this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;case"date":d(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position,this.distBetweenGridLines);break;default:a(this.chart,this.xAxes[t].id,this.xAxes[t].titles,this.xAxes[t].position)}for(let t=0;t<this.yAxes.length;t++)switch(this.yAxes[t].dataType){case void 0:case null:case"number":a(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position);break;case"date":d(this.chart,this.yAxes[t].id,this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines);break;default:const s=this.series.find((s=>s.yAxisId===this.yAxes[t].id));o(this.chart,this.yAxes[t].id,s?s.yAxisPropertyName:"",this.yAxes[t].titles,this.yAxes[t].position,this.distBetweenGridLines)}for(let t=0;t<this.series.length;t++){const s=this.chart.xAxes.values.find((s=>s.id===this.series[t].xAxisId)),e=this.chart.yAxes.values.find((s=>s.id===this.series[t].yAxisId));if(s&&e){const i=n(this.chart,this.series[t].name,this.series[t].type,s,this.series[t].xAxisPropertyName,e,this.series[t].yAxisPropertyName);c(this.chart,i,this.series[t].type)}}this.chart.data=null!==(i=this.data)&&void 0!==i?i:[]}};await t()}disconnectedCallback(){this.chart&&this.chart.dispose()}componentDidLoad(){this.renderChart()}render(){return e("chart-container",{key:"988cf391f344a4c24fe930e11e6bf0b568701270",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartWidth:this.customWidth,chartHeight:this.customHeight,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{data:[{renderChart:0}],showBullets:[{renderChart:0}],xAxes:[{renderChart:0}],yAxes:[{renderChart:0}],series:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-xy-multi-series-chart",{data:[16],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],colorList:[16],getColor:[16],showBullets:[4,"show-bullets"],barWidth:[2,"bar-width"],xDataType:[1,"x-data-type"],yDataType:[1,"y-data-type"],distBetweenGridLines:[2,"dist-between-grid-lines"],chartType:[1,"chart-type"],xAxes:[16],yAxes:[16],series:[16],chartId:[1,"chart-id"]},void 0,{data:[{renderChart:0}],showBullets:[{renderChart:0}],xAxes:[{renderChart:0}],yAxes:[{renderChart:0}],series:[{renderChart:0}],hideLegend:[{renderChart:0}],distBetweenGridLines:[{renderChart:0}],chartId:[{renderChart:0}]}]),x=w,E=function(){"undefined"!=typeof customElements&&["udp-xy-multi-series-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-xy-multi-series-chart":customElements.get(i(t))||customElements.define(i(t),w);break;case"chart-container":customElements.get(i(t))||p();break;case"chart-kpi":customElements.get(i(t))||b();break;case"stencil-icon-button":customElements.get(i(t))||y();break;case"udp-adornment":customElements.get(i(t))||f();break;case"udp-ambient-card":customElements.get(i(t))||g();break;case"udp-ambient-tool-tip":customElements.get(i(t))||k();break;case"udp-badge":customElements.get(i(t))||v();break;case"unity-typography":customElements.get(i(t))||C()}}))};export{x as UdpXyMultiSeriesChart,E as defineCustomElement}

package/dist/components/upd-alert-banner2.js

@@ -1 +1 @@
-import{p as r,H as o,h as t,t as e}from"./index2.js";import{d as a}from"./unity-typography2.js";const n=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.type="info",this.message=""}render(){return t("div",{key:"885f774f5366cafecd20075d8bb6a16055fb6c58",class:`alert-banner ${this.type}`},t("unity-typography",{key:"789a73324253a838d2a403683cf2c9a35e69d605",variant:"data-display-three"},"   ",this.message," "))}static get style(){return":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}"}},[1,"upd-alert-banner",{type:[1],message:[1],onClick:[16]}]);function s(){"undefined"!=typeof customElements&&["upd-alert-banner","unity-typography"].forEach((r=>{switch(r){case"upd-alert-banner":customElements.get(e(r))||customElements.define(e(r),n);break;case"unity-typography":customElements.get(e(r))||a()}}))}export{n as U,s as d}
+import{p as r,H as o,h as e,t}from"./index2.js";import{d as a}from"./unity-typography2.js";const n=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.type="info",this.message=""}render(){return e("div",{key:"991526b9c1b99b21c5d851ab889eeafe01f89e86",class:`alert-banner ${this.type}`},e("unity-typography",{key:"cc785932707bd8a71ee6385a62d1531d195f4a24",variant:"data-display-three"},"   ",this.message," "))}static get style(){return":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}"}},[1,"upd-alert-banner",{type:[1],message:[1],onClick:[16]}]);function s(){"undefined"!=typeof customElements&&["upd-alert-banner","unity-typography"].forEach((r=>{switch(r){case"upd-alert-banner":customElements.get(t(r))||customElements.define(t(r),n);break;case"unity-typography":customElements.get(t(r))||a()}}))}export{n as U,s as d}