@heartlandone/vega 2.76.0 → 2.77.1

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -9,7 +9,7 @@ const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
 const effect = require('./effect-98e88068.js');
-const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
+const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const breakpoints = require('./breakpoints-751d433a.js');
@@ -28,7 +28,7 @@ const observer = require('./observer-f49483e8.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-1dfbc4c3.js');
 const ui = require('./ui-234ea151.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
-const designToken = require('./design-token-41baf118.js');
+const designToken = require('./design-token-b21879b6.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-f054eb5d.js');
 require('./icon-manager-c12c6ea9.js');
@@ -43,10 +43,10 @@ require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
 require('./static-subject-title-5829a298.js');
 require('./object-e2e28e3d.js');
-require('./type-guard-407ba0b8.js');
+require('./type-guard-cd0376d4.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-053eb0f1.js');
-require('./responsive-format-facade-ea59bdcd.js');
+require('./internal-translation-controller-1f84ab0a.js');
+require('./responsive-format-facade-0b65ce4a.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 
@@ -1173,7 +1173,6 @@ class VegaLeftNavLinkRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    var _a;
     const url = this.url || 'javascript:void(0);';
     const classList = this.selected === true ? 'selected' : '';
     return (index.h(index.Host, { class: classList, "data-key": this.itemKey },
@@ -1183,8 +1182,8 @@ class VegaLeftNavLinkRenderer extends globalSlimmerRegistry.VegaSlimmer {
             index.h("vega-icon", { icon: this.icon, size: "size-16" })))),
         index.h("span", { class: "vega-links-name" },
           index.h("slot", null)),
-        index.h("div", { class: "vega-counter-badge" },
-          index.h("vega-counter-badge", { count: this.deprecatedPropertySlimmer.getValue(), color: (_a = this.counterBadge) === null || _a === void 0 ? void 0 : _a.color })))));
+        !!this.deprecatedPropertySlimmer.getValue() && (index.h("div", { class: "vega-counter-badge" },
+          index.h("vega-counter-badge", { count: this.deprecatedPropertySlimmer.getValue(), color: this.counterBadge.color }))))));
   }
   notifyVegaLeftNav() {
     const vegaLeftNav = ui.findParent(this.host, 'vega-left-nav');

package/dist/cjs/vega-line-chart.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
-const legendInputProcessor = require('./legend-input-processor-27c65353.js');
-const yAxisInputProcessor = require('./y-axis-input-processor-9fbfd5e7.js');
+const legendInputProcessor = require('./legend-input-processor-1e53e5bc.js');
+const yAxisInputProcessor = require('./y-axis-input-processor-54a26515.js');
 const array = require('./array-249289f2.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -13,10 +13,312 @@ require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
 require('./number-4816603d.js');
 
-function map(values, mapper) {
-  if (typeof values[Symbol.iterator] !== "function") throw new TypeError("values is not iterable");
-  if (typeof mapper !== "function") throw new TypeError("mapper is not a function");
-  return Array.from(values, (value, index) => mapper(value, index, values));
+/**
+ * D3 Time Format Polyfill - Lightweight date formatting and parsing.
+ *
+ * This is a drop-in replacement for d3-time-format, implementing only the methods
+ * used in the Vega chart rendering system: timeFormat and timeParse.
+ *
+ * @see VD-5022 - [Zero Dependencies] remove d3 dependency
+ */
+/**
+ * Mapping of format directives (e.g. %Y, %m) to their format functions.
+ * Each function takes a Date and returns the formatted string segment.
+ */
+/* eslint-disable jsdoc/require-jsdoc */
+const FORMAT_DIRECTIVES = {
+  '%Y': (d) => String(d.getFullYear()),
+  '%m': (d) => String(d.getMonth() + 1).padStart(2, '0'),
+  '%d': (d) => String(d.getDate()).padStart(2, '0'),
+  '%H': (d) => String(d.getHours()).padStart(2, '0'),
+  '%I': (d) => {
+    const hours = d.getHours() % 12;
+    return String(hours === 0 ? 12 : hours).padStart(2, '0');
+  },
+  '%M': (d) => String(d.getMinutes()).padStart(2, '0'),
+  '%S': (d) => String(d.getSeconds()).padStart(2, '0'),
+  '%L': (d) => String(d.getMilliseconds()).padStart(3, '0'),
+  '%b': (d) => {
+    const months = [
+      'Jan',
+      'Feb',
+      'Mar',
+      'Apr',
+      'May',
+      'Jun',
+      'Jul',
+      'Aug',
+      'Sep',
+      'Oct',
+      'Nov',
+      'Dec',
+    ];
+    return months[d.getMonth()];
+  },
+  '%B': (d) => {
+    const months = [
+      'January',
+      'February',
+      'March',
+      'April',
+      'May',
+      'June',
+      'July',
+      'August',
+      'September',
+      'October',
+      'November',
+      'December',
+    ];
+    return months[d.getMonth()];
+  },
+  '%a': (d) => {
+    const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+    return days[d.getDay()];
+  },
+  '%p': (d) => (d.getHours() >= 12 ? 'PM' : 'AM'),
+  '%%': () => '%',
+};
+/* eslint-enable jsdoc/require-jsdoc */
+/**
+ * Creates a date formatter function for the given specifier.
+ * Mimics d3.timeFormat().
+ *
+ * Supported directives: %Y, %m, %d, %H, %I, %M, %S, %L, %b, %B, %a, %p, %%
+ *
+ * @param {string} specifier - Format specifier string (e.g., '%Y-%m-%d', '.%L', ':%S').
+ * @returns {Function} A function that formats a Date into a string.
+ */
+function timeFormat(specifier) {
+  return (date) => {
+    let result = specifier;
+    // Sort directives by length (longest first) to avoid partial matches
+    const directives = Object.keys(FORMAT_DIRECTIVES).sort((a, b) => b.length - a.length);
+    for (const directive of directives) {
+      if (result.includes(directive)) {
+        result = result.split(directive).join(FORMAT_DIRECTIVES[directive](date));
+      }
+    }
+    return result;
+  };
+}
+/**
+ * Mapping of format directives to regex capture patterns for parsing.
+ */
+/* eslint-disable jsdoc/require-jsdoc */
+const PARSE_PATTERNS = {
+  /** Parses a 4-digit year. */
+  '%Y': {
+    regex: '(\\d{4})',
+    handler: (m, p) => {
+      p.year = parseInt(m, 10);
+    },
+  },
+  /** Parses a 2-digit month. */
+  '%m': {
+    regex: '(\\d{2})',
+    handler: (m, p) => {
+      p.month = parseInt(m, 10) - 1;
+    },
+  },
+  /** Parses a 2-digit day. */
+  '%d': {
+    regex: '(\\d{2})',
+    handler: (m, p) => {
+      p.day = parseInt(m, 10);
+    },
+  },
+  /** Parses a 2-digit hour (24h). */
+  '%H': {
+    regex: '(\\d{2})',
+    handler: (m, p) => {
+      p.hours = parseInt(m, 10);
+    },
+  },
+  /** Parses a 2-digit hour (12h). */
+  '%I': {
+    regex: '(\\d{2})',
+    handler: (m, p) => {
+      p.hours = parseInt(m, 10);
+    },
+  },
+  /** Parses a 2-digit minute. */
+  '%M': {
+    regex: '(\\d{2})',
+    handler: (m, p) => {
+      p.minutes = parseInt(m, 10);
+    },
+  },
+  /** Parses a 2-digit second. */
+  '%S': {
+    regex: '(\\d{2})',
+    handler: (m, p) => {
+      p.seconds = parseInt(m, 10);
+    },
+  },
+  /** Parses a 3-digit millisecond. */
+  '%L': {
+    regex: '(\\d{3})',
+    handler: (m, p) => {
+      p.milliseconds = parseInt(m, 10);
+    },
+  },
+};
+/**
+ * Creates a date parser function for the given specifier.
+ * Mimics d3.timeParse().
+ *
+ * Supported directives: %Y, %m, %d, %H, %I, %M, %S, %L
+ *
+ * @param {string} specifier - Parse specifier string (e.g., '%Y-%m-%d').
+ * @returns {Function} A function that parses a string into a Date, or null on failure.
+ */
+// eslint-disable-next-line spellcheck/spell-checker
+// eslint-disable-next-line @heartlandone/vega-eslint/vega-mandatory-method-return-corresponds-to-comments-tag-verify
+function timeParse(specifier) {
+  // Build regex and capture order from specifier
+  const captureOrder = [];
+  let regexStr = '^';
+  let remaining = specifier;
+  while (remaining.length > 0) {
+    let matched = false;
+    // Sort by key length (longest first) to avoid partial matches
+    const keys = Object.keys(PARSE_PATTERNS).sort((a, b) => b.length - a.length);
+    for (const key of keys) {
+      if (remaining.startsWith(key)) {
+        regexStr += PARSE_PATTERNS[key].regex;
+        captureOrder.push({ handler: PARSE_PATTERNS[key].handler });
+        remaining = remaining.slice(key.length);
+        matched = true;
+        break;
+      }
+    }
+    if (!matched) {
+      // Escape special regex chars for literal characters
+      regexStr += remaining[0].replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      remaining = remaining.slice(1);
+    }
+  }
+  regexStr += '$';
+  const regex = new RegExp(regexStr);
+  return (dateString) => {
+    const match = dateString.match(regex);
+    if (!match)
+      return null;
+    const parts = {
+      year: 1970,
+      month: 0,
+      day: 1,
+      hours: 0,
+      minutes: 0,
+      seconds: 0,
+      milliseconds: 0,
+    };
+    for (let i = 0; i < captureOrder.length; i++) {
+      captureOrder[i].handler(match[i + 1], parts);
+    }
+    return new Date(parts.year, parts.month, parts.day, parts.hours, parts.minutes, parts.seconds, parts.milliseconds);
+  };
+}
+
+/**
+ * D3 Time Polyfill - Lightweight time interval functions.
+ *
+ * This is a drop-in replacement for d3-time, implementing only the time interval
+ * floor functions used in the Vega chart time axis label formatter:
+ * timeSecond, timeMinute, timeHour, timeDay, timeWeek, timeMonth, timeYear.
+ *
+ * Each function floors a Date to the nearest interval boundary, which is used
+ * to determine the appropriate label granularity for time-series chart axes.
+ *
+ * @see VD-5022 - [Zero Dependencies] remove d3 dependency
+ */
+/**
+ * Floors a date to the nearest second boundary.
+ * Used to detect sub-second (millisecond) granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to the nearest second.
+ */
+function timeSecond(date) {
+  const d = new Date(date);
+  d.setMilliseconds(0);
+  return d;
+}
+/**
+ * Floors a date to the nearest minute boundary.
+ * Used to detect sub-minute (second) granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to the nearest minute.
+ */
+function timeMinute(date) {
+  const d = new Date(date);
+  d.setSeconds(0, 0);
+  return d;
+}
+/**
+ * Floors a date to the nearest hour boundary.
+ * Used to detect sub-hour (minute) granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to the nearest hour.
+ */
+function timeHour(date) {
+  const d = new Date(date);
+  d.setMinutes(0, 0, 0);
+  return d;
+}
+/**
+ * Floors a date to the start of the day (midnight).
+ * Used to detect sub-day (hour) granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to midnight.
+ */
+function timeDay(date) {
+  const d = new Date(date);
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+/**
+ * Floors a date to the start of the week (Sunday).
+ * Used to distinguish day vs week label granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to the start of the week (Sunday at midnight).
+ */
+function timeWeek(date) {
+  const d = new Date(date);
+  d.setHours(0, 0, 0, 0);
+  d.setDate(d.getDate() - d.getDay());
+  return d;
+}
+/**
+ * Floors a date to the first of the month.
+ * Used to detect sub-month granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to the 1st of the month at midnight.
+ */
+function timeMonth(date) {
+  const d = new Date(date);
+  d.setDate(1);
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+/**
+ * Floors a date to January 1st of the year.
+ * Used to detect sub-year (month) granularity.
+ *
+ * @param {Date} date - Input date.
+ * @returns {Date} A new Date floored to January 1st at midnight.
+ */
+function timeYear(date) {
+  const d = new Date(date);
+  d.setMonth(0, 1);
+  d.setHours(0, 0, 0, 0);
+  return d;
 }
 
 /** The PathDrawer class draws a path on a chart using provided data and color options. */
@@ -126,8 +428,8 @@ class FormatTimePositionsInputProcessor {
     let result = [];
     let lengthArray = [];
     const flatArray = array.flatNestedArray(data);
-    const flatArray_date = map(flatArray, (d) => {
-      return { x: typeof d.x === 'string' ? yAxisInputProcessor.timeParse('%Y-%m-%d')(d.x) : d.x, y: d.y };
+    const flatArray_date = yAxisInputProcessor.map(flatArray, (d) => {
+      return { x: (typeof d.x === 'string' ? timeParse('%Y-%m-%d')(d.x) : d.x), y: d.y };
     });
     if (data && Array.isArray(data[0])) {
       lengthArray = data.map((item) => item.length);
@@ -174,19 +476,19 @@ class SortPositionsInputProcessor {
 /** The XAxisInputProcessor class generates X-axis options for a line chart based on input data and previous layout results. */
 class XAxisLabelFormatterInputProcessor {
   constructor() {
-    this.formatMillisecond = yAxisInputProcessor.timeFormat('.%L');
-    this.formatSecond = yAxisInputProcessor.timeFormat(':%S');
-    this.formatMinute = yAxisInputProcessor.timeFormat('%I:%M');
+    this.formatMillisecond = timeFormat('.%L');
+    this.formatSecond = timeFormat(':%S');
+    this.formatMinute = timeFormat('%I:%M');
     //return 18:00
-    this.formatHour = yAxisInputProcessor.timeFormat('%H:00');
+    this.formatHour = timeFormat('%H:00');
     //return 01
-    this.formatDay = yAxisInputProcessor.timeFormat('%d');
+    this.formatDay = timeFormat('%d');
     //return Jan 01
-    this.formatWeek = yAxisInputProcessor.timeFormat('%b %d');
+    this.formatWeek = timeFormat('%b %d');
     //return Jan
-    this.formatMonth = yAxisInputProcessor.timeFormat('%b');
+    this.formatMonth = timeFormat('%b');
     //return 2023
-    this.formatYear = yAxisInputProcessor.timeFormat('%Y');
+    this.formatYear = timeFormat('%Y');
   }
   /**
    * This function checks if the xAxis type is 'time' and sets a tickFormat if a labelFormatter is not provided.
@@ -220,19 +522,19 @@ class XAxisLabelFormatterInputProcessor {
    * determined by the conditional statements in the function.
    */
   timeFormatter(date) {
-    return (yAxisInputProcessor.second(date) < date
+    return (timeSecond(date) < date
       ? this.formatMillisecond
-      : yAxisInputProcessor.timeMinute(date) < date
+      : timeMinute(date) < date
         ? this.formatSecond
-        : yAxisInputProcessor.timeHour(date) < date
+        : timeHour(date) < date
           ? this.formatMinute
-          : yAxisInputProcessor.timeDay(date) < date
+          : timeDay(date) < date
             ? this.formatHour
-            : yAxisInputProcessor.timeMonth(date) < date
-              ? yAxisInputProcessor.timeSunday(date) < date
+            : timeMonth(date) < date
+              ? timeWeek(date) < date
                 ? this.formatDay
                 : this.formatWeek
-              : yAxisInputProcessor.timeYear(date) < date
+              : timeYear(date) < date
                 ? this.formatMonth
                 : this.formatYear)(date);
   }

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -8,20 +8,20 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-234ea151.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0b65ce4a.js');
 const breakpoints = require('./breakpoints-751d433a.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
 require('./number-4816603d.js');
-require('./type-guard-407ba0b8.js');
+require('./type-guard-cd0376d4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./internal-translation-controller-1f84ab0a.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./feature-flag-controller-04cb1e69.js');
+require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./try-get-document-c0ebd39a.js');
 

package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js

@@ -12,11 +12,11 @@ const number = require('./number-4816603d.js');
 const ui = require('./ui-234ea151.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
 require('./observer-f49483e8.js');
 require('./internal-vega-event-manager-f7ecf3d4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-04cb1e69.js');
+require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js

@@ -6,8 +6,8 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const translationSlimmer = require('./translation-slimmer-4533bd67.js');
-const internalTranslationController = require('./internal-translation-controller-053eb0f1.js');
+const translationSlimmer = require('./translation-slimmer-2c207e34.js');
+const internalTranslationController = require('./internal-translation-controller-1f84ab0a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
 const vegaEventId = require('./vega-event-id-ee01d8dd.js');
 const ui = require('./ui-234ea151.js');

package/dist/cjs/vega-pagination.cjs.entry.js

@@ -8,25 +8,25 @@ const number = require('./number-4816603d.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
 const vegaEventId = require('./vega-event-id-ee01d8dd.js');
 const ui = require('./ui-234ea151.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const translationSlimmer = require('./translation-slimmer-4533bd67.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const translationSlimmer = require('./translation-slimmer-2c207e34.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0b65ce4a.js');
 const breakpoints = require('./breakpoints-751d433a.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const featureFlagController = require('./feature-flag-controller-04cb1e69.js');
+const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./internal-vega-event-manager-f7ecf3d4.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./internal-translation-controller-1f84ab0a.js');
 require('./static-subject-title-5829a298.js');
-require('./type-guard-407ba0b8.js');
+require('./type-guard-cd0376d4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');

package/dist/cjs/vega-pie-chart.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
-const legendInputProcessor = require('./legend-input-processor-27c65353.js');
+const legendInputProcessor = require('./legend-input-processor-1e53e5bc.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
@@ -12,89 +12,6 @@ require('./number-4816603d.js');
 require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
 
-function descending(a, b) {
-  return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;
-}
-
-function identity(d) {
-  return d;
-}
-
-function d3Pie() {
-  var value = identity,
-      sortValues = descending,
-      sort = null,
-      startAngle = legendInputProcessor.constant$1(0),
-      endAngle = legendInputProcessor.constant$1(legendInputProcessor.tau),
-      padAngle = legendInputProcessor.constant$1(0);
-
-  function pie(data) {
-    var i,
-        n = (data = legendInputProcessor.array(data)).length,
-        j,
-        k,
-        sum = 0,
-        index = new Array(n),
-        arcs = new Array(n),
-        a0 = +startAngle.apply(this, arguments),
-        da = Math.min(legendInputProcessor.tau, Math.max(-legendInputProcessor.tau, endAngle.apply(this, arguments) - a0)),
-        a1,
-        p = Math.min(Math.abs(da) / n, padAngle.apply(this, arguments)),
-        pa = p * (da < 0 ? -1 : 1),
-        v;
-
-    for (i = 0; i < n; ++i) {
-      if ((v = arcs[index[i] = i] = +value(data[i], i, data)) > 0) {
-        sum += v;
-      }
-    }
-
-    // Optionally sort the arcs by previously-computed values or by data.
-    if (sortValues != null) index.sort(function(i, j) { return sortValues(arcs[i], arcs[j]); });
-    else if (sort != null) index.sort(function(i, j) { return sort(data[i], data[j]); });
-
-    // Compute the arcs! They are stored in the original data's order.
-    for (i = 0, k = sum ? (da - n * pa) / sum : 0; i < n; ++i, a0 = a1) {
-      j = index[i], v = arcs[j], a1 = a0 + (v > 0 ? v * k : 0) + pa, arcs[j] = {
-        data: data[j],
-        index: i,
-        value: v,
-        startAngle: a0,
-        endAngle: a1,
-        padAngle: p
-      };
-    }
-
-    return arcs;
-  }
-
-  pie.value = function(_) {
-    return arguments.length ? (value = typeof _ === "function" ? _ : legendInputProcessor.constant$1(+_), pie) : value;
-  };
-
-  pie.sortValues = function(_) {
-    return arguments.length ? (sortValues = _, sort = null, pie) : sortValues;
-  };
-
-  pie.sort = function(_) {
-    return arguments.length ? (sort = _, sortValues = null, pie) : sort;
-  };
-
-  pie.startAngle = function(_) {
-    return arguments.length ? (startAngle = typeof _ === "function" ? _ : legendInputProcessor.constant$1(+_), pie) : startAngle;
-  };
-
-  pie.endAngle = function(_) {
-    return arguments.length ? (endAngle = typeof _ === "function" ? _ : legendInputProcessor.constant$1(+_), pie) : endAngle;
-  };
-
-  pie.padAngle = function(_) {
-    return arguments.length ? (padAngle = typeof _ === "function" ? _ : legendInputProcessor.constant$1(+_), pie) : padAngle;
-  };
-
-  return pie;
-}
-
 /** The `ArcPathHoverGenerator` class is a TypeScript function that handles mouseover events on SVG elements with a specific class and modifies their appearance. */
 class ArcPathHoverGenerator extends legendInputProcessor.InteractingEntryGenerator {
   constructor() {
@@ -139,7 +56,7 @@ class ArcPathHoverGenerator extends legendInputProcessor.InteractingEntryGenerat
    * target element that triggered the event, and the position of the mouse cursor.
    */
   handle(event) {
-    const svgSelection = legendInputProcessor.d3Select(event.currentTarget);
+    const svgSelection = legendInputProcessor.select(event.currentTarget);
     const targetPathNode = event.target;
     const name = targetPathNode.dataset.name;
     svgSelection.selectAll('.vega-chart-arc-path').each(function () {
@@ -149,14 +66,14 @@ class ArcPathHoverGenerator extends legendInputProcessor.InteractingEntryGenerat
         const oldPath = pathNode.getAttribute('d');
         const newPath = pathNode.dataset.d;
         pathNode.dataset.d = oldPath;
-        legendInputProcessor.d3Select(this).transition(100).duration(100).attr('d', newPath);
+        legendInputProcessor.select(this).transition(100).duration(100).attr('d', newPath);
       }
       else if (!targetPathNode.classList.contains('hover')) {
         targetPathNode.classList.add('hover');
         const oldPath = targetPathNode.getAttribute('d');
         const newPath = targetPathNode.dataset.d;
         targetPathNode.dataset.d = oldPath;
-        legendInputProcessor.d3Select(targetPathNode).transition(100).duration(100).attr('d', newPath);
+        legendInputProcessor.select(targetPathNode).transition(100).duration(100).attr('d', newPath);
         svgSelection.select('.vega-chart-draw-g text').text(name);
       }
     });
@@ -224,7 +141,7 @@ class PieChartArchPathInputProcessor {
   process(input, previousOutput) {
     const { dataSource: filterDataSource, colors } = input;
     const { radius, innerRadius, center } = previousOutput;
-    const renderData = d3Pie().value((d) => d.value)(filterDataSource);
+    const renderData = legendInputProcessor.pie().value((d) => d.value)(filterDataSource);
     return {
       data: renderData,
       colors,