@stealthscale/component-charts 0.2.2 → 0.2.3

package/dist/pages/sparkline/sparkline.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"SparklineProps": {"conditions": 284, "foreign": 1039}};
+export const parts = {"SparklineProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "animate", "refers": [], "required": false, "says": "Whether the line animates in, which it does only outside reduced motion."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "area", "refers": [], "required": false, "says": "Whether the chart's gradient fills under the line."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "baseline", "refers": [], "required": false, "says": "Value a dashed line marks across the run, such as a target."}, {"accepts": "ChartColor", "fallback": "", "kind": "option", "name": "color", "refers": ["kit.ChartColor"], "required": false, "says": "Palette the line takes its color from. The theme's first series color unless stated."}, {"accepts": "Curve", "fallback": "", "kind": "option", "name": "curve", "refers": ["kit.Curve"], "required": false, "says": "Path of the line between two values."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": false, "says": "Name of a run shown on its own. A run without one is hidden from assistive technology."}, {"accepts": "\"lg\" | \"md\" | \"sm\"", "fallback": "", "kind": "variant", "name": "size", "refers": [], "required": false, "says": "Box on the grid, four times as wide as it is tall."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "stretch", "refers": [], "required": false, "says": "Whether the box fills its container's width at the size's height."}, {"accepts": "readonly SparkValue[]", "fallback": "", "kind": "option", "name": "values", "refers": [], "required": true, "says": "The run, oldest first. A value that is not a finite number leaves a gap."}]};
+export const shapes = {"kit.ChartColor": [{"accepts": "", "name": "\"accent\"", "says": ""}, {"accepts": "", "name": "\"blue\"", "says": ""}, {"accepts": "", "name": "\"cyan\"", "says": ""}, {"accepts": "", "name": "\"error\"", "says": ""}, {"accepts": "", "name": "\"gray\"", "says": ""}, {"accepts": "", "name": "\"green\"", "says": ""}, {"accepts": "", "name": "\"indigo\"", "says": ""}, {"accepts": "", "name": "\"info\"", "says": ""}, {"accepts": "", "name": "\"neutral\"", "says": ""}, {"accepts": "", "name": "\"orange\"", "says": ""}, {"accepts": "", "name": "\"pink\"", "says": ""}, {"accepts": "", "name": "\"primary\"", "says": ""}, {"accepts": "", "name": "\"purple\"", "says": ""}, {"accepts": "", "name": "\"red\"", "says": ""}, {"accepts": "", "name": "\"secondary\"", "says": ""}, {"accepts": "", "name": "\"series.1\"", "says": ""}, {"accepts": "", "name": "\"series.2\"", "says": ""}, {"accepts": "", "name": "\"series.3\"", "says": ""}, {"accepts": "", "name": "\"series.4\"", "says": ""}, {"accepts": "", "name": "\"series.5\"", "says": ""}, {"accepts": "", "name": "\"series.6\"", "says": ""}, {"accepts": "", "name": "\"series.7\"", "says": ""}, {"accepts": "", "name": "\"series.8\"", "says": ""}, {"accepts": "", "name": "\"success\"", "says": ""}, {"accepts": "", "name": "\"teal\"", "says": ""}, {"accepts": "", "name": "\"warning\"", "says": ""}, {"accepts": "", "name": "\"yellow\"", "says": ""}], "kit.Curve": [{"accepts": "", "name": "\"linear\"", "says": ""}, {"accepts": "", "name": "\"monotone\"", "says": ""}]};

package/dist/pages/spend-5xQ76WSj.js

@@ -0,0 +1,185 @@
+//#region src/treemap-chart/examples/spend.ts
+/**
+* Lists the data team's services for September: 38,500 in all.
+*/
+const DATA = {
+	children: [
+		{
+			key: "postgres",
+			value: 18400
+		},
+		{
+			key: "kafka",
+			value: 9700
+		},
+		{
+			key: "objects",
+			value: 6300
+		},
+		{
+			key: "redis",
+			value: 4100
+		}
+	],
+	key: "data"
+};
+/**
+* Lists the platform team's services for September: 36,600 in all.
+*/
+const PLATFORM = [
+	{
+		key: "kubernetes",
+		value: 21800
+	},
+	{
+		key: "logs",
+		value: 7600
+	},
+	{
+		key: "nat",
+		value: 3900
+	},
+	{
+		key: "balancers",
+		value: 2400
+	},
+	{
+		key: "firewall",
+		value: 900
+	}
+];
+/**
+* Lists the product team's services for September: 20,300 in all.
+*/
+const PRODUCT = {
+	children: [
+		{
+			key: "search",
+			value: 8900
+		},
+		{
+			key: "functions",
+			value: 5200
+		},
+		{
+			key: "cdn",
+			value: 4400
+		},
+		{
+			key: "gateway",
+			value: 1800
+		}
+	],
+	key: "product"
+};
+/**
+* Lists September's cloud bill in euros: the data team 38,500, the platform team 36,600 and the
+* product team 20,300, 95,400 in all. Kubernetes and Postgres are the two largest services.
+*/
+const SPEND = [
+	DATA,
+	{
+		children: PLATFORM,
+		key: "platform"
+	},
+	PRODUCT
+];
+/**
+* Lists the bill with a reserved-capacity credit of 6,200 posted to the platform team.
+*/
+const CREDITED = [
+	DATA,
+	{
+		children: [...PLATFORM, {
+			key: "credit",
+			value: -6200
+		}],
+		key: "platform"
+	},
+	PRODUCT
+];
+/**
+* Lists the platform team's spend: Kubernetes at 48,000 and fourteen services from 900 down to 185,
+* 7,595 in all.
+*/
+const TAIL = [{
+	children: [{
+		key: "kubernetes",
+		value: 48e3
+	}, ...[
+		"cron",
+		"mailer",
+		"webhooks",
+		"metrics",
+		"tracing",
+		"secrets",
+		"dns",
+		"registry",
+		"snapshots",
+		"scanner",
+		"queue",
+		"status",
+		"flags",
+		"proxy"
+	].map((key, at) => ({
+		key,
+		value: 900 - at * 55
+	}))],
+	key: "platform"
+}];
+/**
+* Lists a file share's folders in gigabytes, one level: 7,465 in all, design and video 4,300 of it.
+*/
+const STORAGE = [
+	{
+		key: "design",
+		value: 2400
+	},
+	{
+		key: "video",
+		value: 1900
+	},
+	{
+		key: "backups",
+		value: 1300
+	},
+	{
+		key: "photos",
+		value: 860
+	},
+	{
+		key: "builds",
+		value: 520
+	},
+	{
+		key: "documents",
+		value: 210
+	},
+	{
+		key: "audio",
+		value: 180
+	},
+	{
+		key: "archive",
+		value: 95
+	}
+];
+/**
+* Returns the parts as nodes named through a function, such as the page's words, each with the
+* palette a map states for its key.
+*
+* @param parts - The hierarchy to name, top level first.
+* @param name - Returns a part's name from its key.
+* @param colors - The palette of each part that states one, by key.
+*/
+function labelled(parts, name, colors = {}) {
+	return parts.map((part) => ({
+		children: part.children === void 0 ? void 0 : labelled(part.children, name, colors),
+		color: colors[part.key],
+		key: part.key,
+		label: name(part.key),
+		value: part.value
+	}));
+}
+//#endregion
+export { labelled as a, TAIL as i, SPEND as n, STORAGE as r, CREDITED as t };