@nubisco/ui 5.25.0 → 5.25.2

package/dist/LineChart-BE5DVpYZ.js

@@ -1,241 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { i as t, l as n, n as r, u as i } from "./palette-VMXxKICH.js";
-import { t as a } from "./ChartLegend-BtBKVnH3.js";
-import { i as o, r as s } from "./scales-DVJzRU1F.js";
-import { t as c } from "./useChartSize-Dyh37PYP.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
-//#region src/components/Charts/LineChart.vue?vue&type=script&setup=true&lang.ts
-var C = [
-	"width",
-	"height",
-	"aria-label"
-], w = { key: 0 }, T = [
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-], E = { class: "nb-chart__axis" }, D = ["x", "y"], O = { class: "nb-chart__axis" }, k = ["x", "y"], A = [
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-], j = ["d", "fill"], M = ["d", "stroke"], N = [
-	"cx",
-	"cy",
-	"r",
-	"fill"
-], P = [
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-], F = /* @__PURE__ */ e(/* @__PURE__ */ g({
-	__name: "LineChart",
-	props: {
-		series: { default: () => [] },
-		area: {
-			type: Boolean,
-			default: !1
-		},
-		points: {
-			type: Boolean,
-			default: !1
-		},
-		curve: { default: "smooth" },
-		valueFormatter: {},
-		title: { default: void 0 },
-		subtitle: { default: void 0 },
-		height: { default: 280 },
-		showLegend: {
-			type: Boolean,
-			default: !0
-		},
-		showTooltip: {
-			type: Boolean,
-			default: !0
-		},
-		showGrid: {
-			type: Boolean,
-			default: !0
-		},
-		colors: { default: () => r }
-	},
-	setup(e) {
-		let r = e, g = {
-			top: 12,
-			right: 16,
-			bottom: 28,
-			left: 44
-		}, F = v(null), I = c(F, {
-			width: 480,
-			height: 240
-		}), L = u(() => r.series.map((e, n) => ({
-			name: e.name,
-			data: e.data,
-			color: e.color ?? t(n, r.colors)
-		}))), R = u(() => (r.series[0]?.data ?? []).map((e) => e.x)), z = u(() => {
-			let e = r.series.flatMap((e) => e.data.map((e) => e.y));
-			return e.length ? o(Math.min(0, ...e), Math.max(...e), .1) : [0, 1];
-		}), B = u(() => s(z.value, [Math.max(g.top, I.value.height - g.bottom), g.top])), V = u(() => B.value.ticks(5)), H = u(() => Math.max(0, I.value.width - g.left - g.right)), U = (e) => {
-			let t = R.value.length;
-			return t <= 1 ? g.left + H.value / 2 : g.left + e / (t - 1) * H.value;
-		}, W = u(() => {
-			let e = R.value, t = Math.max(1, Math.ceil(e.length / 6)), n = [];
-			for (let r = 0; r < e.length; r += t) n.push({
-				index: r,
-				value: e[r]
-			});
-			return e.length && n[n.length - 1].index !== e.length - 1 && n.push({
-				index: e.length - 1,
-				value: e[e.length - 1]
-			}), n;
-		}), G = (e) => e.length ? q(e.map((e, t) => [U(t), B.value(e.y)]), r.curve) : "", K = (e) => {
-			if (!e.length) return "";
-			let t = e.map((e, t) => [U(t), B.value(e.y)]), n = I.value.height - g.bottom;
-			return `${q(t, r.curve)} L${t[t.length - 1][0]},${n} L${t[0][0]},${n} Z`;
-		}, q = (e, t) => {
-			if (!e.length) return "";
-			if (e.length === 1) return `M${e[0][0]},${e[0][1]}`;
-			if (t === "linear") return e.map((e, t) => `${t === 0 ? "M" : "L"}${e[0]},${e[1]}`).join(" ");
-			if (t === "step") {
-				let t = `M${e[0][0]},${e[0][1]}`;
-				for (let n = 1; n < e.length; n++) {
-					let [r, i] = e[n - 1], [a, o] = e[n], s = (r + a) / 2;
-					t += ` L${s},${i} L${s},${o} L${a},${o}`;
-				}
-				return t;
-			}
-			let n = .2, r = `M${e[0][0]},${e[0][1]}`;
-			for (let t = 0; t < e.length - 1; t++) {
-				let i = e[t - 1] ?? e[t], a = e[t], o = e[t + 1], s = e[t + 2] ?? o, c = a[0] + (o[0] - i[0]) * n, l = a[1] + (o[1] - i[1]) * n, u = o[0] - (s[0] - a[0]) * n, d = o[1] - (s[1] - a[1]) * n;
-				r += ` C${c},${l} ${u},${d} ${o[0]},${o[1]}`;
-			}
-			return r;
-		}, J = (e) => Math.abs(e) >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : Number.isInteger(e) ? String(e) : e.toFixed(1), Y = (e) => r.valueFormatter ? r.valueFormatter(e) : J(e), X = v(null), Z = v({
-			x: 0,
-			y: 0
-		}), Q = (e) => {
-			let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = R.value.length;
-			if (!r) return;
-			let i = (n - g.left) / Math.max(1, H.value);
-			X.value = Math.round(Math.min(1, Math.max(0, i)) * (r - 1)), Z.value = {
-				x: e.clientX - t.left + 12,
-				y: e.clientY - t.top + 12
-			};
-		}, $ = u(() => X.value === null ? [] : L.value.map((e) => {
-			let t = e.data[X.value];
-			return {
-				label: e.name,
-				value: t?.label ?? Y(t?.y ?? 0),
-				color: e.color
-			};
-		}));
-		return (t, r) => (_(), d(i, {
-			title: e.title,
-			subtitle: e.subtitle,
-			height: e.height,
-			"show-legend": e.showLegend && L.value.length > 0
-		}, {
-			legend: S(() => [h(a, { items: L.value.map((e) => ({
-				label: e.name,
-				color: e.color
-			})) }, null, 8, ["items"])]),
-			default: S(() => [m("div", {
-				ref_key: "root",
-				ref: F,
-				class: "nb-line-chart"
-			}, [(_(), p("svg", {
-				width: x(I).width,
-				height: x(I).height,
-				class: "nb-chart__svg",
-				role: "img",
-				"aria-label": e.title || "Line chart",
-				onMouseleave: r[0] ||= (e) => X.value = null,
-				onMousemove: Q
-			}, [
-				e.showGrid && x(I).width > 0 ? (_(), p("g", w, [(_(!0), p(l, null, y(V.value, (e) => (_(), p("line", {
-					key: `grid-${e}`,
-					class: "nb-chart__gridline",
-					x1: g.left,
-					x2: x(I).width - g.right,
-					y1: B.value(e),
-					y2: B.value(e)
-				}, null, 8, T))), 128))])) : f("", !0),
-				m("g", E, [(_(!0), p(l, null, y(V.value, (e) => (_(), p("text", {
-					key: `yt-${e}`,
-					x: g.left - 6,
-					y: B.value(e),
-					"text-anchor": "end",
-					"dominant-baseline": "middle"
-				}, b(Y(e)), 9, D))), 128))]),
-				m("g", O, [(_(!0), p(l, null, y(W.value, (e, t) => (_(), p("text", {
-					key: `xt-${t}`,
-					x: U(e.index),
-					y: x(I).height - g.bottom + 14,
-					"text-anchor": "middle"
-				}, b(e.value), 9, k))), 128))]),
-				m("line", {
-					class: "nb-chart__axis-line",
-					x1: g.left,
-					x2: x(I).width - g.right,
-					y1: x(I).height - g.bottom,
-					y2: x(I).height - g.bottom
-				}, null, 8, A),
-				(_(!0), p(l, null, y(L.value, (t, n) => (_(), p("g", { key: `s-${n}` }, [
-					e.area ? (_(), p("path", {
-						key: 0,
-						class: "nb-chart__area",
-						d: K(t.data),
-						fill: t.color,
-						opacity: "0.18"
-					}, null, 8, j)) : f("", !0),
-					m("path", {
-						class: "nb-chart__line",
-						d: G(t.data),
-						stroke: t.color,
-						fill: "none",
-						"stroke-width": "2",
-						"stroke-linejoin": "round",
-						"stroke-linecap": "round"
-					}, null, 8, M),
-					e.points ? (_(!0), p(l, { key: 1 }, y(t.data, (e, r) => (_(), p("circle", {
-						key: `p-${n}-${r}`,
-						cx: U(r),
-						cy: B.value(e.y),
-						r: X.value === r ? 4 : 3,
-						fill: t.color,
-						class: "nb-chart__point"
-					}, null, 8, N))), 128)) : f("", !0)
-				]))), 128)),
-				X.value === null ? f("", !0) : (_(), p("line", {
-					key: 1,
-					class: "nb-chart__hover-line",
-					x1: U(X.value),
-					x2: U(X.value),
-					y1: g.top,
-					y2: x(I).height - g.bottom
-				}, null, 8, P))
-			], 40, C)), h(n, {
-				visible: e.showTooltip && X.value !== null,
-				x: Z.value.x,
-				y: Z.value.y,
-				title: X.value === null ? "" : String(R.value[X.value]),
-				rows: $.value
-			}, null, 8, [
-				"visible",
-				"x",
-				"y",
-				"title",
-				"rows"
-			])], 512)]),
-			_: 1
-		}, 8, [
-			"title",
-			"subtitle",
-			"height",
-			"show-legend"
-		]));
-	}
-}), [["__scopeId", "data-v-90bf8144"]]);
-//#endregion
-export { F as t };

