@blukavantui/charts-community 1.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +0 -2
- package/README.md +75 -70
- package/dist/bar.js +1 -1
- package/dist/browser/charts-community.css +1 -1
- package/dist/browser/charts-community.js +17 -17
- package/dist/build-audit.json +129 -84
- package/dist/catalogue-runtime.d.ts +13 -1
- package/dist/chunk-2GUWWKHW.js +1 -0
- package/dist/chunk-3PITHTEO.js +1 -0
- package/dist/chunk-4B5MQ6GZ.js +1 -0
- package/dist/chunk-4EQMOBBN.js +1 -0
- package/dist/chunk-4WDZUJDS.js +1 -0
- package/dist/chunk-5NUOOMHV.js +1 -0
- package/dist/chunk-7OCMRHIH.js +1 -0
- package/dist/chunk-CF5Q2DDP.js +1 -0
- package/dist/chunk-EITBQBN2.js +1 -0
- package/dist/chunk-FXNKAHRG.js +1 -0
- package/dist/chunk-IDMAFTWV.js +1 -0
- package/dist/chunk-ILTENI35.js +1 -0
- package/dist/chunk-KRMM7EWI.js +1 -0
- package/dist/chunk-LUUPBBD4.js +1 -0
- package/dist/chunk-MR5VITXX.js +1 -0
- package/dist/chunk-NASBRHIW.js +1 -0
- package/dist/chunk-NXDBBMF5.js +1 -0
- package/dist/chunk-OQ6MP7PY.js +1 -0
- package/dist/{chunk-QETOF22L.js → chunk-RC2TCMJF.js} +1 -1
- package/dist/{chunk-MSZ5J5WG.js → chunk-RXOGAN23.js} +1 -1
- package/dist/chunk-UGXWOWAG.js +2 -0
- package/dist/chunk-UO2KNHTU.js +2 -0
- package/dist/chunk-UQMMBG26.js +3 -0
- package/dist/chunk-VTJ4XPRV.js +1 -0
- package/dist/chunk-WJ3UHH6J.js +1 -0
- package/dist/chunk-XLJUSNGV.js +1 -0
- package/dist/doughnut.js +1 -1
- package/dist/heatmap.js +1 -1
- package/dist/index.js +1 -1
- package/dist/line.js +1 -1
- package/dist/motion/bar.css +1 -0
- package/dist/motion/bar.d.ts +8 -0
- package/dist/motion/bar.js +1 -0
- package/dist/motion/doughnut.css +1 -0
- package/dist/motion/doughnut.d.ts +8 -0
- package/dist/motion/doughnut.js +1 -0
- package/dist/motion/heatmap.css +1 -0
- package/dist/motion/heatmap.d.ts +7 -0
- package/dist/motion/heatmap.js +1 -0
- package/dist/motion/line.css +1 -0
- package/dist/motion/line.d.ts +8 -0
- package/dist/motion/line.js +1 -0
- package/dist/motion/pie.css +1 -0
- package/dist/motion/pie.d.ts +8 -0
- package/dist/motion/pie.js +1 -0
- package/dist/motion/radar.css +1 -0
- package/dist/motion/radar.d.ts +8 -0
- package/dist/motion/radar.js +1 -0
- package/dist/motion/scatter.css +1 -0
- package/dist/motion/scatter.d.ts +8 -0
- package/dist/motion/scatter.js +1 -0
- package/dist/motion/sparkline.d.ts +7 -0
- package/dist/motion/sparkline.js +1 -0
- package/dist/motion-collection.d.ts +7 -0
- package/dist/motion-community.d.ts +40 -0
- package/dist/motion-policy.d.ts +14 -0
- package/dist/motion.css +1 -0
- package/dist/motion.d.ts +40 -0
- package/dist/motion.js +1 -0
- package/dist/pie.js +1 -1
- package/dist/radar.js +1 -1
- package/dist/scatter.js +1 -1
- package/dist/sparkline.js +1 -1
- package/dist/styles.css +8 -0
- package/dist/web-api.json +162 -2
- package/dist/web-motion-sparkline.d.ts +4 -0
- package/edition.json +1 -1
- package/package.json +40 -33
- package/src/catalogue-runtime.ts +49 -5
- package/src/motion/bar.ts +15 -0
- package/src/motion/doughnut.ts +14 -0
- package/src/motion/heatmap.ts +14 -0
- package/src/motion/line.ts +15 -0
- package/src/motion/pie.ts +14 -0
- package/src/motion/radar.ts +15 -0
- package/src/motion/scatter.ts +15 -0
- package/src/motion/sparkline.ts +10 -0
- package/src/motion-collection.ts +20 -0
- package/src/motion-community.ts +22 -0
- package/src/motion-policy.ts +36 -0
- package/src/web-motion-sparkline.ts +37 -0
- package/dist/chunk-5NXLEMCV.js +0 -3
- package/dist/chunk-FHHQWCUO.js +0 -1
- package/dist/chunk-FZ7J7BEC.js +0 -1
- package/dist/chunk-JNSBTZUP.js +0 -2
- package/dist/chunk-KCW3WN5P.js +0 -1
- package/dist/chunk-QBKO4AG7.js +0 -1
- package/dist/chunk-QFXXWRD5.js +0 -1
- package/dist/chunk-YJKEV5J7.js +0 -2
- package/scripts/build.mjs +0 -31
- package/tsconfig.json +0 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as W,i as I,j as Z,k as R}from"./chunk-QETOF22L.js";var T={instances:new Map,serial:0},Q;function b(e,n,i){var m=document.createElement(e);return n&&(m.className=n),i!==void 0&&(m.textContent=i),m}function t(e,n,i){return e.setAttribute(n,String(i)),e}function X(e,n){if(e.error||(e.error=t(b("p","blu-common-error"),"role","alert"),e.host.append(e.error)),e.error.textContent=n,e.error.hidden=!n,n&&e.lastError!==n&&e.events.Error){e.lastError=n;try{e.events.Error(n)}catch{}}n||(e.lastError="")}function re(e,n,i,m){if(e=e===void 0?n:Number(e),!Number.isInteger(e)||e<i||e>m)throw Error("Expected an integer between "+i+" and "+m+".");return e}function U(e){var n=T.instances.get(e);n&&(n.dead=!0,n.cleanup.forEach(function(i){i()}),n.owned.forEach(function(i){i.remove()}),n.host._bluChartsSparklineOwner===e&&(delete n.host._bluChartsSparklineOwner,n.host.removeAttribute("data-blu-ready")),T.instances.delete(e))}function ae(e,n){return e.owned.push(n),n}function Y(e,n,i=300,m="Smooth"){var s=typeof e=="string"?JSON.parse(e||"[]"):e||[];if(!Array.isArray(s)||s.length>1e4)throw Error("Points must be a list with at most 10,000 items.");var o=s.map(function(g){if(!g||typeof g.Value!="number"||!Number.isFinite(g.Value))throw Error("Every Sparkline point needs a finite numeric Value.");return g.Value});if(!o.length)return{rows:s,coordinates:[],line:"",area:""};var l=Math.min.apply(null,o),r=Math.max.apply(null,o),a=r-l,p=Math.max(Math.abs(l),Math.abs(r),1),f=l/p,h=r/p-f,u=o.map(function(g,S){return[o.length===1?i/2:6+S*(i-12)/(o.length-1),h?n-6-(g/p-f)/h*(n-12):n/2]}),d=u.map(function(g,S){return(S?"L":"M")+g[0].toFixed(3)+" "+g[1].toFixed(3)}).join(" ");if(m==="Smooth"&&u.length>2){var x=(i-12)/(u.length-1),k=u.slice(1).map(function(g,S){return(g[1]-u[S][1])/x}),y=u.map(function(g,S){if(S===0)return k[0];if(S===u.length-1)return k[S-1];var v=k[S-1],A=k[S];return v*A>0?2*v*A/(v+A):0});d="M"+u[0][0].toFixed(3)+" "+u[0][1].toFixed(3);for(var c=1;c<u.length;c++){var L=u[c-1],O=u[c];d+=" C"+(L[0]+x/3).toFixed(3)+" "+(L[1]+y[c-1]*x/3).toFixed(3)+" "+(O[0]-x/3).toFixed(3)+" "+(O[1]-y[c]*x/3).toFixed(3)+" "+O[0].toFixed(3)+" "+O[1].toFixed(3)}}return{rows:s,coordinates:u,line:d,area:d+" L"+u[u.length-1][0]+" "+(n-4)+" L"+u[0][0]+" "+(n-4)+" Z",min:l,max:r,first:o[0],last:o[o.length-1]}}function ie(e){var n=e.options,i=Math.max(24,Math.round(e.host.clientWidth||300)),m=JSON.stringify([n,i,e.reducedMotion.matches]);let s=(w,E,C={})=>(n.Messages?.[w]??E).replace(/\{(\w+)\}/g,(H,J)=>C[J]??H);if(e.renderSignature===m)return;var o=n.LineStyle||"Smooth";if(!["Straight","Smooth"].includes(o))throw Error("LineStyle must be Straight or Smooth.");var l=re(n.Height,64,24,240),r=JSON.stringify([n.PointsJson,l,i,o]),a=e.geometryKey===r?e.geometry:Y(n.PointsJson,l,i,o),p=n.Animation||(n.AnimateGlow===!1?"Off":"Once");if(!["Off","Once","Continuous"].includes(p))throw Error("Animation must be Off, Once or Continuous.");var f=n.AnimationDuration===void 0?5:Number(n.AnimationDuration);if(!Number.isFinite(f)||f<1||f>60)throw Error("AnimationDuration must be between 1 and 60 seconds.");var h=n.AreaOpacity===void 0?18:Number(n.AreaOpacity);if(!Number.isFinite(h)||h<0||h>100)throw Error("AreaOpacity must be between 0 and 100 percent.");e.animation!==p&&(e.animationPaused=!1),e.animation=p,e.geometryKey=r,e.geometry=a;var u=String(n.Color||"Primary").toLowerCase();if("default primary secondary success processing warning error danger magenta red volcano orange gold lime green cyan blue geekblue purple".split(" ").indexOf(u)<0)throw Error("Unknown ComponentColor.");e.body||(e.body=ae(e,b("div","blu-sparkline")),e.host.append(e.body));for(var d=e.body,x=!!(d.querySelector("details")&&d.querySelector("details").open),k=d.contains(document.activeElement);d.firstChild;)d.removeChild(d.firstChild);if(d.style.setProperty("--blu-sparkline-color","var(--bluui-color-"+u+"-text)"),d.style.setProperty("--blu-sparkline-height",l+"px"),!a.rows.length){d.append(b("p","blu-sparkline__empty",n.EmptyText||"No trend data.")),e.renderSignature=m;return}var y="http://www.w3.org/2000/svg",c=document.createElementNS(y,"svg");t(c,"viewBox","0 0 "+i+" "+l),t(c,"preserveAspectRatio","none"),t(c,"role","img");let L=a.last>a.first?"Rising":a.last<a.first?"Falling":"Unchanged";var O=n.SummaryText||s("TrendSummary","{count} points. {direction} from {first} to {last}. Minimum {min}, maximum {max}.",{count:a.rows.length,direction:s(L,L),first:a.first,last:a.last,min:a.min,max:a.max});t(c,"aria-label",(n.AccessibleLabel||"Trend")+". "+O);var g=document.createElementNS(y,"title");if(g.textContent=(n.AccessibleLabel||"Trend")+". "+O,c.append(g),n.ShowArea!==!1&&a.rows.length>1){var S=document.createElementNS(y,"defs"),v=document.createElementNS(y,"linearGradient");t(v,"id",e.uid+"-area"),t(v,"x1","0%"),t(v,"y1","0%"),t(v,"x2","0%"),t(v,"y2","100%"),[h/100,n.AreaFade===!1?h/100:0].forEach(function(w,E){var C=document.createElementNS(y,"stop");t(C,"offset",E?"100%":"0%"),C.style.stopColor="var(--blu-sparkline-color)",t(C,"stop-opacity",w),v.append(C)}),S.append(v),c.append(S);var A=document.createElementNS(y,"path");t(A,"d",a.area),t(A,"class","blu-sparkline__area"),A.style.fill="url(#"+e.uid+"-area)",c.append(A)}var F=document.createElementNS(y,"path");t(F,"d",a.line),t(F,"class","blu-sparkline__line"),t(F,"vector-effect","non-scaling-stroke"),c.append(F);var j=p!=="Off"&&a.rows.length>1&&!e.reducedMotion.matches;if(!j&&n.ShowEndMarker!==!1||a.rows.length===1){var q=a.coordinates[a.coordinates.length-1],P=document.createElementNS(y,"circle");t(P,"cx",q[0]),t(P,"cy",q[1]),t(P,"r",3),t(P,"class","blu-sparkline__point"),c.append(P)}if(j){var _=document.createElementNS(y,"g");t(_,"class","blu-sparkline__traveler"),t(_,"aria-hidden","true"),[["halo",6],["ring",4.5],["cursor",3]].forEach(function(w){var E=document.createElementNS(y,"circle");t(E,"r",w[1]),t(E,"class","blu-sparkline__"+w[0]),_.append(E)});var N=document.createElementNS(y,"animateMotion"),D=document.createElementNS(y,"animate");t(N,"path",a.line),t(N,"calcMode","spline"),t(N,"keyPoints","0;1"),t(N,"keyTimes","0;1"),t(N,"keySplines","0.22 0.61 0.36 1"),t(D,"attributeName","opacity"),t(D,"values","0;1;1;0"),t(D,"keyTimes","0;0.03;0.96;1"),[N,D].forEach(function(w){t(w,"dur",f+"s"),t(w,"repeatCount",p==="Continuous"?"indefinite":"1"),t(w,"fill","freeze"),_.append(w)}),c.append(_)}if(d.append(c),j&&(p==="Continuous"||f>5)){var V=b("button","blu-sparkline__pause");V.type="button";var B=function(){V.textContent=e.animationPaused?s("ResumeAnimation","Resume animation"):s("PauseAnimation","Pause animation"),e.animationPaused?c.pauseAnimations():c.unpauseAnimations()};V.addEventListener("click",function(){e.animationPaused=!e.animationPaused,B()}),d.append(V),B()}if(n.ShowDataTable){let w=function(){if(!(!M.open||G)){var E=b("table"),C=b("caption","",n.AccessibleLabel||"Trend"),H=b("thead"),J=b("tr");J.append(t(b("th","",s("Point","Point")),"scope","col"),t(b("th","",s("Value","Value")),"scope","col")),H.append(J),E.append(C,H);var K=b("tbody");a.rows.forEach(function(z,te){var $=b("tr");$.append(t(b("th","",z.Label||String(te+1)),"scope","row"),b("td","",String(z.Value))),K.append($)}),E.append(K),M.append(E),G=!0}};var M=b("details","blu-sparkline__data");M.open=x,M.append(b("summary","",s("ViewData","View trend data")));var G=!1;M.addEventListener("toggle",w),d.append(M),w(),k&&M.querySelector("summary").focus()}e.renderSignature=m}function oe(e,n){return{sync:function(i,m,s,o){var l=document.getElementById(i);if(!l)return"Component host was not found.";o=o||i;var r=T.instances.get(o);if(r&&r.host!==l&&(U(o),r=null),l._bluChartsSparklineOwner&&l._bluChartsSparklineOwner!==o&&U(l._bluChartsSparklineOwner),!r){r={host:l,key:o,uid:"blu-charts-trend-"+ ++T.serial,owned:[],cleanup:[],reducedMotion:matchMedia("(prefers-reduced-motion: reduce)")},T.instances.set(o,r);var a=function(){if(!r.dead&&r.options)try{n(r)}catch{}},p=new ResizeObserver(a);p.observe(l),r.reducedMotion.addEventListener("change",a),r.cleanup.push(function(){p.disconnect(),r.reducedMotion.removeEventListener("change",a)})}var f=l.nextElementSibling;f&&f.classList.contains("blu-component-preview")&&(f.hidden=!0),l._bluChartsSparklineOwner=o,r.options=m||{},r.events=s||{},t(l,"data-blu-ready","true");try{return n(r),X(r,""),""}catch(h){return r.renderSignature=void 0,X(r,h.message||String(h)),h.message||String(h)}},destroy:U}}function ee(){return Q||(Q=Object.assign(oe("Sparkline",ie),{geometry:Y}))}function ne(e){if(Z(e.Points,"Points"),e.Messages!==void 0&&(!e.Messages||typeof e.Messages!="object"||Array.isArray(e.Messages)||Object.keys(e.Messages).length>100||!Object.values(e.Messages).every(R)))throw new Error("Messages must contain plain text translations.");if(e.Points.some(n=>!n||!I(n.Value)||n.Label!==void 0&&!R(n.Label)))throw new Error("Points require supported finite values and plain text labels.");for(let n of["AnimateGlow","ShowArea","AreaFade","ShowEndMarker","ShowDataTable"])if(e[n]!==void 0&&typeof e[n]!="boolean")throw new Error(`${n} must be Boolean.`);for(let n of["AccessibleLabel","SummaryText","EmptyText","ExtendedClass"])if(e[n]!==void 0&&!R(e[n]))throw new Error(`${n} must be plain text within the text limit.`);if(e.Color!==void 0&&!W(e.Color))throw new Error("Unknown ComponentColor.");if(e.LineStyle!==void 0&&!["Straight","Smooth"].includes(e.LineStyle))throw new Error("LineStyle must be Straight or Smooth.");if(e.Animation!==void 0&&!["Off","Once","Continuous"].includes(e.Animation))throw new Error("Animation must be Off, Once or Continuous.");if(e.Height!==void 0&&(!Number.isInteger(e.Height)||e.Height<24||e.Height>240))throw new Error("Height must be an integer from 24 to 240.");if(e.AnimationDuration!==void 0&&(!I(e.AnimationDuration)||e.AnimationDuration<1||e.AnimationDuration>60))throw new Error("AnimationDuration must be between 1 and 60.");if(e.AreaOpacity!==void 0&&(!I(e.AreaOpacity)||e.AreaOpacity<0||e.AreaOpacity>100))throw new Error("AreaOpacity must be between 0 and 100.")}function pe(e,n,i={}){let m=ee(),s=document.createElement("div");s.id="blu-charts-sparkline-"+crypto.randomUUID(),e.append(s);let o={...n},l=!1,r=p=>{if(l)throw new Error("Component is destroyed.");let f={...o,...structuredClone(p)};try{ne(f)}catch(k){try{i.Error?.(k.message)}catch{}throw k}let{Points:h,ExtendedClass:u,...d}=f,x=m.sync(s.id,{...d,PointsJson:JSON.stringify(h||[])},i,s.id);if(x)throw new Error(x);o=f,s.className=u||""},a=()=>{l||(l=!0,m.destroy(s.id),s.remove())};try{r({})}catch(p){throw a(),p}return{element:s,update:r,destroy:a}}export{pe as a};
|
|
1
|
+
import{b as I,c as W,d as R,f as Z}from"./chunk-RC2TCMJF.js";var T={instances:new Map,serial:0},Q;function b(e,n,i){var m=document.createElement(e);return n&&(m.className=n),i!==void 0&&(m.textContent=i),m}function t(e,n,i){return e.setAttribute(n,String(i)),e}function X(e,n){if(e.error||(e.error=t(b("p","blu-common-error"),"role","alert"),e.host.append(e.error)),e.error.textContent=n,e.error.hidden=!n,n&&e.lastError!==n&&e.events.Error){e.lastError=n;try{e.events.Error(n)}catch{}}n||(e.lastError="")}function re(e,n,i,m){if(e=e===void 0?n:Number(e),!Number.isInteger(e)||e<i||e>m)throw Error("Expected an integer between "+i+" and "+m+".");return e}function U(e){var n=T.instances.get(e);n&&(n.dead=!0,n.cleanup.forEach(function(i){i()}),n.owned.forEach(function(i){i.remove()}),n.host._bluChartsSparklineOwner===e&&(delete n.host._bluChartsSparklineOwner,n.host.removeAttribute("data-blu-ready")),T.instances.delete(e))}function ae(e,n){return e.owned.push(n),n}function Y(e,n,i=300,m="Smooth"){var s=typeof e=="string"?JSON.parse(e||"[]"):e||[];if(!Array.isArray(s)||s.length>1e4)throw Error("Points must be a list with at most 10,000 items.");var o=s.map(function(g){if(!g||typeof g.Value!="number"||!Number.isFinite(g.Value))throw Error("Every Sparkline point needs a finite numeric Value.");return g.Value});if(!o.length)return{rows:s,coordinates:[],line:"",area:""};var l=Math.min.apply(null,o),r=Math.max.apply(null,o),a=r-l,p=Math.max(Math.abs(l),Math.abs(r),1),f=l/p,h=r/p-f,u=o.map(function(g,S){return[o.length===1?i/2:6+S*(i-12)/(o.length-1),h?n-6-(g/p-f)/h*(n-12):n/2]}),d=u.map(function(g,S){return(S?"L":"M")+g[0].toFixed(3)+" "+g[1].toFixed(3)}).join(" ");if(m==="Smooth"&&u.length>2){var x=(i-12)/(u.length-1),k=u.slice(1).map(function(g,S){return(g[1]-u[S][1])/x}),y=u.map(function(g,S){if(S===0)return k[0];if(S===u.length-1)return k[S-1];var v=k[S-1],A=k[S];return v*A>0?2*v*A/(v+A):0});d="M"+u[0][0].toFixed(3)+" "+u[0][1].toFixed(3);for(var c=1;c<u.length;c++){var L=u[c-1],O=u[c];d+=" C"+(L[0]+x/3).toFixed(3)+" "+(L[1]+y[c-1]*x/3).toFixed(3)+" "+(O[0]-x/3).toFixed(3)+" "+(O[1]-y[c]*x/3).toFixed(3)+" "+O[0].toFixed(3)+" "+O[1].toFixed(3)}}return{rows:s,coordinates:u,line:d,area:d+" L"+u[u.length-1][0]+" "+(n-4)+" L"+u[0][0]+" "+(n-4)+" Z",min:l,max:r,first:o[0],last:o[o.length-1]}}function ie(e){var n=e.options,i=Math.max(24,Math.round(e.host.clientWidth||300)),m=JSON.stringify([n,i,e.reducedMotion.matches]);let s=(w,E,C={})=>(n.Messages?.[w]??E).replace(/\{(\w+)\}/g,(H,J)=>C[J]??H);if(e.renderSignature===m)return;var o=n.LineStyle||"Smooth";if(!["Straight","Smooth"].includes(o))throw Error("LineStyle must be Straight or Smooth.");var l=re(n.Height,64,24,240),r=JSON.stringify([n.PointsJson,l,i,o]),a=e.geometryKey===r?e.geometry:Y(n.PointsJson,l,i,o),p=n.Animation||(n.AnimateGlow===!1?"Off":"Once");if(!["Off","Once","Continuous"].includes(p))throw Error("Animation must be Off, Once or Continuous.");var f=n.AnimationDuration===void 0?5:Number(n.AnimationDuration);if(!Number.isFinite(f)||f<1||f>60)throw Error("AnimationDuration must be between 1 and 60 seconds.");var h=n.AreaOpacity===void 0?18:Number(n.AreaOpacity);if(!Number.isFinite(h)||h<0||h>100)throw Error("AreaOpacity must be between 0 and 100 percent.");e.animation!==p&&(e.animationPaused=!1),e.animation=p,e.geometryKey=r,e.geometry=a;var u=String(n.Color||"Primary").toLowerCase();if("default primary secondary success processing warning error danger magenta red volcano orange gold lime green cyan blue geekblue purple".split(" ").indexOf(u)<0)throw Error("Unknown ComponentColor.");e.body||(e.body=ae(e,b("div","blu-sparkline")),e.host.append(e.body));for(var d=e.body,x=!!(d.querySelector("details")&&d.querySelector("details").open),k=d.contains(document.activeElement);d.firstChild;)d.removeChild(d.firstChild);if(d.style.setProperty("--blu-sparkline-color","var(--bluui-color-"+u+"-text)"),d.style.setProperty("--blu-sparkline-height",l+"px"),!a.rows.length){d.append(b("p","blu-sparkline__empty",n.EmptyText||"No trend data.")),e.renderSignature=m;return}var y="http://www.w3.org/2000/svg",c=document.createElementNS(y,"svg");t(c,"viewBox","0 0 "+i+" "+l),t(c,"preserveAspectRatio","none"),t(c,"role","img");let L=a.last>a.first?"Rising":a.last<a.first?"Falling":"Unchanged";var O=n.SummaryText||s("TrendSummary","{count} points. {direction} from {first} to {last}. Minimum {min}, maximum {max}.",{count:a.rows.length,direction:s(L,L),first:a.first,last:a.last,min:a.min,max:a.max});t(c,"aria-label",(n.AccessibleLabel||"Trend")+". "+O);var g=document.createElementNS(y,"title");if(g.textContent=(n.AccessibleLabel||"Trend")+". "+O,c.append(g),n.ShowArea!==!1&&a.rows.length>1){var S=document.createElementNS(y,"defs"),v=document.createElementNS(y,"linearGradient");t(v,"id",e.uid+"-area"),t(v,"x1","0%"),t(v,"y1","0%"),t(v,"x2","0%"),t(v,"y2","100%"),[h/100,n.AreaFade===!1?h/100:0].forEach(function(w,E){var C=document.createElementNS(y,"stop");t(C,"offset",E?"100%":"0%"),C.style.stopColor="var(--blu-sparkline-color)",t(C,"stop-opacity",w),v.append(C)}),S.append(v),c.append(S);var A=document.createElementNS(y,"path");t(A,"d",a.area),t(A,"class","blu-sparkline__area"),A.style.fill="url(#"+e.uid+"-area)",c.append(A)}var F=document.createElementNS(y,"path");t(F,"d",a.line),t(F,"class","blu-sparkline__line"),t(F,"vector-effect","non-scaling-stroke"),c.append(F);var j=p!=="Off"&&a.rows.length>1&&!e.reducedMotion.matches;if(!j&&n.ShowEndMarker!==!1||a.rows.length===1){var q=a.coordinates[a.coordinates.length-1],P=document.createElementNS(y,"circle");t(P,"cx",q[0]),t(P,"cy",q[1]),t(P,"r",3),t(P,"class","blu-sparkline__point"),c.append(P)}if(j){var _=document.createElementNS(y,"g");t(_,"class","blu-sparkline__traveler"),t(_,"aria-hidden","true"),[["halo",6],["ring",4.5],["cursor",3]].forEach(function(w){var E=document.createElementNS(y,"circle");t(E,"r",w[1]),t(E,"class","blu-sparkline__"+w[0]),_.append(E)});var N=document.createElementNS(y,"animateMotion"),D=document.createElementNS(y,"animate");t(N,"path",a.line),t(N,"calcMode","spline"),t(N,"keyPoints","0;1"),t(N,"keyTimes","0;1"),t(N,"keySplines","0.22 0.61 0.36 1"),t(D,"attributeName","opacity"),t(D,"values","0;1;1;0"),t(D,"keyTimes","0;0.03;0.96;1"),[N,D].forEach(function(w){t(w,"dur",f+"s"),t(w,"repeatCount",p==="Continuous"?"indefinite":"1"),t(w,"fill","freeze"),_.append(w)}),c.append(_)}if(d.append(c),j&&(p==="Continuous"||f>5)){var V=b("button","blu-sparkline__pause");V.type="button";var B=function(){V.textContent=e.animationPaused?s("ResumeAnimation","Resume animation"):s("PauseAnimation","Pause animation"),e.animationPaused?c.pauseAnimations():c.unpauseAnimations()};V.addEventListener("click",function(){e.animationPaused=!e.animationPaused,B()}),d.append(V),B()}if(n.ShowDataTable){let w=function(){if(!(!M.open||G)){var E=b("table"),C=b("caption","",n.AccessibleLabel||"Trend"),H=b("thead"),J=b("tr");J.append(t(b("th","",s("Point","Point")),"scope","col"),t(b("th","",s("Value","Value")),"scope","col")),H.append(J),E.append(C,H);var K=b("tbody");a.rows.forEach(function(z,te){var $=b("tr");$.append(t(b("th","",z.Label||String(te+1)),"scope","row"),b("td","",String(z.Value))),K.append($)}),E.append(K),M.append(E),G=!0}};var M=b("details","blu-sparkline__data");M.open=x,M.append(b("summary","",s("ViewData","View trend data")));var G=!1;M.addEventListener("toggle",w),d.append(M),w(),k&&M.querySelector("summary").focus()}e.renderSignature=m}function oe(e,n){return{sync:function(i,m,s,o){var l=document.getElementById(i);if(!l)return"Component host was not found.";o=o||i;var r=T.instances.get(o);if(r&&r.host!==l&&(U(o),r=null),l._bluChartsSparklineOwner&&l._bluChartsSparklineOwner!==o&&U(l._bluChartsSparklineOwner),!r){r={host:l,key:o,uid:"blu-charts-trend-"+ ++T.serial,owned:[],cleanup:[],reducedMotion:matchMedia("(prefers-reduced-motion: reduce)")},T.instances.set(o,r);var a=function(){if(!r.dead&&r.options)try{n(r)}catch{}},p=new ResizeObserver(a);p.observe(l),r.reducedMotion.addEventListener("change",a),r.cleanup.push(function(){p.disconnect(),r.reducedMotion.removeEventListener("change",a)})}var f=l.nextElementSibling;f&&f.classList.contains("blu-component-preview")&&(f.hidden=!0),l._bluChartsSparklineOwner=o,r.options=m||{},r.events=s||{},t(l,"data-blu-ready","true");try{return n(r),X(r,""),""}catch(h){return r.renderSignature=void 0,X(r,h.message||String(h)),h.message||String(h)}},destroy:U}}function ee(){return Q||(Q=Object.assign(oe("Sparkline",ie),{geometry:Y}))}function ne(e){if(W(e.Points,"Points"),e.Messages!==void 0&&(!e.Messages||typeof e.Messages!="object"||Array.isArray(e.Messages)||Object.keys(e.Messages).length>100||!Object.values(e.Messages).every(R)))throw new Error("Messages must contain plain text translations.");if(e.Points.some(n=>!n||!I(n.Value)||n.Label!==void 0&&!R(n.Label)))throw new Error("Points require supported finite values and plain text labels.");for(let n of["AnimateGlow","ShowArea","AreaFade","ShowEndMarker","ShowDataTable"])if(e[n]!==void 0&&typeof e[n]!="boolean")throw new Error(`${n} must be Boolean.`);for(let n of["AccessibleLabel","SummaryText","EmptyText","ExtendedClass"])if(e[n]!==void 0&&!R(e[n]))throw new Error(`${n} must be plain text within the text limit.`);if(e.Color!==void 0&&!Z(e.Color))throw new Error("Unknown ComponentColor.");if(e.LineStyle!==void 0&&!["Straight","Smooth"].includes(e.LineStyle))throw new Error("LineStyle must be Straight or Smooth.");if(e.Animation!==void 0&&!["Off","Once","Continuous"].includes(e.Animation))throw new Error("Animation must be Off, Once or Continuous.");if(e.Height!==void 0&&(!Number.isInteger(e.Height)||e.Height<24||e.Height>240))throw new Error("Height must be an integer from 24 to 240.");if(e.AnimationDuration!==void 0&&(!I(e.AnimationDuration)||e.AnimationDuration<1||e.AnimationDuration>60))throw new Error("AnimationDuration must be between 1 and 60.");if(e.AreaOpacity!==void 0&&(!I(e.AreaOpacity)||e.AreaOpacity<0||e.AreaOpacity>100))throw new Error("AreaOpacity must be between 0 and 100.")}function pe(e,n,i={}){let m=ee(),s=document.createElement("div");s.id="blu-charts-sparkline-"+crypto.randomUUID(),e.append(s);let o={...n},l=!1,r=p=>{if(l)throw new Error("Component is destroyed.");let f={...o,...structuredClone(p)};try{ne(f)}catch(k){try{i.Error?.(k.message)}catch{}throw k}let{Points:h,ExtendedClass:u,...d}=f,x=m.sync(s.id,{...d,PointsJson:JSON.stringify(h||[])},i,s.id);if(x)throw new Error(x);o=f,s.className=u||""},a=()=>{l||(l=!0,m.destroy(s.id),s.remove())};try{r({})}catch(p){throw a(),p}return{element:s,update:r,destroy:a}}export{ne as a,pe as b};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as c,d as n,e as $,h as w,j as O,k as T,l as S,m as k,n as f,o as K}from"./chunk-MR5VITXX.js";import{i as C,k as L}from"./chunk-RC2TCMJF.js";import{format as A}from"echarts/core";function Z(d,o,E,M=!1,u=640){let s="radar",a=d,N=$(s,d),F=(e,t)=>a.ShowPatterns?S(e,t):void 0,p=o.palette,y=(e,t)=>w(o.forcedColors?o.text:C(e,p[t%p.length],o.dark,o.read),o.surface,s==="line"||s==="radar"||s==="polar"&&a.PolarType==="Line"?4.5:3.2),G=(e,t,r)=>f(y(t,r),o.surface,a.SelectedKey===e),H=(e,t)=>N.find(r=>r.Key===e&&(!t||r.SeriesKey===t)),v={data:["line","radar","bar","polar"].includes(s)?a.Series.map(e=>e.Label):s==="scatter"?[...new Set(a.Points.map(e=>e.Group||"Observations"))]:["pie","doughnut","nightingale","funnel"].includes(s)?[...new Set(a.Items.map(e=>e.Label))]:[],show:a.ShowLegend,type:"scroll",top:6,left:10,right:10,itemWidth:24,itemHeight:12,selectedMode:!1,pageTextStyle:{color:o.muted},pageIconColor:o.text,textStyle:{color:o.muted,fontSize:11}},V={show:a.ShowLabels,color:L(o.surface),fontSize:11,backgroundColor:o.surface,padding:[2,3],borderRadius:2},g={show:a.ShowTooltip,confine:!0,enterable:!0,backgroundColor:o.surface,borderColor:o.border,textStyle:{color:o.text,fontSize:12},formatter:e=>{let t=e.data?.point;if(!t)return`${n(e.name||"")}${e.value==null||Number.isNaN(e.value)?" \xB7 No data":""}`;let r=t.Date?`<br/>${n(t.Date)}<br/><strong>${n(c(t.Value,a))}</strong>`:t.X!==void 0?`<br/>${n(a.XLabel||"X")}: ${t.X}<br/>${n(a.YLabel||"Y")}: ${t.Y}${t.Size===void 0?"":`<br/>Size: ${t.Size}`}`:`<br/><strong>${n(c(t.Value,a))}</strong>`;return`${n(t.SeriesName?`${t.SeriesName} \xB7 ${t.Label}`:t.Label)}${r}${e.data?.conversion?`<br/>${n(e.data.conversion)}`:""}`}},z={backgroundColor:o.surface,color:p.map((e,t)=>y(e,t)),animation:!!a.EnableAnimation&&!M,animationDuration:300,animationDurationUpdate:150,textStyle:{fontFamily:"Inter,system-ui,sans-serif",color:o.text},aria:{enabled:!0,description:`${a.Title}. ${a.Description||""} Exact values and keyboard selection are in the data table.`},tooltip:g},R={axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:o.muted,fontSize:10,hideOverlap:!0},splitLine:{lineStyle:{color:o.border,type:"dashed"}}},i=d,b=a.ShowLegend?48:22,h=a.Height||320,P=b+(h-b-38)/2,D=Math.max(12,Math.min(u*.24,(h-b-64)/2)),x=i.Categories.map((e,t)=>{let r=Math.max(1,...i.Series.map(m=>m.Values[t]??0)),l=10**Math.floor(Math.log10(r));return e.Max??Math.ceil(r/l)*l});return{...z,legend:v,tooltip:{...g,formatter:e=>{let t=i.Series.find(r=>r.Key===e.data?.point?.SeriesKey);return t?`<strong>${n(t.Label)}</strong><br/>${i.Categories.map((r,l)=>`${n(r.Label)}: ${n(c(t.Values[l],a))}`).join("<br/>")}`:""}},radar:{center:["50%",P],radius:D,shape:i.GridShape==="Circle"?"circle":"polygon",splitNumber:i.SplitNumber??4,indicator:i.Categories.map((e,t)=>({name:A.truncateText(`${e.Label}${i.ShowAxisBounds!==!1?`
|
|
2
|
+
0\u2013${c(x[t],a,!0)}`:""}`,Math.max(28,Math.min(100,u*.22)),"11px Inter,system-ui","\u2026"),min:0,max:x[t]})),axisName:{color:o.text,fontSize:11,lineHeight:15,width:Math.max(28,Math.min(100,u*.22)),overflow:"truncate"},axisNameGap:7,axisLine:{lineStyle:{color:o.border,width:1}},splitLine:{lineStyle:{color:o.border,width:1}},splitArea:{show:!1}},series:i.Series.map((e,t)=>{let r=y(e.Color,t),l=a.SelectedKey===e.Key;return{id:e.Key,name:e.Label,type:"radar",symbol:O(t),symbolSize:l?9:7,lineStyle:{color:r,width:l?3:2.5,type:T(t)},itemStyle:{...f(r,o.surface,l),decal:i.ShowArea&&a.ShowPatterns?S(t,r):void 0},areaStyle:i.ShowArea?{color:r,opacity:.08}:void 0,label:{...V,position:"top",formatter:m=>c(m.value,a,!0)},labelLayout:K(u,h,a.ShowLegend?38:8),emphasis:{focus:"none",itemStyle:k(r),lineStyle:{width:3}},blur:{lineStyle:{opacity:1},itemStyle:{opacity:1}},data:e.Values.some(m=>m===null)||!e.Values.length?[]:[{name:e.Label,value:e.Values,point:{Key:e.Key,Label:e.Label,Value:null,SeriesKey:e.Key,SeriesName:e.Label,PointType:"Series"}}]}})}}export{Z as a};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as S,d as i,e as w,h as O,l as T,m as v,n as K}from"./chunk-MR5VITXX.js";import{i as $,k as y}from"./chunk-RC2TCMJF.js";function ne(c,o,F,N=!1,A=640){let n=c,L=w("pie",c),I=(t,e)=>n.ShowPatterns?T(t,e):void 0,p=o.palette,m=(t,e)=>O(o.forcedColors?o.text:$(t,p[e%p.length],o.dark,o.read),o.surface,3.2),R=(t,e,s)=>K(m(e,s),o.surface,n.SelectedKey===t),V=(t,e)=>L.find(s=>s.Key===t&&(!e||s.SeriesKey===e)),z={data:["line","radar","bar","polar"].includes("pie")?n.Series.map(t=>t.Label):["pie","doughnut","nightingale","funnel"].includes("pie")?[...new Set(n.Items.map(t=>t.Label))]:[],show:n.ShowLegend,type:"scroll",top:6,left:10,right:10,itemWidth:24,itemHeight:12,selectedMode:!1,pageTextStyle:{color:o.muted},pageIconColor:o.text,textStyle:{color:o.muted,fontSize:11}},D={show:n.ShowLabels,color:y(o.surface),fontSize:11,backgroundColor:o.surface,padding:[2,3],borderRadius:2},M={show:n.ShowTooltip,confine:!0,enterable:!0,backgroundColor:o.surface,borderColor:o.border,textStyle:{color:o.text,fontSize:12},formatter:t=>{let e=t.data?.point;if(!e)return`${i(t.name||"")}${t.value==null||Number.isNaN(t.value)?" \xB7 No data":""}`;let s=e.Date?`<br/>${i(e.Date)}<br/><strong>${i(S(e.Value,n))}</strong>`:e.X!==void 0?`<br/>${i(n.XLabel||"X")}: ${e.X}<br/>${i(n.YLabel||"Y")}: ${e.Y}${e.Size===void 0?"":`<br/>Size: ${e.Size}`}`:`<br/><strong>${i(S(e.Value,n))}</strong>`;return`${i(e.SeriesName?`${e.SeriesName} \xB7 ${e.Label}`:e.Label)}${s}${t.data?.conversion?`<br/>${i(t.data.conversion)}`:""}`}},P={backgroundColor:o.surface,color:p.map((t,e)=>m(t,e)),animation:!!n.EnableAnimation&&!N,animationDuration:300,animationDurationUpdate:150,textStyle:{fontFamily:"Inter,system-ui,sans-serif",color:o.text},aria:{enabled:!0,description:`${n.Title}. ${n.Description||""} Exact values and keyboard selection are in the data table.`},tooltip:M},Y={axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:o.muted,fontSize:10,hideOverlap:!0},splitLine:{lineStyle:{color:o.border,type:"dashed"}}},r=c,l=r.Nested?r.Rings:[{Key:"",Label:""}],h=r.Shape==="Half",C=!!r.Nested&&l.length>1,k=0,b=r.LabelPosition!=="Inside",g=b?66:76,H=[...new Set(r.Items.map(t=>t.Label))],x=l.map((t,e)=>{let s=C?e===0?[0,32]:[44+(g-44)*(e-1)/(l.length-1),44+(g-44)*e/(l.length-1)-(e===l.length-1?0:2)]:[k,Math.max(g,k+5)],d=!b||C&&e<l.length-1;return{type:"pie",id:t.Key||"pie",name:t.Label,top:n.ShowLegend?28:0,bottom:2,center:["50%",h?"72%":"55%"],radius:s.map(a=>`${a}%`),startAngle:h?180:90,endAngle:h?360:"auto",roseType:!1,avoidLabelOverlap:!0,stillShowZeroSum:!1,label:{...D,position:d?"inside":"outside",backgroundColor:d?void 0:o.surface,alignTo:"none",bleedMargin:6,distanceToLabelLine:4,formatter:`{b}
|
|
2
|
+
{d}%`,lineHeight:15},labelLine:{show:!!n.ShowLabels&&!d,length:12,length2:8,smooth:.15},labelLayout:{hideOverlap:!0},emphasis:{scale:!0},data:r.Items.filter(a=>!r.Nested||a.RingKey===t.Key).map(a=>{let f=H.indexOf(a.Label),u=m(a.Color,f);return{id:a.Key,name:a.Label,value:a.Value,point:V(a.Key),label:{color:y(d?u:o.surface),backgroundColor:d?u:o.surface},labelLine:{lineStyle:{color:u,width:1.25}},itemStyle:{...R(a.Key,a.Color,f),decal:I(f,u),borderRadius:3},emphasis:{itemStyle:v(u)}}})}}),G=L.find(t=>t.Key===n.SelectedKey)?.Value??r.Items.reduce((t,e)=>t+(e.Value||0),0);return{...P,legend:z,series:x,media:b?[{query:{maxWidth:420},option:{series:x.map(t=>({id:t.id,radius:t.radius.map(e=>`${parseFloat(e)*.84}%`)}))}}]:[],graphic:[]}}export{ne as a};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{a as b,d as i,e as k,h as v,l as K,m as N,n as I}from"./chunk-MR5VITXX.js";import{i as T,k as x}from"./chunk-RC2TCMJF.js";function ae(g,o,Y,R=!1,z=640){let n="doughnut",a=g,$=k(n,g),D=(e,t)=>a.ShowPatterns?K(e,t):void 0,h=o.palette,f=(e,t)=>v(o.forcedColors?o.text:T(e,h[t%h.length],o.dark,o.read),o.surface,n==="line"||n==="radar"||n==="polar"&&a.PolarType==="Line"?4.5:3.2),M=(e,t,l)=>I(f(t,l),o.surface,a.SelectedKey===e),P=(e,t)=>$.find(l=>l.Key===e&&(!t||l.SeriesKey===t)),V={data:["line","radar","bar","polar"].includes(n)?a.Series.map(e=>e.Label):n==="scatter"?[...new Set(a.Points.map(e=>e.Group||"Observations"))]:["pie","doughnut","nightingale","funnel"].includes(n)?[...new Set(a.Items.map(e=>e.Label))]:[],show:a.ShowLegend,type:"scroll",top:6,left:10,right:10,itemWidth:24,itemHeight:12,selectedMode:!1,pageTextStyle:{color:o.muted},pageIconColor:o.text,textStyle:{color:o.muted,fontSize:11}},H={show:a.ShowLabels,color:x(o.surface),fontSize:11,backgroundColor:o.surface,padding:[2,3],borderRadius:2},F={show:a.ShowTooltip,confine:!0,enterable:!0,backgroundColor:o.surface,borderColor:o.border,textStyle:{color:o.text,fontSize:12},formatter:e=>{let t=e.data?.point;if(!t)return`${i(e.name||"")}${e.value==null||Number.isNaN(e.value)?" \xB7 No data":""}`;let l=t.Date?`<br/>${i(t.Date)}<br/><strong>${i(b(t.Value,a))}</strong>`:t.X!==void 0?`<br/>${i(a.XLabel||"X")}: ${t.X}<br/>${i(a.YLabel||"Y")}: ${t.Y}${t.Size===void 0?"":`<br/>Size: ${t.Size}`}`:`<br/><strong>${i(b(t.Value,a))}</strong>`;return`${i(t.SeriesName?`${t.SeriesName} \xB7 ${t.Label}`:t.Label)}${l}${e.data?.conversion?`<br/>${i(e.data.conversion)}`:""}`}},A={backgroundColor:o.surface,color:h.map((e,t)=>f(e,t)),animation:!!a.EnableAnimation&&!R,animationDuration:300,animationDurationUpdate:150,textStyle:{fontFamily:"Inter,system-ui,sans-serif",color:o.text},aria:{enabled:!0,description:`${a.Title}. ${a.Description||""} Exact values and keyboard selection are in the data table.`},tooltip:F},G={axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:o.muted,fontSize:10,hideOverlap:!0},splitLine:{lineStyle:{color:o.border,type:"dashed"}}},r=g,d=r.Nested?r.Rings:[{Key:"",Label:""}],p=r.Shape==="Half",y=!!r.Nested&&d.length>1,m=n==="pie"?0:r.InnerRadius??(n==="doughnut"?48:18),S=r.LabelPosition!=="Inside",L=S?66:76,E=[...new Set(r.Items.map(e=>e.Label))],O=d.map((e,t)=>{let l=y?t===0?[0,32]:[44+(L-44)*(t-1)/(d.length-1),44+(L-44)*t/(d.length-1)-(t===d.length-1?0:2)]:[m,Math.max(L,m+5)],u=!S||y&&t<d.length-1;return{type:"pie",id:e.Key||n,name:e.Label,top:a.ShowLegend?28:0,bottom:2,center:["50%",p?"72%":"55%"],radius:l.map(s=>`${s}%`),startAngle:p?180:90,endAngle:p?360:"auto",roseType:n==="nightingale"?r.RoseMode==="Radius"?"radius":"area":!1,avoidLabelOverlap:!0,stillShowZeroSum:!1,label:{...H,position:u?"inside":"outside",backgroundColor:u?void 0:o.surface,alignTo:"none",bleedMargin:6,distanceToLabelLine:4,formatter:`{b}
|
|
2
|
+
{d}%`,lineHeight:15},labelLine:{show:!!a.ShowLabels&&!u,length:12,length2:8,smooth:.15},labelLayout:{hideOverlap:!0},emphasis:{scale:!0},data:r.Items.filter(s=>!r.Nested||s.RingKey===e.Key).map(s=>{let C=E.indexOf(s.Label),c=f(s.Color,C);return{id:s.Key,name:s.Label,value:s.Value,point:P(s.Key),label:{color:x(u?c:o.surface),backgroundColor:u?c:o.surface},labelLine:{lineStyle:{color:c,width:1.25}},itemStyle:{...M(s.Key,s.Color,C),decal:D(C,c),borderRadius:3},emphasis:{itemStyle:N(c)}}})}}),w=$.find(e=>e.Key===a.SelectedKey),X=w?.Value??r.Items.reduce((e,t)=>e+(t.Value||0),0);return{...A,legend:V,series:O,media:S?[{query:{maxWidth:420},option:{series:O.map(e=>({id:e.id,radius:e.radius.map(t=>`${parseFloat(t)*.84}%`)}))}}]:[],graphic:n==="doughnut"&&!y&&m>=35?[{type:"text",left:"center",top:p?"63%":"48%",silent:!0,style:{text:`${b(X,a,!0)}
|
|
3
|
+
${w?.Label||r.CenterLabel||"Total"}`,textAlign:"center",fill:o.text,font:"600 16px Inter,system-ui",lineHeight:24,width:Math.max(24,Math.min(z,a.Height||320)*m/100-12),overflow:"truncate"}}]:[]}}export{ae as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as r}from"./chunk-UGXWOWAG.js";import{g as o}from"./chunk-MR5VITXX.js";import{a as t}from"./chunk-3PITHTEO.js";import{use as C}from"echarts/core";import{RadarChart as f}from"echarts/charts";import{RadarComponent as u}from"echarts/components";function g(a,n,i,e={},m={}){return t(a,i,m,(p,s)=>(C([f,u]),o(s,"radar",n,e,r,p)))}export{g as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as c,d as s,e as $,h as w,j as T,k as N,l as v,m as z,n as h}from"./chunk-MR5VITXX.js";import{i as O,k as p}from"./chunk-RC2TCMJF.js";function Q(m,a,X,P=!1,K=640){let n="line",o=m,A=$(n,m),C=(e,t)=>o.ShowPatterns?v(e,t):void 0,y=a.palette,l=(e,t)=>w(a.forcedColors?a.text:O(e,y[t%y.length],a.dark,a.read),a.surface,n==="line"||n==="radar"||n==="polar"&&o.PolarType==="Line"?4.5:3.2),D=(e,t,i)=>h(l(t,i),a.surface,o.SelectedKey===e),V=(e,t)=>A.find(i=>i.Key===e&&(!t||i.SeriesKey===t)),L={data:["line","radar","bar","polar"].includes(n)?o.Series.map(e=>e.Label):n==="scatter"?[...new Set(o.Points.map(e=>e.Group||"Observations"))]:["pie","doughnut","nightingale","funnel"].includes(n)?[...new Set(o.Items.map(e=>e.Label))]:[],show:o.ShowLegend,type:"scroll",top:6,left:10,right:10,itemWidth:24,itemHeight:12,selectedMode:!1,pageTextStyle:{color:a.muted},pageIconColor:a.text,textStyle:{color:a.muted,fontSize:11}},M={show:o.ShowLabels,color:p(a.surface),fontSize:11,backgroundColor:a.surface,padding:[2,3],borderRadius:2},H={show:o.ShowTooltip,confine:!0,enterable:!0,backgroundColor:a.surface,borderColor:a.border,textStyle:{color:a.text,fontSize:12},formatter:e=>{let t=e.data?.point;if(!t)return`${s(e.name||"")}${e.value==null||Number.isNaN(e.value)?" \xB7 No data":""}`;let i=t.Date?`<br/>${s(t.Date)}<br/><strong>${s(c(t.Value,o))}</strong>`:t.X!==void 0?`<br/>${s(o.XLabel||"X")}: ${t.X}<br/>${s(o.YLabel||"Y")}: ${t.Y}${t.Size===void 0?"":`<br/>Size: ${t.Size}`}`:`<br/><strong>${s(c(t.Value,o))}</strong>`;return`${s(t.SeriesName?`${t.SeriesName} \xB7 ${t.Label}`:t.Label)}${i}${e.data?.conversion?`<br/>${s(e.data.conversion)}`:""}`}},x={backgroundColor:a.surface,color:y.map((e,t)=>l(e,t)),animation:!!o.EnableAnimation&&!P,animationDuration:300,animationDurationUpdate:150,textStyle:{fontFamily:"Inter,system-ui,sans-serif",color:a.text},aria:{enabled:!0,description:`${o.Title}. ${o.Description||""} Exact values and keyboard selection are in the data table.`},tooltip:H},d={axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:a.muted,fontSize:10,hideOverlap:!0},splitLine:{lineStyle:{color:a.border,type:"dashed"}}},r=m,u=r.Stacking==="Percent",b={...d,type:"category",data:r.Categories.map(e=>e.Label),axisLabel:{...d.axisLabel,width:Math.min(n==="polar"?100:140,K*.2),overflow:"truncate"},splitLine:{show:!1}},f={...d,type:"value",max:u?1:void 0,axisLabel:{...d.axisLabel,formatter:e=>u?`${Math.round(e*100)}%`:c(e,o,!0)}},g=(n==="bar"||n==="polar"&&r.PolarType!=="Line")&&(n==="polar"||!!r.Stacking&&r.Stacking!=="None"),k=r.Series.map((e,t)=>({id:e.Key,name:e.Label,type:n==="line"||n==="polar"&&r.PolarType==="Line"?"line":"bar",coordinateSystem:n==="polar"?"polar":"cartesian2d",stack:r.Stacking&&r.Stacking!=="None"?"total":void 0,smooth:r.LineStyle==="Smooth",step:r.LineStyle==="Step"?"middle":!1,connectNulls:!1,areaStyle:r.ShowArea?{opacity:.1}:void 0,barMaxWidth:38,symbol:T(t),symbolSize:8,itemStyle:{...h(l(e.Color,t),a.surface),decal:C(t,l(e.Color,t))},lineStyle:{width:2.5,color:l(e.Color,t),type:N(t)},label:{...M,color:g?p(l(e.Color,t)):p(a.surface),backgroundColor:g?l(e.Color,t):a.surface,position:g?"inside":n==="bar"&&r.Orientation==="Horizontal"?"right":"top",formatter:i=>u?`${Math.round(Number(i.value)*100)}%`:c(i.data.point.Value,o,!0)},labelLayout:{hideOverlap:!0},emphasis:{focus:"none",scale:!1},blur:{itemStyle:{opacity:1},lineStyle:{opacity:1},label:{opacity:1}},data:e.Values.map((i,S)=>({value:i===null?null:u?i/(r.Series.reduce((E,F)=>E+(F.Values[S]||0),0)||1):i,point:V(r.Categories[S].Key,e.Key),itemStyle:{...D(r.Categories[S].Key,e.Color,t),decal:C(t,l(e.Color,t))},emphasis:{itemStyle:z(l(e.Color,t))}}))}));return n==="polar"?{...x,legend:L,polar:{radius:["12%","72%"],center:["50%","55%"]},angleAxis:{...b,startAngle:90},radiusAxis:f,series:k}:{...x,legend:L,grid:{left:14,right:22,top:o.ShowLegend?48:20,bottom:16,containLabel:!0},xAxis:r.Orientation==="Horizontal"?f:b,yAxis:r.Orientation==="Horizontal"?{...b,inverse:!0}:f,series:k}}export{Q as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as r}from"./chunk-UGXWOWAG.js";import{f as t}from"./chunk-MR5VITXX.js";import{use as p}from"echarts/core";import{RadarChart as m}from"echarts/charts";import{RadarComponent as i}from"echarts/components";function h(a,o,e={}){return p([m,i]),t(a,"radar",o,e,r)}export{h as a};
|
package/dist/doughnut.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-LUUPBBD4.js";import"./chunk-UQMMBG26.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{a as createDoughnutChart};
|
package/dist/heatmap.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-KRMM7EWI.js";import"./chunk-ILTENI35.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{a as createHeatmap};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n}from"./chunk-
|
|
1
|
+
import{a as n}from"./chunk-XLJUSNGV.js";import{a as m}from"./chunk-KRMM7EWI.js";import{a as r}from"./chunk-7OCMRHIH.js";import{a as t}from"./chunk-IDMAFTWV.js";import{a}from"./chunk-OQ6MP7PY.js";import{a as o}from"./chunk-LUUPBBD4.js";import{a as p}from"./chunk-FXNKAHRG.js";import"./chunk-ILTENI35.js";import{b as e}from"./chunk-RXOGAN23.js";import"./chunk-WJ3UHH6J.js";import"./chunk-EITBQBN2.js";import"./chunk-UO2KNHTU.js";import"./chunk-UQMMBG26.js";import"./chunk-NXDBBMF5.js";import"./chunk-UGXWOWAG.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{t as createBarChart,o as createDoughnutChart,m as createHeatmap,r as createLineChart,a as createPieChart,n as createRadarChart,p as createScatterChart,e as createSparkline};
|
package/dist/line.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-7OCMRHIH.js";import"./chunk-WJ3UHH6J.js";import"./chunk-MR5VITXX.js";import"./chunk-RC2TCMJF.js";export{a as createLineChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { CartesianOptions, ChartPoint } from '../catalogue-types.ts';
|
|
5
|
+
import type { ChartEvents } from '../types.ts';
|
|
6
|
+
export declare function createMotionBarChart(host: HTMLElement, options: CartesianOptions, motion: MotionState, events?: ChartEvents<ChartPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<CartesianOptions> & {
|
|
7
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-4B5MQ6GZ.js";import"../chunk-EITBQBN2.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionBarChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { ChartPoint, CircularOptions } from '../catalogue-types.ts';
|
|
5
|
+
import type { ChartEvents } from '../types.ts';
|
|
6
|
+
export declare function createMotionDoughnutChart(host: HTMLElement, options: CircularOptions, motion: MotionState, events?: ChartEvents<ChartPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<CircularOptions> & {
|
|
7
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-NASBRHIW.js";import"../chunk-UQMMBG26.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionDoughnutChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { ChartEvents, HeatmapOptions, HeatmapPoint } from '../types.ts';
|
|
5
|
+
export declare function createMotionHeatmap(host: HTMLElement, options: HeatmapOptions, motion: MotionState, events?: ChartEvents<HeatmapPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<HeatmapOptions> & {
|
|
6
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-2GUWWKHW.js";import"../chunk-ILTENI35.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionHeatmap};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { CartesianOptions, ChartPoint } from '../catalogue-types.ts';
|
|
5
|
+
import type { ChartEvents } from '../types.ts';
|
|
6
|
+
export declare function createMotionLineChart(host: HTMLElement, options: CartesianOptions, motion: MotionState, events?: ChartEvents<ChartPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<CartesianOptions> & {
|
|
7
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-4WDZUJDS.js";import"../chunk-WJ3UHH6J.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionLineChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { ChartPoint, CircularOptions } from '../catalogue-types.ts';
|
|
5
|
+
import type { ChartEvents } from '../types.ts';
|
|
6
|
+
export declare function createMotionPieChart(host: HTMLElement, options: CircularOptions, motion: MotionState, events?: ChartEvents<ChartPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<CircularOptions> & {
|
|
7
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-4EQMOBBN.js";import"../chunk-UO2KNHTU.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionPieChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { ChartPoint, RadarOptions } from '../catalogue-types.ts';
|
|
5
|
+
import type { ChartEvents } from '../types.ts';
|
|
6
|
+
export declare function createMotionRadarChart(host: HTMLElement, options: RadarOptions, motion: MotionState, events?: ChartEvents<ChartPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<RadarOptions> & {
|
|
7
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-VTJ4XPRV.js";import"../chunk-UGXWOWAG.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionRadarChart};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.blu-chart__body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}.blu-chart__body[data-legend-position=Top] .blu-chart__legend{grid-row:1}.blu-chart__body[data-legend-position=Bottom] .blu-chart__legend{grid-row:2}.blu-chart__body[data-legend-position=Left]{grid-template-columns:190px minmax(0,1fr);align-items:center}.blu-chart__body[data-legend-position=Right]{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.blu-chart__body[data-legend-position=Left] .blu-chart__legend{grid-column:1;grid-row:1}.blu-chart__body[data-legend-position=Left] .blu-chart__stage,.blu-chart__body[data-legend-position=Right] .blu-chart__legend{grid-column:2;grid-row:1}.blu-chart__body[data-legend-position=Right] .blu-chart__stage{grid-column:1;grid-row:1}.blu-chart__body.blu-chart__body--no-legend{grid-template-columns:minmax(0,1fr);gap:0}.blu-chart__body--no-legend .blu-chart__stage{grid-column:1!important;grid-row:1!important}.blu-chart__legend{--legend-selected:color-mix(in srgb,var(--bluui-primary) 9%,var(--bluui-surface));min-width:0;padding:8px 20px 16px;font:12px/1.45 var(--bluui-font,Inter,system-ui,sans-serif);color:var(--bluui-text)}.blu-chart__legend-items{display:flex;flex-wrap:wrap;gap:8px}.blu-chart__legend-entry{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:7px 8px;border-radius:8px;cursor:pointer;min-height:36px}.blu-chart__legend-entry:hover{background:var(--bluui-surface-muted)}.blu-chart__legend-entry[aria-pressed=true]{text-decoration:none;background:var(--legend-selected)}.blu-chart__legend-heading{display:flex;align-items:center;gap:7px;min-width:0}.blu-chart__legend-marker{display:flex;flex-shrink:0}.blu-chart__legend-text{overflow-wrap:anywhere}.blu-chart__legend-label{font-weight:500}.blu-chart__legend-detail,.blu-chart__legend-percent,.blu-chart__legend-note{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-numbers{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.blu-chart__legend-value{font-weight:600;letter-spacing:-.25px}.blu-chart__legend-check{visibility:hidden;margin-left:auto;color:var(--bluui-primary);font-weight:700;font-size:12px}[aria-pressed=true] .blu-chart__legend-check{visibility:visible}.blu-chart__legend[data-style=Standard] .blu-chart__legend-detail,.blu-chart__legend[data-style=Standard] .blu-chart__legend-check{display:none}.blu-chart__legend[data-style=Standard] .blu-chart__legend-value{font-size:11px;color:var(--bluui-text-muted)}.blu-chart__legend-track{display:none;height:3px;background:var(--bluui-border);border-radius:2px;overflow:hidden}.blu-chart__legend-track>span{display:block;height:100%}.blu-chart__legend-chip-host{min-width:0;max-width:100%}.blu-chart__legend .blu-chip.blu-chart__legend-chip{--chip-bg:transparent;--chip-fg:var(--bluui-text);--chip-border:var(--bluui-border);max-width:100%;box-shadow:none}.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{--chip-bg:var(--legend-selected);--chip-border:var(--bluui-primary);box-shadow:none}.blu-chart__legend .blu-chart__legend-chip .blu-chip__select{min-height:38px;padding:9px 12px;gap:10px;font:inherit;font-size:11px;text-align:left;justify-content:flex-start}.blu-chart__legend-chip .blu-chart__legend-label{font-weight:500}.blu-chart__legend-chip .blu-chart__legend-detail,.blu-chart__legend-chip .blu-chart__legend-check{display:none}.blu-chart__legend-chip [aria-pressed=true]{text-decoration:none}.blu-chart__legend-chip [aria-pressed=true] .blu-chart__legend-label{text-decoration:underline;text-underline-offset:3px}.blu-chart__legend-chip .blu-chart__legend-numbers{gap:7px;flex-wrap:wrap}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-items,.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-items{display:grid;grid-template-columns:repeat(var(--legend-columns,1),minmax(0,1fr));gap:10px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 11px;border:0}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-numbers{margin-left:23px;justify-content:space-between}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-value{font-size:19px;letter-spacing:-.4px;line-height:1.3}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-detail{margin-left:23px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-track{display:block;margin:3px 0 0 23px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;min-height:36px;align-self:start;border-color:var(--bluui-border);border-radius:12px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-entry[aria-pressed=true]{border-color:var(--bluui-primary)}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-heading{font-size:11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-numbers{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-value{font-size:24px;letter-spacing:-.6px;line-height:1.2}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-detail{margin-top:6px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend{padding:8px 12px 16px}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-items{display:flex;flex-direction:column}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend-entry{width:100%}.blu-chart__body:is([data-legend-position=Left],[data-legend-position=Right]) .blu-chart__legend[data-style=Standard] .blu-chart__legend-entry{flex-wrap:wrap;gap:4px 10px}.blu-chart__legend-scale{max-width:360px;min-width:0;margin:0 0 8px}.blu-chart__legend-scale-title{display:block;font-size:11px;font-weight:500;margin-bottom:10px;color:var(--bluui-text-muted)}.blu-chart__legend-gradient{height:8px;border-radius:4px}.blu-chart__legend-range{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.blu-chart__legend[data-style=Compact] .blu-chart__legend-scale{padding:12px 16px;border:1px solid var(--bluui-border);border-radius:18px}.blu-chart__legend[data-style=ValueList] .blu-chart__legend-scale{padding:10px 11px}.blu-chart__legend[data-style=SummaryCards] .blu-chart__legend-scale{padding:16px;border:1px solid var(--bluui-border);border-radius:12px}.blu-chart__legend-note{display:block;margin-top:10px}@media(forced-colors:active){.blu-chart__legend-entry{border:1px solid ButtonText!important}.blu-chart__legend-entry[aria-pressed=true],.blu-chart__legend .blu-chart__legend-chip.blu-chip--selected{outline:1px solid Highlight}.blu-chart__legend-marker svg{forced-color-adjust:none}.blu-chart__legend-gradient{background:Canvas!important;border:1px solid CanvasText}}.blu-chart{width:100%;min-width:0;color:var(--bluui-text,#182230);background:var(--bluui-surface,#fff);font:13px/1.5 var(--blu-font-family,Inter,system-ui,sans-serif)}.blu-chart [hidden]{display:none!important}.blu-chart__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 12px}.blu-chart__heading>div:first-child{min-width:0}.blu-chart__heading h3{margin:0;color:inherit;font-size:16px;font-weight:650;letter-spacing:-.3px;overflow-wrap:anywhere}.blu-chart__heading p{margin:5px 0 0;font-size:11px;color:var(--bluui-text-muted,#667085);line-height:1.6;overflow-wrap:anywhere}.blu-chart__export{display:flex;gap:5px;flex-shrink:0;margin-left:auto}.blu-chart__export :is(select,button){font:inherit;font-size:11px;border:1px solid var(--bluui-border,#ddd);color:inherit;border-radius:6px;background:var(--bluui-surface,#fff);min-height:34px;padding:6px 8px;cursor:pointer}.blu-chart__export button:disabled{opacity:.5;cursor:default}.blu-chart__stage{position:relative;min-width:0}.blu-chart__plot{width:100%;min-width:0}.blu-chart__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--bluui-surface-muted,#f8f8fa);color:var(--bluui-text-muted,#667085);padding:20px;text-align:center}.blu-chart__state--loading{grid-template-rows:minmax(0,1fr) auto;gap:14px;place-items:stretch;background:var(--bluui-surface,#fff);padding:16px}.blu-chart__skeleton{display:flex;flex-direction:column;gap:24px;min-width:0;min-height:0}.blu-chart__skeleton-key{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.blu-chart__skeleton-plot{flex:1;min-height:0}.blu-chart__skeleton-plot>div{height:100%}.blu-chart__state-message{font-size:12px}.blu-chart__data{margin:12px 16px 0;border-top:1px solid var(--bluui-border,#ddd);font-size:11px}.blu-chart__data summary{cursor:pointer;padding:12px 0;color:var(--bluui-text-muted,#667085)}.blu-chart__data--compact{margin-top:0;border-top:0}.blu-chart__data--compact summary{padding:6px 0}.blu-chart__table{overflow:auto;max-height:320px}.blu-chart__table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.blu-chart__table caption{text-align:left;color:var(--bluui-text-muted,#667085);padding:8px}.blu-chart__table th,.blu-chart__table td{padding:8px;border-bottom:1px solid var(--bluui-border,#ddd);text-align:right}.blu-chart__table th:first-child{text-align:left}.blu-chart__table button{font:inherit;color:var(--bluui-primary,#6557e8);background:transparent;border:0;border-radius:3px;padding:5px;cursor:pointer}.blu-chart__table button[aria-pressed=true]{background:var(--bluui-selected,#eeeaff);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}.blu-chart :is(button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--bluui-primary,#6557e8);outline-offset:2px}.blu-chart__status{font-size:11px;color:var(--bluui-text-muted,#667085);margin:0 16px}.blu-chart__status:not(:empty){padding:8px 0}@media(max-width:640px){.blu-chart__heading{flex-wrap:wrap;padding-inline:12px}.blu-chart__export{margin-left:0}.blu-chart__data{margin-inline:12px}}.blu-chart__navigation{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.blu-chart__navigation button{min-width:32px;min-height:32px;padding:5px 9px;font:inherit;font-size:12px;color:var(--bluui-text);background:var(--bluui-surface);border:1px solid var(--bluui-control-border);border-radius:5px;cursor:pointer}.blu-chart__stage[tabindex]:focus-visible{outline-offset:-3px}.blu-chart__state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blu-chart__patterns{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 0 12px;cursor:pointer}.blu-chart__patterns input{width:24px;height:24px;margin:0;accent-color:var(--bluui-color-primary-solid)}.blu-chart__missing-note{margin:8px 12px;color:var(--bluui-text-muted);font-size:12px;line-height:1.5}.blu-chart .blu-chart__patterns input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;position:relative;display:inline-block;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:6px;background-color:var(--bluui-surface,#fff);background-image:none;box-shadow:0 1px 2px #0f172a0f;vertical-align:middle;cursor:pointer;opacity:1;filter:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.blu-chart .blu-chart__patterns input[type=checkbox]:after{content:none}.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate{border-color:var(--bluui-color-primary-solid,#4f46e5);background-color:var(--bluui-color-primary-solid,#4f46e5)}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:"";box-sizing:content-box;position:absolute;width:10px;height:6px;inset:5px auto auto 4px;border:solid var(--bluui-color-primary-contrast,#fff);border-width:0 0 2px 2px;border-radius:0;background:none;-webkit-mask:none;mask:none;transform:rotate(-45deg);pointer-events:none}.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{height:0;top:8px;border-width:0 0 2px;transform:none}.blu-chart .blu-chart__patterns input[type=checkbox]:hover:not(:disabled){border-color:var(--bluui-color-primary-solid,#4f46e5);box-shadow:0 0 0 3px var(--bluui-color-primary-soft,#eef2ff)}.blu-chart .blu-chart__patterns input[type=checkbox]:focus-visible{outline:2px solid var(--bluui-color-primary-solid,#4f46e5);outline-offset:3px}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled{border-color:var(--bluui-border-strong,#b8c4d4);background-color:var(--bluui-surface-muted,#f7f8fb);box-shadow:none;cursor:not-allowed}.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{border-color:var(--bluui-text-muted,#5c6b80);background-color:var(--bluui-text-muted,#5c6b80)}@media(prefers-reduced-motion:reduce){.blu-chart .blu-chart__patterns input[type=checkbox]{transition:none}}.blu-chart .blu-chart__patterns input[type=checkbox]:before{content:none}@media(forced-colors:active){.blu-chart .blu-chart__patterns input[type=checkbox],.blu-chart .blu-chart__patterns input[type=checkbox]:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:checked,.blu-chart .blu-chart__patterns input[type=checkbox]:disabled:indeterminate{-webkit-appearance:checkbox;appearance:auto;background:revert;border:revert;box-shadow:none;forced-color-adjust:auto}.blu-chart .blu-chart__patterns input[type=checkbox]:checked:after,.blu-chart .blu-chart__patterns input[type=checkbox]:indeterminate:after{content:none}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { ChartPoint, ScatterOptions } from '../catalogue-types.ts';
|
|
5
|
+
import type { ChartEvents } from '../types.ts';
|
|
6
|
+
export declare function createMotionScatterChart(host: HTMLElement, options: ScatterOptions, motion: MotionState, events?: ChartEvents<ChartPoint>, settings?: ComponentMotionSettings): import("../types.ts").ChartInstance<ScatterOptions> & {
|
|
7
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-CF5Q2DDP.js";import"../chunk-NXDBBMF5.js";import"../chunk-MR5VITXX.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionScatterChart};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/** Optional motion factory; preserves the original chart contract. */
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
import { type MotionState } from '../motion-policy.ts';
|
|
4
|
+
import type { SparklineOptions, SparklineEvents } from '../sparkline.ts';
|
|
5
|
+
export declare function createMotionSparkline(host: HTMLElement, options: SparklineOptions, motion: MotionState, events?: SparklineEvents, settings?: ComponentMotionSettings): import("../sparkline.ts").SparklineInstance & {
|
|
6
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../chunk-5NUOOMHV.js";import"../chunk-RXOGAN23.js";import"../chunk-3PITHTEO.js";import"../chunk-RC2TCMJF.js";export{a as createMotionSparkline};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
2
|
+
import type { MotionState } from './motion-policy.ts';
|
|
3
|
+
export declare function bindMotionCharts<F extends Record<string, (host: any, options: any, motion: MotionState, events?: any, settings?: ComponentMotionSettings) => any>>(factories: F, motion: MotionState, defaults?: ComponentMotionSettings): {
|
|
4
|
+
configure(next?: ComponentMotionSettings): void;
|
|
5
|
+
} & { [K in keyof F]: (host: Parameters<F[K]>[0], options: Parameters<F[K]>[1], events?: Parameters<F[K]>[3]) => ReturnType<F[K]>; } & {
|
|
6
|
+
destroy(): void;
|
|
7
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { MotionState } from './motion-policy.ts';
|
|
2
|
+
import type { ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
export { createMotionSparkline } from './motion/sparkline.ts';
|
|
4
|
+
export { createMotionLineChart } from './motion/line.ts';
|
|
5
|
+
export { createMotionBarChart } from './motion/bar.ts';
|
|
6
|
+
export { createMotionPieChart } from './motion/pie.ts';
|
|
7
|
+
export { createMotionDoughnutChart } from './motion/doughnut.ts';
|
|
8
|
+
export { createMotionScatterChart } from './motion/scatter.ts';
|
|
9
|
+
export { createMotionRadarChart } from './motion/radar.ts';
|
|
10
|
+
export { createMotionHeatmap } from './motion/heatmap.ts';
|
|
11
|
+
export declare function createMotionCharts(motion: MotionState, defaults?: ComponentMotionSettings): {
|
|
12
|
+
configure(next?: ComponentMotionSettings): void;
|
|
13
|
+
} & {
|
|
14
|
+
createSparkline: (host: HTMLElement, options: import("./sparkline.ts").SparklineOptions, events?: import("./sparkline.ts").SparklineEvents | undefined) => import("./sparkline.ts").SparklineInstance & {
|
|
15
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
16
|
+
};
|
|
17
|
+
createLineChart: (host: HTMLElement, options: import("./catalogue-types.ts").CartesianOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CartesianOptions> & {
|
|
18
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
19
|
+
};
|
|
20
|
+
createBarChart: (host: HTMLElement, options: import("./catalogue-types.ts").CartesianOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CartesianOptions> & {
|
|
21
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
22
|
+
};
|
|
23
|
+
createPieChart: (host: HTMLElement, options: import("./catalogue-types.ts").CircularOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CircularOptions> & {
|
|
24
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
25
|
+
};
|
|
26
|
+
createDoughnutChart: (host: HTMLElement, options: import("./catalogue-types.ts").CircularOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").CircularOptions> & {
|
|
27
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
28
|
+
};
|
|
29
|
+
createScatterChart: (host: HTMLElement, options: import("./catalogue-types.ts").ScatterOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").ScatterOptions> & {
|
|
30
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
31
|
+
};
|
|
32
|
+
createRadarChart: (host: HTMLElement, options: import("./catalogue-types.ts").RadarOptions, events?: import("./types.ts").ChartEvents<import("./catalogue-types.ts").ChartPoint> | undefined) => import("./types.ts").ChartInstance<import("./catalogue-types.ts").RadarOptions> & {
|
|
33
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
34
|
+
};
|
|
35
|
+
createHeatmap: (host: HTMLElement, options: import("./types.ts").HeatmapOptions, events?: import("./types.ts").ChartEvents<import("./types.ts").HeatmapPoint> | undefined) => import("./types.ts").ChartInstance<import("./types.ts").HeatmapOptions> & {
|
|
36
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
37
|
+
};
|
|
38
|
+
} & {
|
|
39
|
+
destroy(): void;
|
|
40
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ChartPresentation } from './catalogue-runtime.ts';
|
|
2
|
+
import { createComponentMotionState, type ComponentMotionSettings } from '@blukavantui/community/motion/settings';
|
|
3
|
+
export interface MotionState {
|
|
4
|
+
readonly mode: 'full' | 'reduced' | 'off';
|
|
5
|
+
}
|
|
6
|
+
export declare function chartMotionPolicy(motion: MotionState, state?: ReturnType<typeof createComponentMotionState>): ChartPresentation & {
|
|
7
|
+
notify(): void;
|
|
8
|
+
};
|
|
9
|
+
/** Preserves the original chart instance, selection, events, licence and disposal. */
|
|
10
|
+
export declare function configuredChart<C extends {
|
|
11
|
+
destroy(): void;
|
|
12
|
+
}>(host: HTMLElement, motion: MotionState, settings: ComponentMotionSettings, create: (policy: ChartPresentation, root: HTMLElement) => C): C & {
|
|
13
|
+
setMotion(next?: ComponentMotionSettings): void;
|
|
14
|
+
};
|