@ojiepermana/angular 22.1.14 → 22.2.1

package/fesm2022/ojiepermana-angular-chart-pie.mjs

@@ -1,166 +1,236 @@
-import { pie, arc } from 'd3-shape';
-import { readNumber, seriesColorVar, ChartContext, resolveChartStyle, ChartThemeRadius, ChartThemeSpace, resolveChartMargin, DEFAULT_POLAR_MARGIN_UNITS, setupPolarChart, ChartRovingFocus, ChartMarkFocus, ChartDataTable } from '@ojiepermana/angular/chart/core';
-import * as i0 from '@angular/core';
-import { inject, input, computed, output, Component } from '@angular/core';
-
+import { arc, pie } from "d3-shape";
+import { ChartContext, ChartDataTable, ChartMarkFocus, ChartRovingFocus, ChartThemeRadius, ChartThemeSpace, DEFAULT_POLAR_MARGIN_UNITS, readNumber, resolveChartMargin, resolveChartStyle, seriesColorVar, setupPolarChart } from "@ojiepermana/angular/chart/core";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input, output } from "@angular/core";
 function computePieLayout(input) {
-    const { data, valueKey, nameKey, seriesKeys, hiddenSeriesKeys, innerWidth, innerHeight, innerRadius, padAngle, cornerRadius, startAngle, endAngle, activeIndex, activeOffset = 12, } = input;
-    const outerRadius = Math.max(0, Math.min(innerWidth, innerHeight) / 2);
-    const centerX = innerWidth / 2;
-    const centerY = innerHeight / 2;
-    // `datumIndex` is carried through the filter, so a slice keeps addressing the
-    // row it came from however many siblings the legend has hidden.
-    const entries = data
-        .map((datum, datumIndex) => ({
-        datum,
-        datumIndex,
-        seriesKey: seriesKeys?.[datumIndex] ?? String(datum[nameKey] ?? datumIndex),
-    }))
-        .filter((entry) => !hiddenSeriesKeys?.has(entry.seriesKey));
-    if (entries.length === 0 || outerRadius === 0) {
-        return { slices: [], centerX, centerY, outerRadius };
-    }
-    const pieGen = pie()
-        .value((entry) => readNumber(entry.datum, valueKey))
-        .sort(null)
-        .padAngle(padAngle)
-        .startAngle(startAngle)
-        .endAngle(endAngle);
-    const arcGen = arc()
-        .innerRadius(innerRadius)
-        .outerRadius(outerRadius)
-        .cornerRadius(cornerRadius);
-    const arcs = pieGen(entries);
-    const slices = arcs.map((a) => {
-        const { datum: d, datumIndex, seriesKey: key } = a.data;
-        const centroid = arcGen.centroid(a);
-        const magnitude = Math.hypot(centroid[0], centroid[1]) || 1;
-        const isActive = datumIndex === activeIndex;
-        return {
-            seriesKey: key,
-            name: String(d[nameKey] ?? key),
-            value: readNumber(d, valueKey),
-            datumIndex,
-            color: seriesColorVar(key),
-            arcPath: arcGen(a) ?? '',
-            centroid,
-            startAngle: a.startAngle,
-            endAngle: a.endAngle,
-            translateX: isActive ? (centroid[0] / magnitude) * activeOffset : 0,
-            translateY: isActive ? (centroid[1] / magnitude) * activeOffset : 0,
-        };
-    });
-    return { slices, centerX, centerY, outerRadius };
+	const { data, valueKey, nameKey, seriesKeys, hiddenSeriesKeys, innerWidth, innerHeight, innerRadius, padAngle, cornerRadius, startAngle, endAngle, activeIndex, activeOffset = 12 } = input;
+	const outerRadius = Math.max(0, Math.min(innerWidth, innerHeight) / 2);
+	const centerX = innerWidth / 2;
+	const centerY = innerHeight / 2;
+	const entries = data.map((datum, datumIndex) => ({
+		datum,
+		datumIndex,
+		seriesKey: seriesKeys?.[datumIndex] ?? String(datum[nameKey] ?? datumIndex)
+	})).filter((entry) => !hiddenSeriesKeys?.has(entry.seriesKey));
+	if (entries.length === 0 || outerRadius === 0) return {
+		slices: [],
+		centerX,
+		centerY,
+		outerRadius
+	};
+	const pieGen = pie().value((entry) => readNumber(entry.datum, valueKey)).sort(null).padAngle(padAngle).startAngle(startAngle).endAngle(endAngle);
+	const arcGen = arc().innerRadius(innerRadius).outerRadius(outerRadius).cornerRadius(cornerRadius);
+	return {
+		slices: pieGen(entries).map((a) => {
+			const { datum: d, datumIndex, seriesKey: key } = a.data;
+			const centroid = arcGen.centroid(a);
+			const magnitude = Math.hypot(centroid[0], centroid[1]) || 1;
+			const isActive = datumIndex === activeIndex;
+			return {
+				seriesKey: key,
+				name: String(d[nameKey] ?? key),
+				value: readNumber(d, valueKey),
+				datumIndex,
+				color: seriesColorVar(key),
+				arcPath: arcGen(a) ?? "",
+				centroid,
+				startAngle: a.startAngle,
+				endAngle: a.endAngle,
+				translateX: isActive ? centroid[0] / magnitude * activeOffset : 0,
+				translateY: isActive ? centroid[1] / magnitude * activeOffset : 0
+			};
+		}),
+		centerX,
+		centerY,
+		outerRadius
+	};
 }