package/dist/LineChart-Dt7wwxeW.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./palette-BoABA-De.cjs`),n=require(`./ChartLegend-ndpGucTZ.cjs`),r=require(`./scales-BWtB8m5D.cjs`),i=require(`./useChartSize-D9UxUkiU.cjs`);let a=require(`vue`);var o=[`width`,`height`,`aria-label`],s={key:0},c=[`x1`,`x2`,`y1`,`y2`],l={class:`nb-chart__axis`},u=[`x`,`y`],d={class:`nb-chart__axis`},f=[`x`,`y`],p=[`x1`,`x2`,`y1`,`y2`],m=[`d`,`fill`],h=[`d`,`stroke`],g=[`cx`,`cy`,`r`,`fill`],_=[`x1`,`x2`,`y1`,`y2`],v=(0,a.defineComponent)({__name:`LineChart`,props:{series:{default:()=>[]},area:{type:Boolean,default:!1},points:{type:Boolean,default:!1},curve:{default:`smooth`},valueFormatter:{},title:{default:void 0},subtitle:{default:void 0},height:{default:280},showLegend:{type:Boolean,default:!0},showTooltip:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},colors:{default:()=>t.n}},setup(e){let v=e,y={top:12,right:16,bottom:28,left:44},b=(0,a.ref)(null),x=i.t(b,{width:480,height:240}),S=(0,a.computed)(()=>v.series.map((e,n)=>({name:e.name,data:e.data,color:e.color??t.i(n,v.colors)}))),C=(0,a.computed)(()=>(v.series[0]?.data??[]).map(e=>e.x)),w=(0,a.computed)(()=>{let e=v.series.flatMap(e=>e.data.map(e=>e.y));return e.length?r.i(Math.min(0,...e),Math.max(...e),.1):[0,1]}),T=(0,a.computed)(()=>r.r(w.value,[Math.max(y.top,x.value.height-y.bottom),y.top])),E=(0,a.computed)(()=>T.value.ticks(5)),D=(0,a.computed)(()=>Math.max(0,x.value.width-y.left-y.right)),O=e=>{let t=C.value.length;return t<=1?y.left+D.value/2:y.left+e/(t-1)*D.value},k=(0,a.computed)(()=>{let e=C.value,t=Math.max(1,Math.ceil(e.length/6)),n=[];for(let r=0;r<e.length;r+=t)n.push({index:r,value:e[r]});return e.length&&n[n.length-1].index!==e.length-1&&n.push({index:e.length-1,value:e[e.length-1]}),n}),A=e=>e.length?M(e.map((e,t)=>[O(t),T.value(e.y)]),v.curve):``,j=e=>{if(!e.length)return``;let t=e.map((e,t)=>[O(t),T.value(e.y)]),n=x.value.height-y.bottom;return`${M(t,v.curve)} L${t[t.length-1][0]},${n} L${t[0][0]},${n} Z`},M=(e,t)=>{if(!e.length)return``;if(e.length===1)return`M${e[0][0]},${e[0][1]}`;if(t===`linear`)return e.map((e,t)=>`${t===0?`M`:`L`}${e[0]},${e[1]}`).join(` `);if(t===`step`){let t=`M${e[0][0]},${e[0][1]}`;for(let n=1;n<e.length;n++){let[r,i]=e[n-1],[a,o]=e[n],s=(r+a)/2;t+=` L${s},${i} L${s},${o} L${a},${o}`}return t}let n=.2,r=`M${e[0][0]},${e[0][1]}`;for(let t=0;t<e.length-1;t++){let i=e[t-1]??e[t],a=e[t],o=e[t+1],s=e[t+2]??o,c=a[0]+(o[0]-i[0])*n,l=a[1]+(o[1]-i[1])*n,u=o[0]-(s[0]-a[0])*n,d=o[1]-(s[1]-a[1])*n;r+=` C${c},${l} ${u},${d} ${o[0]},${o[1]}`}return r},N=e=>Math.abs(e)>=1e3?`${(e/1e3).toFixed(1)}k`:Number.isInteger(e)?String(e):e.toFixed(1),P=e=>v.valueFormatter?v.valueFormatter(e):N(e),F=(0,a.ref)(null),I=(0,a.ref)({x:0,y:0}),L=e=>{let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=C.value.length;if(!r)return;let i=(n-y.left)/Math.max(1,D.value);F.value=Math.round(Math.min(1,Math.max(0,i))*(r-1)),I.value={x:e.clientX-t.left+12,y:e.clientY-t.top+12}},R=(0,a.computed)(()=>F.value===null?[]:S.value.map(e=>{let t=e.data[F.value];return{label:e.name,value:t?.label??P(t?.y??0),color:e.color}}));return(r,i)=>((0,a.openBlock)(),(0,a.createBlock)(t.u,{title:e.title,subtitle:e.subtitle,height:e.height,"show-legend":e.showLegend&&S.value.length>0},{legend:(0,a.withCtx)(()=>[(0,a.createVNode)(n.t,{items:S.value.map(e=>({label:e.name,color:e.color}))},null,8,[`items`])]),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref_key:`root`,ref:b,class:`nb-line-chart`},[((0,a.openBlock)(),(0,a.createElementBlock)(`svg`,{width:(0,a.unref)(x).width,height:(0,a.unref)(x).height,class:`nb-chart__svg`,role:`img`,"aria-label":e.title||`Line chart`,onMouseleave:i[0]||=e=>F.value=null,onMousemove:L},[e.showGrid&&(0,a.unref)(x).width>0?((0,a.openBlock)(),(0,a.createElementBlock)(`g`,s,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:`grid-${e}`,class:`nb-chart__gridline`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:T.value(e),y2:T.value(e)},null,8,c))),128))])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`g`,l,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(E.value,e=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`yt-${e}`,x:y.left-6,y:T.value(e),"text-anchor":`end`,"dominant-baseline":`middle`},(0,a.toDisplayString)(P(e)),9,u))),128))]),(0,a.createElementVNode)(`g`,d,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(k.value,(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`text`,{key:`xt-${t}`,x:O(e.index),y:(0,a.unref)(x).height-y.bottom+14,"text-anchor":`middle`},(0,a.toDisplayString)(e.value),9,f))),128))]),(0,a.createElementVNode)(`line`,{class:`nb-chart__axis-line`,x1:y.left,x2:(0,a.unref)(x).width-y.right,y1:(0,a.unref)(x).height-y.bottom,y2:(0,a.unref)(x).height-y.bottom},null,8,p),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(S.value,(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`g`,{key:`s-${n}`},[e.area?((0,a.openBlock)(),(0,a.createElementBlock)(`path`,{key:0,class:`nb-chart__area`,d:j(t.data),fill:t.color,opacity:`0.18`},null,8,m)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`path`,{class:`nb-chart__line`,d:A(t.data),stroke:t.color,fill:`none`,"stroke-width":`2`,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,h),e.points?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:1},(0,a.renderList)(t.data,(e,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`circle`,{key:`p-${n}-${r}`,cx:O(r),cy:T.value(e.y),r:F.value===r?4:3,fill:t.color,class:`nb-chart__point`},null,8,g))),128)):(0,a.createCommentVNode)(``,!0)]))),128)),F.value===null?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(`line`,{key:1,class:`nb-chart__hover-line`,x1:O(F.value),x2:O(F.value),y1:y.top,y2:(0,a.unref)(x).height-y.bottom},null,8,_))],40,o)),(0,a.createVNode)(t.l,{visible:e.showTooltip&&F.value!==null,x:I.value.x,y:I.value.y,title:F.value===null?``:String(C.value[F.value]),rows:R.value},null,8,[`visible`,`x`,`y`,`title`,`rows`])],512)]),_:1},8,[`title`,`subtitle`,`height`,`show-legend`]))}}),y=e.t(v,[[`__scopeId`,`data-v-90bf8144`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});