@heartlandone/vega 2.76.0 → 2.77.1

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

@@ -5,7 +5,7 @@ import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
 import { e as executeAfterTransition } from './effect-f50e072d.js';
-import { F as FeatureFlag } from './feature-flag-controller-09ea7e87.js';
+import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { g as getCurrentBreakpoint } from './breakpoints-56e5407b.js';
@@ -24,7 +24,7 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-478c9f41.js';
 import { f as findParent } from './ui-ee31416b.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
-import { f as formatAndValidResponsiveToken } from './design-token-4aee1c56.js';
+import { f as formatAndValidResponsiveToken } from './design-token-7dec1eab.js';
 import './try-get-document-bef0f526.js';
 import './index-bfc6dfa2.js';
 import './icon-manager-539d7cf7.js';
@@ -39,10 +39,10 @@ import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';
 import './static-subject-title-52f93124.js';
 import './object-66c37948.js';
-import './type-guard-f50e34d6.js';
+import './type-guard-af324dcd.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-911515f9.js';
-import './responsive-format-facade-7a071174.js';
+import './internal-translation-controller-113a6288.js';
+import './responsive-format-facade-2a36c54a.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 
@@ -1169,7 +1169,6 @@ class VegaLeftNavLinkRenderer extends VegaSlimmer {
     };
   }
   render() {
-    var _a;
     const url = this.url || 'javascript:void(0);';
     const classList = this.selected === true ? 'selected' : '';
     return (h(Host, { class: classList, "data-key": this.itemKey },
@@ -1179,8 +1178,8 @@ class VegaLeftNavLinkRenderer extends VegaSlimmer {
             h("vega-icon", { icon: this.icon, size: "size-16" })))),
         h("span", { class: "vega-links-name" },
           h("slot", null)),
-        h("div", { class: "vega-counter-badge" },
-          h("vega-counter-badge", { count: this.deprecatedPropertySlimmer.getValue(), color: (_a = this.counterBadge) === null || _a === void 0 ? void 0 : _a.color })))));
+        !!this.deprecatedPropertySlimmer.getValue() && (h("div", { class: "vega-counter-badge" },
+          h("vega-counter-badge", { count: this.deprecatedPropertySlimmer.getValue(), color: this.counterBadge.color }))))));
   }
   notifyVegaLeftNav() {
     const vegaLeftNav = findParent(this.host, 'vega-left-nav');

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-090d31ca.js';
-import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-5ecae3a7.js';
-import { t as timeParse, a as timeFormat, s as second, b as timeMinute, c as timeHour, d as timeDay, e as timeMonth, f as timeSunday, g as timeYear, X as XAxisInputProcessor, Y as YAxisInputProcessor, h as XAxisDrawer, i as YAxisDrawer } from './y-axis-input-processor-bc54314a.js';
+import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-122008c5.js';
+import { m as map, X as XAxisInputProcessor, Y as YAxisInputProcessor, a as XAxisDrawer, b as YAxisDrawer } from './y-axis-input-processor-c7e05353.js';
 import { f as flatNestedArray, c as convertArrayToNestedArray, s as sortAsExistArray, a as sortArrayOrNestedArray } from './array-7888f339.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -9,10 +9,312 @@ import './typography-396de03f.js';
 import './pixel-f32c07ce.js';
 import './number-4398f2e1.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. */
@@ -123,7 +425,7 @@ class FormatTimePositionsInputProcessor {
     let lengthArray = [];
     const flatArray = flatNestedArray(data);
     const flatArray_date = map(flatArray, (d) => {
-      return { x: typeof d.x === 'string' ? timeParse('%Y-%m-%d')(d.x) : d.x, y: d.y };
+      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);
@@ -216,7 +518,7 @@ class XAxisLabelFormatterInputProcessor {
    * determined by the conditional statements in the function.
    */
   timeFormatter(date) {
-    return (second(date) < date
+    return (timeSecond(date) < date
       ? this.formatMillisecond
       : timeMinute(date) < date
         ? this.formatSecond
@@ -225,7 +527,7 @@ class XAxisLabelFormatterInputProcessor {
           : timeDay(date) < date
             ? this.formatHour
             : timeMonth(date) < date
-              ? timeSunday(date) < date
+              ? timeWeek(date) < date
                 ? this.formatDay
                 : this.formatWeek
               : timeYear(date) < date

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

@@ -4,20 +4,20 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-ee31416b.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-7a071174.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a36c54a.js';
 import { g as getCurrentBreakpoint } from './breakpoints-56e5407b.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
 import './number-4398f2e1.js';
-import './type-guard-f50e34d6.js';
+import './type-guard-af324dcd.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-911515f9.js';
+import './internal-translation-controller-113a6288.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './try-get-document-bef0f526.js';
 

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

@@ -8,11 +8,11 @@ import { n as normalizeNumberByRanger, c as convertToNumber } from './number-439
 import { f as findParent } from './ui-ee31416b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { r as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-799d012e.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-649b9d30.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
 import './observer-3959f9dd.js';
 import './internal-vega-event-manager-32a3d848.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-09ea7e87.js';
+import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -2,8 +2,8 @@ import { h, r as registerInstance, H as Host, g as getElement } from './index-09
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { T as TranslationSlimmer } from './translation-slimmer-2394b173.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-911515f9.js';
+import { T as TranslationSlimmer } from './translation-slimmer-9f0339aa.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-113a6288.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
 import { V as VegaDropdownClick } from './vega-event-id-38aa77a0.js';
 import { f as findParent } from './ui-ee31416b.js';

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

@@ -4,25 +4,25 @@ import { n as normalizeNumberByRanger, c as convertToNumber } from './number-439
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
 import { z as VegaFormSubmit, F as VegaBlur, f as VegaChange, a as VegaClick, S as VegaPageSizeChange } from './vega-event-id-38aa77a0.js';
 import { a as arrayToClassString } from './ui-ee31416b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-649b9d30.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { T as TranslationSlimmer } from './translation-slimmer-2394b173.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-7a071174.js';
+import { T as TranslationSlimmer } from './translation-slimmer-9f0339aa.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a36c54a.js';
 import { g as getCurrentBreakpoint } from './breakpoints-56e5407b.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
 import { q as VegaInternalPaginationPageSizeChange, r as VegaInternalPaginationCurrentChange } from './vega-internal-event-id-799d012e.js';
-import { F as FeatureFlag } from './feature-flag-controller-09ea7e87.js';
+import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './internal-vega-event-manager-32a3d848.js';
 import './vega-env-manager-8f8dc473.js';
 import './dynamic-slimmer-90b8af32.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-911515f9.js';
+import './internal-translation-controller-113a6288.js';
 import './static-subject-title-52f93124.js';
-import './type-guard-f50e34d6.js';
+import './type-guard-af324dcd.js';
 import './breakpoints-d9faf11c.js';
 import './ui-28fd4193.js';
 import './typography-396de03f.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-090d31ca.js';
-import { h as array, t as tau, j as constant, I as InteractingEntryGenerator, k as d3Select, B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-5ecae3a7.js';
+import { I as InteractingEntryGenerator, s as select, B as BaseDrawer, p as pie, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-122008c5.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
@@ -8,89 +8,6 @@ import './number-4398f2e1.js';
 import './typography-396de03f.js';
 import './pixel-f32c07ce.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 = constant(0),
-      endAngle = constant(tau),
-      padAngle = constant(0);
-
-  function pie(data) {
-    var i,
-        n = (data = array(data)).length,
-        j,
-        k,
-        sum = 0,
-        index = new Array(n),
-        arcs = new Array(n),
-        a0 = +startAngle.apply(this, arguments),
-        da = Math.min(tau, Math.max(-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" ? _ : constant(+_), 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" ? _ : constant(+_), pie) : startAngle;
-  };
-
-  pie.endAngle = function(_) {
-    return arguments.length ? (endAngle = typeof _ === "function" ? _ : constant(+_), pie) : endAngle;
-  };
-
-  pie.padAngle = function(_) {
-    return arguments.length ? (padAngle = typeof _ === "function" ? _ : constant(+_), 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 InteractingEntryGenerator {
   constructor() {
@@ -135,7 +52,7 @@ class ArcPathHoverGenerator extends InteractingEntryGenerator {
    * target element that triggered the event, and the position of the mouse cursor.
    */
   handle(event) {
-    const svgSelection = d3Select(event.currentTarget);
+    const svgSelection = select(event.currentTarget);
     const targetPathNode = event.target;
     const name = targetPathNode.dataset.name;
     svgSelection.selectAll('.vega-chart-arc-path').each(function () {
@@ -145,14 +62,14 @@ class ArcPathHoverGenerator extends InteractingEntryGenerator {
         const oldPath = pathNode.getAttribute('d');
         const newPath = pathNode.dataset.d;
         pathNode.dataset.d = oldPath;
-        d3Select(this).transition(100).duration(100).attr('d', newPath);
+        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;
-        d3Select(targetPathNode).transition(100).duration(100).attr('d', newPath);
+        select(targetPathNode).transition(100).duration(100).attr('d', newPath);
         svgSelection.select('.vega-chart-draw-g text').text(name);
       }
     });
@@ -220,7 +137,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 = pie().value((d) => d.value)(filterDataSource);
     return {
       data: renderData,
       colors,