@railzai/railz-visualizations
Version:
Railz.ai Visualizations
7 lines • 7.14 kB
JavaScript
/*!
* Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.
* Built with Stencil
* Copyright (c) FIS.
*/
import{r as e,h as t,c as i}from"./p-a257e2b5.js";import{i as o}from"./p-6c64b0b5.js";import{a as s,h as l}from"./p-c35638e5.js";import"./p-81bde732.js";import{A as r}from"./p-b93548b9.js";import"./p-ce5b13e7.js";function n(e){return e===null}const a='@font-face{font-family:Inter;src:url("../assets/fonts/Inter-italic-var.woff2");font-family:Inter;src:url("../assets/fonts/Inter-upright-var.woff2")}body,div[class^=railz-],div[class*=" railz-"]{font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.rv-percentage{line-height:1.5;display:flex;font-size:14px;font-weight:500}.rv-percentage .rv-positive{color:#006037}.rv-percentage .rv-negative{color:#b30000}';const c=class{constructor(t){e(this,t);this.percentage=0}render(){var e,i;if(n(this.percentage)||this.percentage===0){return null}return t("div",{class:"rv-percentage"},this.percentage>0?t("div",{class:"rv-positive",style:(e=this.percentageStyle)===null||e===void 0?void 0:e.positive},"▲ ",this.percentage,"%"):t("div",{class:"rv-negative",style:(i=this.percentageStyle)===null||i===void 0?void 0:i.negative},"▼ ",this.percentage,"%"))}};c.style=a;function d({style:e,up:i=false}){return t("div",{style:Object.assign({transform:i?"rotate(180deg)":"rotate(0deg)",width:"24px",height:"24px"},e)},t("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:"M7 10l5 5 5-5z"})))}const f='@font-face{font-family:Inter;src:url("../assets/fonts/Inter-italic-var.woff2");font-family:Inter;src:url("../assets/fonts/Inter-upright-var.woff2")}body,div[class^=railz-],div[class*=" railz-"]{font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.noselect{-webkit-touch-callout:none;user-select:none}.rv-select{position:relative;display:flex;font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgba(0, 0, 0, 0.87);border:0;margin:0;cursor:pointer}.rv-select-text{box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;padding-top:8px;padding-bottom:8px;position:absolute;visibility:hidden;z-index:1;margin:2px;border-radius:4px;color:#fff;overflow-wrap:break-word;text-align:left;font-size:11px;background-color:white}.rv-select-text *{color:rgba(0, 0, 0, 0.87);background-color:rgba(0, 0, 0, 0);min-height:16px;min-width:calc(100% - 32px);font-size:16px;font-weight:400;line-height:1.5;padding:6px 16px;white-space:nowrap}.rv-select-text *:hover,.rv-select-text *:focus{background:rgba(0, 0, 0, 0.04)}.rv-select-text .rv-select-text-selected{background:rgba(0, 0, 0, 0.08)}.rv-right{top:24px;left:-2px}.rv-left{top:24px;right:-2px}.rv-center{top:24px;left:-60px}.rv-select-text-open{visibility:visible;flex-shrink:0}';const p=class{constructor(t){e(this,t);this.selectedItem=i(this,"selectedItem",7);this.items=["Efficiency","Liquidity","Profitability","Reliability"];this.selectStyle={position:"right"};this.selectedIndex=0;this.open=false}selectedItemHandler(e){this.selectedItem.emit(e)}render(){var e,i,s,l,r,n,a;if(o(this.items)){return}return t("div",{class:"rv-select noselect",style:(e=this.selectStyle)===null||e===void 0?void 0:e.style,onClick:()=>this.open=!this.open},t("span",null,this.items[this.selectedIndex])," ",((s=(i=this.selectStyle)===null||i===void 0?void 0:i.arrow)===null||s===void 0?void 0:s.visible)===false?"":t(d,{up:this.open,style:(r=(l=this.selectStyle)===null||l===void 0?void 0:l.arrow)===null||r===void 0?void 0:r.style}),t("span",{class:`rv-select-text rv-${(n=this.selectStyle)===null||n===void 0?void 0:n.position} ${this.open&&"rv-select-text-open"}`,style:(a=this.selectStyle)===null||a===void 0?void 0:a.container},this.items.map(((e,i)=>{var o,s;return t("span",{class:this.selectedIndex===i&&"rv-select-text-selected",onClick:()=>{this.selectedItemHandler(i);this.selectedIndex=i},style:Object.assign(Object.assign({},(o=this.selectStyle)===null||o===void 0?void 0:o.item),this.selectedIndex===i&&((s=this.selectStyle)===null||s===void 0?void 0:s.selectedItem))},e)}))))}};p.style=f;const v=(e,t)=>({chart:{type:"line",backgroundColor:(t===null||t===void 0?void 0:t.backgroundColor)||"#ffffff",height:(t===null||t===void 0?void 0:t.height)||60,reflow:true,marginTop:0,spacingTop:0,spacingRight:0,marginRight:0,style:Object.assign({fontFamily:r},t===null||t===void 0?void 0:t.style),events:{load(){const e=this;setTimeout((()=>{if(e){try{e.reflow()}catch(e){}}}),0)}}},colors:(t===null||t===void 0?void 0:t.colors)||["#015B7E"],title:{text:undefined},xAxis:Object.assign({labels:{enabled:false},visible:false,tickLength:0},t===null||t===void 0?void 0:t.xAxisStyle),yAxis:Object.assign({gridLineDashStyle:"longdash",title:{text:null},maxPadding:.1,minPadding:.1,tickAmount:1,tickPositioner:function(){return[0]},endOnTick:false,startOnTick:false,softMin:-2,softMax:2,labels:{style:Object.assign({color:"#424242"},t===null||t===void 0?void 0:t.label)}},t===null||t===void 0?void 0:t.yAxisStyle),tooltip:{enabled:false},legend:{enabled:false},series:[{data:e}],plotOptions:{series:{enableMouseTracking:false,lineWidth:3,shadow:false,marker:{radius:null}}},credits:{enabled:false}});const h='@font-face{font-family:Inter;src:url("../assets/fonts/Inter-italic-var.woff2");font-family:Inter;src:url("../assets/fonts/Inter-upright-var.woff2")}body,div[class^=railz-],div[class*=" railz-"]{font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.rv-container{display:flex;padding:16px;position:relative;border:1px solid #eee;border-radius:7px;flex-direction:column;justify-content:space-between;width:auto;height:360px}.rv-container *{font-family:Inter, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.rv-title{display:flex;color:#015b7e;font-size:18px;font-weight:600;margin:0;padding:0;text-align:left}.rv-sparkline-chart-container{display:flex;flex-direction:row;margin-left:-10;margin-top:20px;width:132px;height:60px}';s(l);const u=class{constructor(t){e(this,t)}watchContainerRef(e,t){var i;const o=v(this.data.map((e=>e.value)),(i=this.sparkLineStyle)===null||i===void 0?void 0:i.chart);if(e&&o){l.chart(this.containerRef,o)}}render(){var e;return t("div",{class:"rv-sparkline-chart-container",style:(e=this.sparkLineStyle)===null||e===void 0?void 0:e.container,id:"railz-chart",ref:e=>this.containerRef=e})}static get watchers(){return{containerRef:["watchContainerRef"]}}};u.style=h;export{c as railz_percentage,p as railz_select,u as railz_sparkline_chart};
//# sourceMappingURL=p-2f4eaa5e.entry.js.map