-
-class PieChart {
-    root = inject(ChartContext);
-    data = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
-    valueKey = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "valueKey" }] : /* istanbul ignore next */ []));
-    nameKey = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nameKey" }] : /* istanbul ignore next */ []));
-    seriesKeys = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "seriesKeys" }] : /* istanbul ignore next */ []));
-    /**
-     * Presentational style of the chart.
-     *
-     * Replaces `styles`, which read like a CSS styles bag rather than a single
-     * variant. Named `styleVariant` and not `variant` because `ChartBar` already
-     * publishes a `variant` input for its grouped versus stacked axis, and one
-     * name cannot mean two things across the family.
-     */
-    styleVariant = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "styleVariant" }] : /* istanbul ignore next */ []));
-    /**
-     * @deprecated Use `styleVariant`. Still fully supported; when both are bound,
-     *   `styleVariant` wins. Due for removal in the next major.
-     */
-    styles = input('base', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
-    /** The style actually in effect. Bind this, never `styles()`. */
-    chartStyle = resolveChartStyle(this.styleVariant, this.styles);
-    themeRadius = inject(ChartThemeRadius);
-    themeSpace = inject(ChartThemeSpace);
-    /**
-     * Plot gutters. Leave it unset and they follow the theme-space density
-     * axis; set it and your numbers win, unchanged, whatever the axis says.
-     */
-    margin = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []));
-    /** The margin actually in effect. Bind this, never `margin()`. */
-    plotMargin = resolveChartMargin(this.margin, DEFAULT_POLAR_MARGIN_UNITS, this.themeSpace);
-    innerRadius = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "innerRadius" }] : /* istanbul ignore next */ []));
-    padAngle = input(0.01, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "padAngle" }] : /* istanbul ignore next */ []));
-    /**
-     * Slice corner radius. Unset now means "follow the theme-radius axis", the
-     * same contract `ChartBar` already offers, so a pie picks up the app's shape
-     * language instead of being the one chart that stays sharp.
-     *
-     * Zero is still available, and still means square corners: it is a real value,
-     * not the absence of one, which is why the default moved to `null`.
-     */
-    cornerRadius = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "cornerRadius" }] : /* istanbul ignore next */ []));
-    /** The slice corner radius actually in effect. */
-    sliceCornerRadius = computed(() => this.cornerRadius() ?? this.themeRadius.px(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sliceCornerRadius" }] : /* istanbul ignore next */ []));
-    startAngle = input(-Math.PI / 2, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "startAngle" }] : /* istanbul ignore next */ []));
-    endAngle = input((3 * Math.PI) / 2, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "endAngle" }] : /* istanbul ignore next */ []));
-    showLabels = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showLabels" }] : /* istanbul ignore next */ []));
-    activeIndex = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
-    activeOffset = input(12, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "activeOffset" }] : /* istanbul ignore next */ []));
-    sliceClick = output();
-    polar = setupPolarChart({ margin: () => this.plotMargin() });
-    layout = computed(() => computePieLayout({
-        data: this.data(),
-        valueKey: this.valueKey(),
-        nameKey: this.nameKey(),
-        seriesKeys: this.seriesKeys(),
-        hiddenSeriesKeys: this.root.hiddenSeries(),
-        innerWidth: this.polar.innerWidth(),
-        innerHeight: this.polar.innerHeight(),
-        innerRadius: this.innerRadius(),
-        padAngle: this.padAngle(),
-        cornerRadius: this.sliceCornerRadius(),
-        startAngle: this.startAngle(),
-        endAngle: this.endAngle(),
-        activeIndex: this.activeIndex(),
-        activeOffset: this.activeOffset(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
-    ariaSummary = computed(() => `Pie chart, ${this.layout().slices.length} slices.`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaSummary" }] : /* istanbul ignore next */ []));
-    dataColumns = computed(() => [this.nameKey(), this.valueKey()], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataColumns" }] : /* istanbul ignore next */ []));
-    sliceAriaLabel(s) {
-        return `${s.name}: ${s.value}`;
-    }
-    sliceTransform(s) {
-        return s.translateX || s.translateY ? `translate(${s.translateX}, ${s.translateY})` : null;
-    }
-    emitClick(s) {
-        this.sliceClick.emit({
-            seriesKey: s.seriesKey,
-            datumIndex: s.datumIndex,
-            // `category` is the shared name for what this family calls `name`; both are
-            // emitted so a handler written against either shape works.
-            category: s.name,
-            name: s.name,
-            value: s.value,
-            datum: this.data()[s.datumIndex],
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PieChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: PieChart, isStandalone: true, selector: "ChartPie", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, valueKey: { classPropertyName: "valueKey", publicName: "valueKey", isSignal: true, isRequired: true, transformFunction: null }, nameKey: { classPropertyName: "nameKey", publicName: "nameKey", isSignal: true, isRequired: true, transformFunction: null }, seriesKeys: { classPropertyName: "seriesKeys", publicName: "seriesKeys", isSignal: true, isRequired: false, transformFunction: null }, styleVariant: { classPropertyName: "styleVariant", publicName: "styleVariant", isSignal: true, isRequired: false, transformFunction: null }, styles: { classPropertyName: "styles", publicName: "styles", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, innerRadius: { classPropertyName: "innerRadius", publicName: "innerRadius", isSignal: true, isRequired: false, transformFunction: null }, padAngle: { classPropertyName: "padAngle", publicName: "padAngle", isSignal: true, isRequired: false, transformFunction: null }, cornerRadius: { classPropertyName: "cornerRadius", publicName: "cornerRadius", isSignal: true, isRequired: false, transformFunction: null }, startAngle: { classPropertyName: "startAngle", publicName: "startAngle", isSignal: true, isRequired: false, transformFunction: null }, endAngle: { classPropertyName: "endAngle", publicName: "endAngle", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, activeOffset: { classPropertyName: "activeOffset", publicName: "activeOffset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sliceClick: "sliceClick" }, host: { properties: { "attr.data-style": "chartStyle()" }, classAttribute: "relative block h-full w-full" }, ngImport: i0, template: `
+var PieChart = class PieChart {
+	root = inject(ChartContext);
+	data = input.required(...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	valueKey = input.required(...ngDevMode ? [{ debugName: "valueKey" }] : /* istanbul ignore next */ []);
+	nameKey = input.required(...ngDevMode ? [{ debugName: "nameKey" }] : /* istanbul ignore next */ []);
+	seriesKeys = input(void 0, ...ngDevMode ? [{ debugName: "seriesKeys" }] : /* istanbul ignore next */ []);
+	styleVariant = input(void 0, ...ngDevMode ? [{ debugName: "styleVariant" }] : /* istanbul ignore next */ []);
+	styles = input("base", ...ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []);
+	chartStyle = resolveChartStyle(this.styleVariant, this.styles);
+	themeRadius = inject(ChartThemeRadius);
+	themeSpace = inject(ChartThemeSpace);
+	margin = input(null, ...ngDevMode ? [{ debugName: "margin" }] : /* istanbul ignore next */ []);
+	plotMargin = resolveChartMargin(this.margin, DEFAULT_POLAR_MARGIN_UNITS, this.themeSpace);
+	innerRadius = input(0, ...ngDevMode ? [{ debugName: "innerRadius" }] : /* istanbul ignore next */ []);
+	padAngle = input(.01, ...ngDevMode ? [{ debugName: "padAngle" }] : /* istanbul ignore next */ []);
+	cornerRadius = input(null, ...ngDevMode ? [{ debugName: "cornerRadius" }] : /* istanbul ignore next */ []);
+	sliceCornerRadius = computed(() => this.cornerRadius() ?? this.themeRadius.px(), ...ngDevMode ? [{ debugName: "sliceCornerRadius" }] : /* istanbul ignore next */ []);
+	startAngle = input(-Math.PI / 2, ...ngDevMode ? [{ debugName: "startAngle" }] : /* istanbul ignore next */ []);
+	endAngle = input(3 * Math.PI / 2, ...ngDevMode ? [{ debugName: "endAngle" }] : /* istanbul ignore next */ []);
+	showLabels = input(false, ...ngDevMode ? [{ debugName: "showLabels" }] : /* istanbul ignore next */ []);
+	activeIndex = input(void 0, ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+	activeOffset = input(12, ...ngDevMode ? [{ debugName: "activeOffset" }] : /* istanbul ignore next */ []);
+	sliceClick = output();
+	polar = setupPolarChart({ margin: () => this.plotMargin() });
+	layout = computed(() => computePieLayout({
+		data: this.data(),
+		valueKey: this.valueKey(),
+		nameKey: this.nameKey(),
+		seriesKeys: this.seriesKeys(),
+		hiddenSeriesKeys: this.root.hiddenSeries(),
+		innerWidth: this.polar.innerWidth(),
+		innerHeight: this.polar.innerHeight(),
+		innerRadius: this.innerRadius(),
+		padAngle: this.padAngle(),
+		cornerRadius: this.sliceCornerRadius(),
+		startAngle: this.startAngle(),
+		endAngle: this.endAngle(),
+		activeIndex: this.activeIndex(),
+		activeOffset: this.activeOffset()
+	}), ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
+	ariaSummary = computed(() => `Pie chart, ${this.layout().slices.length} slices.`, ...ngDevMode ? [{ debugName: "ariaSummary" }] : /* istanbul ignore next */ []);
+	dataColumns = computed(() => [this.nameKey(), this.valueKey()], ...ngDevMode ? [{ debugName: "dataColumns" }] : /* istanbul ignore next */ []);
+	sliceAriaLabel(s) {
+		return `${s.name}: ${s.value}`;
+	}
+	sliceTransform(s) {
+		return s.translateX || s.translateY ? `translate(${s.translateX}, ${s.translateY})` : null;
+	}
+	emitClick(s) {
+		this.sliceClick.emit({
+			seriesKey: s.seriesKey,
+			datumIndex: s.datumIndex,
+			category: s.name,
+			name: s.name,
+			value: s.value,
+			datum: this.data()[s.datumIndex]
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: PieChart,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: PieChart,
+		isStandalone: true,
+		selector: "ChartPie",
+		inputs: {
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			valueKey: {
+				classPropertyName: "valueKey",
+				publicName: "valueKey",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			nameKey: {
+				classPropertyName: "nameKey",
+				publicName: "nameKey",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			seriesKeys: {
+				classPropertyName: "seriesKeys",
+				publicName: "seriesKeys",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleVariant: {
+				classPropertyName: "styleVariant",
+				publicName: "styleVariant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styles: {
+				classPropertyName: "styles",
+				publicName: "styles",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			margin: {
+				classPropertyName: "margin",
+				publicName: "margin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			innerRadius: {
+				classPropertyName: "innerRadius",
+				publicName: "innerRadius",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			padAngle: {
+				classPropertyName: "padAngle",
+				publicName: "padAngle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			cornerRadius: {
+				classPropertyName: "cornerRadius",
+				publicName: "cornerRadius",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			startAngle: {
+				classPropertyName: "startAngle",
+				publicName: "startAngle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			endAngle: {
+				classPropertyName: "endAngle",
+				publicName: "endAngle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLabels: {
+				classPropertyName: "showLabels",
+				publicName: "showLabels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			activeIndex: {
+				classPropertyName: "activeIndex",
+				publicName: "activeIndex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			activeOffset: {
+				classPropertyName: "activeOffset",
+				publicName: "activeOffset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { sliceClick: "sliceClick" },
+		host: {
+			properties: { "attr.data-style": "chartStyle()" },
+			classAttribute: "relative block h-full w-full"
+		},
+		ngImport: i0,
+		template: `
     <svg:svg
       ChartRovingFocus
       class="block h-full w-full overflow-visible"
@@ -218,15 +288,52 @@ class PieChart {
       [rowHeaderKey]="nameKey()"
       [label]="ariaSummary()"
     />
-  `, isInline: true, dependencies: [{ kind: "directive", type: ChartRovingFocus, selector: "svg[ChartRovingFocus]" }, { kind: "directive", type: ChartMarkFocus, selector: "[ChartMarkFocus]" }, { kind: "component", type: ChartDataTable, selector: "ChartDataTable", inputs: ["data", "columns", "label", "rowHeaderKey"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PieChart, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ChartPie',
-                    imports: [ChartRovingFocus, ChartMarkFocus, ChartDataTable],
-                    host: { class: 'relative block h-full w-full', '[attr.data-style]': 'chartStyle()' },
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: ChartRovingFocus,
+				selector: "svg[ChartRovingFocus]"
+			},
+			{
+				kind: "directive",
+				type: ChartMarkFocus,
+				selector: "[ChartMarkFocus]"
+			},
+			{
+				kind: "component",
+				type: ChartDataTable,
+				selector: "ChartDataTable",
+				inputs: [
+					"data",
+					"columns",
+					"label",
+					"rowHeaderKey"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: PieChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ChartPie",
+			imports: [
+				ChartRovingFocus,
+				ChartMarkFocus,
+				ChartDataTable
+			],
+			host: {
+				class: "relative block h-full w-full",
+				"[attr.data-style]": "chartStyle()"
+			},
+			template: `
     <svg:svg
       ChartRovingFocus
       class="block h-full w-full overflow-visible"
@@ -284,12 +391,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
       [rowHeaderKey]="nameKey()"
       [label]="ariaSummary()"
     />
-  `,
-                }]
-        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], valueKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueKey", required: true }] }], nameKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nameKey", required: true }] }], seriesKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "seriesKeys", required: false }] }], styleVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleVariant", required: false }] }], styles: [{ type: i0.Input, args: [{ isSignal: true, alias: "styles", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], innerRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "innerRadius", required: false }] }], padAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "padAngle", required: false }] }], cornerRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "cornerRadius", required: false }] }], startAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAngle", required: false }] }], endAngle: [{ type: i0.Input, args: [{ isSignal: true, alias: "endAngle", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }], activeOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeOffset", required: false }] }], sliceClick: [{ type: i0.Output, args: ["sliceClick"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PieChart, computePieLayout };
+  `
+		}]
+	}],
+	propDecorators: {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: true
+			}]
+		}],
+		valueKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "valueKey",
+				required: true
+			}]
+		}],
+		nameKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nameKey",
+				required: true
+			}]
+		}],
+		seriesKeys: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "seriesKeys",
+				required: false
+			}]
+		}],
+		styleVariant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleVariant",
+				required: false
+			}]
+		}],
+		styles: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styles",
+				required: false
+			}]
+		}],
+		margin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "margin",
+				required: false
+			}]
+		}],
+		innerRadius: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "innerRadius",
+				required: false
+			}]
+		}],
+		padAngle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "padAngle",
+				required: false
+			}]
+		}],
+		cornerRadius: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "cornerRadius",
+				required: false
+			}]
+		}],
+		startAngle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startAngle",
+				required: false
+			}]
+		}],
+		endAngle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "endAngle",
+				required: false
+			}]
+		}],
+		showLabels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLabels",
+				required: false
+			}]
+		}],
+		activeIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "activeIndex",
+				required: false
+			}]
+		}],
+		activeOffset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "activeOffset",
+				required: false
+			}]
+		}],
+		sliceClick: [{
+			type: i0.Output,
+			args: ["sliceClick"]
+		}]
+	}
+});
+export { PieChart, computePieLayout };