@feedmepos/ui-library 1.9.2 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/ui-library",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "type": "module",
   "files": [
     "dist"

package/dist/federation/FmBar.vue_vue_type_script_setup_true_lang-BJMELe3q.js

@@ -1 +0,0 @@
-import{importShared as c,__tla as j}from"./__federation_fn_import-CYKgoy9p.js";import{C as F,p as D}from"./chartjs-plugin-datalabels.esm-C74bC3XK.js";import{g as R}from"./util-color-CbaHIuTO.js";let S,P=Promise.all([(()=>{try{return j}catch{}})()]).then(async()=>{let f,g,r,a,y,h,m,v,b,x,C,A,l,k,w,s;({defineComponent:f}=await c("vue")),{renderSlot:g,toDisplayString:r,createElementVNode:a,normalizeStyle:y,openBlock:h,createElementBlock:m}=await c("vue"),v={class:"flex flex-col h-full overflow-hidden px-24 py-16"},b={class:"flex flex-col gap-8"},x={class:"fm-color-typo-primary fm-typo-en-body-lg-400"},C={class:"fm-color-typo-secondary fm-typo-en-body-md-400"},A={class:"grow"},{computed:l,onMounted:k,ref:w,watch:s}=await c("vue"),S=f({__name:"FmBar",props:{name:{default:void 0},paragraph:{default:void 0},datasets:{},xAxis:{},transpose:{type:Boolean,default:!1},stacked:{type:Boolean,default:!1},maintainAspectRatio:{type:Boolean,default:!0},hideXAxis:{type:Boolean,default:void 0},hideYAxis:{type:Boolean,default:void 0},legend:{default:void 0},tooltip:{default:void 0},datalabels:{default:void 0},xCfg:{default:void 0},yCfg:{default:void 0},height:{default:void 0},width:{default:void 0}},setup(X){const e=X,n=w(null);let o=null;s([()=>e.transpose,()=>e.maintainAspectRatio,()=>e.legend,()=>e.hideXAxis,()=>e.hideYAxis,()=>e.datalabels,()=>e.xCfg,()=>e.yCfg,()=>e.height,()=>e.width],()=>{o&&(o.destroy(),_())});const E=l(()=>e.transpose?"y":"x"),Y=l(()=>({height:e.height||"100%",width:e.width||"100%"})),p=l(()=>({labels:e.xAxis.categories,datasets:e.datasets.map(t=>{var B;let i,d;return typeof t.backgroundColor=="string"?i=t.backgroundColor:typeof t.backgroundColor=="object"&&(i=t.backgroundColor.map(u=>R(u)??"")),typeof t.borderColor=="string"?d=t.borderColor:typeof t.borderColor=="object"&&(d=(B=t.borderColor)==null?void 0:B.map(u=>R(u)??"")),{...t,backgroundColor:i,borderColor:d,borderRadius:10,borderWidth:d?1:0}})}));s(p,()=>{o&&(o.data=p.value,o.update())},{deep:!0});function _(){F.register(D),n.value&&(o=new F(n.value,{type:"bar",data:p.value,options:{plugins:{legend:e.legend||{display:!0,position:"bottom",maxHeight:60,labels:{usePointStyle:!0}},tooltip:{...e.tooltip},datalabels:{display:!1,...e.datalabels}},maintainAspectRatio:e.maintainAspectRatio,responsive:!0,indexAxis:E.value,scales:{x:{display:!e.hideXAxis,stacked:e.stacked,grid:{display:!1},beginAtZero:!0,...e.xCfg},y:{display:!e.hideYAxis,stacked:e.stacked,grid:{display:!1},position:"right",beginAtZero:!0,...e.yCfg}},elements:{point:{radius:0,hitRadius:30,hoverRadius:6,hoverBackgroundColor:"#FFFFFF",hoverBorderWidth:3}}}}))}return k(()=>{_()}),(t,i)=>(h(),m("div",v,[a("div",b,[g(t.$slots,"title"),a("div",x,r(t.name),1),a("div",C,r(t.paragraph),1)]),a("div",A,[a("canvas",{ref_key:"canvas",ref:n,style:y(Y.value)},null,4)])]))}})});export{S as _,P as __tla};

package/dist/federation/FmLine.vue_vue_type_script_setup_true_lang-BA9UPDyp.js

@@ -1 +0,0 @@
-import{importShared as h,__tla as L}from"./__federation_fn_import-CYKgoy9p.js";import{C as F,p as P}from"./chartjs-plugin-datalabels.esm-C74bC3XK.js";import{g as f,c as R}from"./util-color-CbaHIuTO.js";let X,V=Promise.all([(()=>{try{return L}catch{}})()]).then(async()=>{let g,v,n,d,y,m,x,b,C,A,k,w,s,_,B,p;({defineComponent:g}=await h("vue")),{renderSlot:v,toDisplayString:n,createElementVNode:d,normalizeStyle:y,openBlock:m,createElementBlock:x}=await h("vue"),b={class:"flex flex-col h-full m-24 overflow-hidden p-24"},C={class:"flex flex-col gap-8"},A={class:"fm-color-typo-primary fm-typo-en-body-lg-400"},k={class:"fm-color-typo-secondary fm-typo-en-body-md-400"},w={class:"grow"},{computed:s,onMounted:_,ref:B,watch:p}=await h("vue"),X=g({__name:"FmLine",props:{name:{default:void 0},paragraph:{default:void 0},datasets:{},xAxis:{},transpose:{type:Boolean,default:!1},stacked:{type:Boolean},maintainAspectRatio:{type:Boolean},hideXAxis:{type:Boolean,default:void 0},hideYAxis:{type:Boolean,default:void 0},legend:{default:void 0},tooltip:{default:void 0},datalabels:{default:void 0},xCfg:{default:void 0},yCfg:{default:void 0},height:{default:void 0},width:{default:void 0}},setup(Y){const e=Y,c=B(null);let o=null;p([()=>e.transpose,()=>e.maintainAspectRatio,()=>e.hideXAxis,()=>e.hideYAxis,()=>e.legend,()=>e.datalabels,()=>e.xCfg,()=>e.yCfg,()=>e.height,()=>e.width],()=>{o&&o.config.options&&(o.destroy(),S())});const D=s(()=>e.transpose?"y":"x");function E({context:t,color:l}){const{ctx:a,chartArea:i}=t.chart;if(!i)return;const r=a==null?void 0:a.createLinearGradient(0,0,0,i.height);return r.addColorStop(0,R(l,.5)),r.addColorStop(1,R(l,0)),r}const z=s(()=>({height:e.height||"100%",width:e.width||"100%"})),u=s(()=>({labels:e.xAxis.categories,datasets:e.datasets.map(t=>{const l=f(t.color)??"";let a;t.borderColor===null?a=void 0:t.borderColor?a=f(t.borderColor):a=l;let i;return t.backgroundColor===null?i=void 0:t.backgroundColor?i=f(t.backgroundColor):i=l?r=>E({context:r,color:l}):void 0,{...t,backgroundColor:i,borderColor:a,borderDash:t.dash?[5,5]:void 0,tension:.1}})}));p(u,()=>{o&&(o.data=u.value,o.update())},{deep:!0});function S(){F.register(P),c.value&&(o=new F(c.value,{type:"line",data:u.value,options:{plugins:{legend:e.legend||{display:!0,position:"bottom",maxHeight:60,labels:{usePointStyle:!0,pointStyle:"line"}},tooltip:{...e.tooltip},datalabels:{display:!1,...e.datalabels}},maintainAspectRatio:e.maintainAspectRatio,responsive:!0,indexAxis:D.value,scales:{x:{display:!e.hideXAxis,stacked:e.stacked,grid:{display:!1},beginAtZero:!0,...e.xCfg},y:{display:!e.hideYAxis,stacked:e.stacked,grid:{display:!0},position:"right",beginAtZero:!0,...e.yCfg}},elements:{line:{borderWidth:1.5},point:{radius:0,hitRadius:30,hoverRadius:6,hoverBackgroundColor:"#FFFFFF",hoverBorderWidth:3}}}}))}return _(()=>{S()}),(t,l)=>(m(),x("div",b,[d("div",C,[v(t.$slots,"title"),d("div",A,n(t.name),1),d("div",k,n(t.paragraph),1)]),d("div",w,[d("canvas",{ref_key:"canvas",ref:c,style:y(z.value)},null,4)])]))}})});export{X as _,V as __tla};

package/dist/federation/FmPie.vue_vue_type_script_setup_true_lang-DEnVqSIk.js

@@ -1,2 +0,0 @@
-import{importShared as p,__tla as T}from"./__federation_fn_import-CYKgoy9p.js";import{C as R,p as F}from"./chartjs-plugin-datalabels.esm-C74bC3XK.js";import{g as f,c as V}from"./util-color-CbaHIuTO.js";let E,$=Promise.all([(()=>{try{return T}catch{}})()]).then(async()=>{let g,m,s,o,v,y,h,b,x,C,k,w,i,_,S,A;({defineComponent:g}=await p("vue")),{renderSlot:m,toDisplayString:s,createElementVNode:o,normalizeStyle:v,openBlock:y,createElementBlock:h}=await p("vue"),b={class:"flex flex-col h-full overflow-hidden px-24 py-16"},x={class:"flex flex-col gap-8"},C={class:"fm-color-typo-primary fm-typo-en-body-lg-400"},k={class:"fm-color-typo-secondary fm-typo-en-body-md-400"},w={class:"grow"},{computed:i,onMounted:_,ref:S,watch:A}=await p("vue"),E=g({__name:"FmPie",props:{name:{default:void 0},variant:{},paragraph:{default:void 0},datasets:{},metrics:{},legend:{default:void 0},text:{default:void 0},textColor:{default:"#0E1715"},textStyle:{default:"bold 30px sans-serif"},maintainAspectRatio:{type:Boolean,default:!0},percentage:{default:void 0},tooltip:{},datalabels:{default:void 0},height:{default:void 0},width:{default:void 0}},setup(M){const e=M,d=S(null);let c=null;const P=i(()=>e.percentage?e.percentage:e.variant==="doughnut"?"90%":"0"),u=i(()=>e.text);A([()=>e.metrics,()=>e.datasets,()=>e.variant,()=>e.legend,()=>e.textColor,()=>e.textStyle,()=>e.text,()=>e.maintainAspectRatio,()=>e.percentage,()=>e.datalabels,()=>e.height,()=>e.width],()=>{c&&(c.destroy(),D())});const j=i(()=>({height:e.height||"100%",width:e.width||"100%"})),z=i(()=>({labels:e.metrics,datasets:e.datasets.map(t=>{let a;return typeof t.backgroundColor=="string"?a=t.backgroundColor:typeof t.backgroundColor=="object"&&(a=t.backgroundColor.map(l=>f(l)??"")),typeof t.backgroundColor=="string"?a=t.backgroundColor:typeof t.backgroundColor=="object"&&(a=t.backgroundColor.map(l=>f(l)??"")),{...t,backgroundColor:a,hoverOffset:t.hoverOffset??0}})}));function D(){R.register(F),d.value&&(c=new R(d.value,{type:"doughnut",data:z.value,options:{maintainAspectRatio:e.maintainAspectRatio,responsive:!0,cutout:P.value,plugins:{legend:e.legend||{display:!0,position:"bottom",maxHeight:60,labels:{usePointStyle:!0}},tooltip:{...e.tooltip},datalabels:{display:!1,...e.datalabels}}},plugins:[{id:"doughnutlabel",beforeDatasetsDraw:t=>{var a,l;if(e.variant==="doughnut"){const{ctx:n}=t;n.save();const H=(a=t.getDatasetMeta(0).data[0])==null?void 0:a.x,N=(l=t.getDatasetMeta(0).data[0])==null?void 0:l.y;if(n.font=e.textStyle,n.textAlign="center",n.textBaseline="middle",u.value&&u.value!==""){const B=u.value.split(`
-`);for(let r=0;r<B.length;r++){const O=r===0?1:.7;n.fillStyle=V(f(e.textColor)??"",O),n.fillText(B[r],H,N+r*40)}}}}}]}))}return _(()=>{D()}),(t,a)=>(y(),h("div",b,[o("div",x,[m(t.$slots,"title"),o("div",C,s(t.name),1),o("div",k,s(t.paragraph),1)]),o("div",w,[o("canvas",{ref_key:"canvas",ref:d,style:v(j.value)},null,4)])]))}})});export{E as _,$ as __tla};