@heartlandone/vega 2.80.0 → 2.82.0

package/dist/cjs/{dark-mode-style-controller-3a04af3d.js → dark-mode-style-controller-bd765afb.js}

@@ -3,6 +3,7 @@
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
+const tinycolorPolyfill = require('./tinycolor-polyfill-502efaa8.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const index = require('./index-592b4052.js');
 
@@ -484,327 +485,6 @@ const DarkModeRingTokens = {
   'ring-action-danger-focus': '255, 56, 97, 0.25',
 };
 
-/**
- * TinyColor Polyfill - A lightweight color manipulation utility.
- *
- * This is a drop-in replacement for tinycolor2, implementing only the methods
- * used in the Vega theme overriding system.
- *
- * @see VD-5026 - [Zero Dependencies] remove tinycolor2 dependency
- */
-/**
- * TinyColor polyfill class for color manipulation.
- * Implements the same interface as tinycolor2.Instance for the methods used in Vega.
- */
-class TinyColorPolyfill {
-  /**
-   * Create a new TinyColorPolyfill instance.
-   *
-   * @param {string | RgbaValue} color - The color to parse.
-   */
-  constructor(color) {
-    const rgba = TinyColorPolyfill.parseColor(color);
-    this._r = rgba.r;
-    this._g = rgba.g;
-    this._b = rgba.b;
-    this._a = rgba.a;
-  }
-  // ==================== Private Static Helper Methods ====================
-  /**
-   * Clamp a value between a minimum and maximum.
-   *
-   * @param {number} value - The value to clamp.
-   * @param {number} min - The minimum allowed value.
-   * @param {number} max - The maximum allowed value.
-   * @returns {number} The clamped value.
-   */
-  static clamp(value, min, max) {
-    return Math.min(Math.max(value, min), max);
-  }
-  /**
-   * Parse a color string or RGBA object into an RgbaValue.
-   *
-   * Supported formats:
-   * - Hex: #RGB, #RRGGBB, #RRGGBBAA
-   * - RGB: rgb(r, g, b)
-   * - RGBA: rgba(r, g, b, a)
-   * - Object: { r, g, b, a? }
-   *
-   * @param {string | RgbaValue} color - The color to parse.
-   * @returns {RgbaValue} The parsed RGBA value.
-   */
-  static parseColor(color) {
-    if (typeof color === 'object' && 'r' in color && 'g' in color && 'b' in color) {
-      return {
-        r: Math.round(TinyColorPolyfill.clamp(color.r, 0, 255)),
-        g: Math.round(TinyColorPolyfill.clamp(color.g, 0, 255)),
-        b: Math.round(TinyColorPolyfill.clamp(color.b, 0, 255)),
-        a: color.a !== undefined ? TinyColorPolyfill.clamp(color.a, 0, 1) : 1,
-      };
-    }
-    if (typeof color !== 'string') {
-      return { r: 0, g: 0, b: 0, a: 1 };
-    }
-    const trimmed = color.trim().toLowerCase();
-    // Hex format
-    if (trimmed.startsWith('#')) {
-      return TinyColorPolyfill.parseHex(trimmed);
-    }
-    // RGB/RGBA format
-    if (trimmed.startsWith('rgb')) {
-      return TinyColorPolyfill.parseRgbString(trimmed);
-    }
-    // Fallback to black for unsupported formats
-    return { r: 0, g: 0, b: 0, a: 1 };
-  }
-  /* eslint-disable spellcheck/spell-checker */
-  /**
-   * Parse a hex color string into RGBA values.
-   *
-   * @param {string} hex - The hex color string (e.g., "#fff", "#ffffff", "#ffffffff").
-   * @returns {RgbaValue} The parsed RGBA value.
-   */
-  static parseHex(hex) {
-    /* eslint-enable spellcheck/spell-checker */
-    // Remove the # prefix
-    let hexValue = hex.slice(1);
-    // Expand shorthand format (#RGB -> #RRGGBB)
-    if (hexValue.length === 3) {
-      hexValue = hexValue
-        .split('')
-        .map((c) => c + c)
-        .join('');
-    }
-    // Handle #RGBA shorthand
-    if (hexValue.length === 4) {
-      hexValue = hexValue
-        .split('')
-        .map((c) => c + c)
-        .join('');
-    }
-    const r = parseInt(hexValue.slice(0, 2), 16);
-    const g = parseInt(hexValue.slice(2, 4), 16);
-    const b = parseInt(hexValue.slice(4, 6), 16);
-    let a = 1;
-    // Handle #RRGGBBAA format
-    if (hexValue.length === 8) {
-      a = parseInt(hexValue.slice(6, 8), 16) / 255;
-    }
-    return {
-      r: Number.isNaN(r) ? 0 : r,
-      g: Number.isNaN(g) ? 0 : g,
-      b: Number.isNaN(b) ? 0 : b,
-      a: Number.isNaN(a) ? 1 : a,
-    };
-  }
-  /**
-   * Parse an RGB or RGBA string into RGBA values.
-   *
-   * @param {string} rgbString - The RGB/RGBA string (e.g., "rgb(255, 128, 0)" or "rgba(255, 128, 0, 0.5)").
-   * @returns {RgbaValue} The parsed RGBA value.
-   */
-  static parseRgbString(rgbString) {
-    // Match rgb(r, g, b) or rgba(r, g, b, a) with comma-separated integer values.
-    // Note: Does NOT support percentage values (e.g., rgb(100%, 50%, 0%)) or
-    // modern CSS space-separated syntax (e.g., rgb(255 128 0 / 0.5)).
-    const match = rgbString.match(/rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d+\.?\d*))?\s*\)/);
-    if (!match) {
-      return { r: 0, g: 0, b: 0, a: 1 };
-    }
-    return {
-      r: TinyColorPolyfill.clamp(parseInt(match[1], 10), 0, 255),
-      g: TinyColorPolyfill.clamp(parseInt(match[2], 10), 0, 255),
-      b: TinyColorPolyfill.clamp(parseInt(match[3], 10), 0, 255),
-      a: match[4] !== undefined ? TinyColorPolyfill.clamp(parseFloat(match[4]), 0, 1) : 1,
-    };
-  }
-  /**
-   * Convert RGB to HSL.
-   *
-   * @param {number} r - Red (0-255).
-   * @param {number} g - Green (0-255).
-   * @param {number} b - Blue (0-255).
-   * @returns {HslValue} The HSL values (h: 0-360, s: 0-1, l: 0-1).
-   */
-  static rgbToHsl(r, g, b) {
-    r /= 255;
-    g /= 255;
-    b /= 255;
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    const l = (max + min) / 2;
-    let h = 0;
-    let s = 0;
-    if (max !== min) {
-      const d = max - min;
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      switch (max) {
-        case r:
-          h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-          break;
-        case g:
-          h = ((b - r) / d + 2) / 6;
-          break;
-        case b:
-          h = ((r - g) / d + 4) / 6;
-          break;
-      }
-    }
-    return { h: h * 360, s, l };
-  }
-  /**
-   * Convert HSL to RGB.
-   *
-   * @param {number} h - Hue (0-360).
-   * @param {number} s - Saturation (0-1).
-   * @param {number} l - Lightness (0-1).
-   * @returns {RgbValue} The RGB values (0-255).
-   */
-  static hslToRgb(h, s, l) {
-    h /= 360;
-    let r;
-    let g;
-    let b;
-    if (s === 0) {
-      r = g = b = l;
-    }
-    else {
-      /**
-       * Helper function to convert hue to RGB component.
-       *
-       * @param {number} p - First intermediate value.
-       * @param {number} q - Second intermediate value.
-       * @param {number} t - Hue offset value.
-       * @returns {number} RGB component value (0-1).
-       */
-      const hue2rgb = (p, q, t) => {
-        if (t < 0)
-          t += 1;
-        if (t > 1)
-          t -= 1;
-        if (t < 1 / 6)
-          return p + (q - p) * 6 * t;
-        if (t < 1 / 2)
-          return q;
-        if (t < 2 / 3)
-          return p + (q - p) * (2 / 3 - t) * 6;
-        return p;
-      };
-      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-      const p = 2 * l - q;
-      r = hue2rgb(p, q, h + 1 / 3);
-      g = hue2rgb(p, q, h);
-      b = hue2rgb(p, q, h - 1 / 3);
-    }
-    return {
-      r: Math.round(r * 255),
-      g: Math.round(g * 255),
-      b: Math.round(b * 255),
-    };
-  }
-  /**
-   * Calculate the perceived brightness of a color using the YIQ formula.
-   * This matches tinycolor2's brightness calculation.
-   *
-   * @param {number} r - Red (0-255).
-   * @param {number} g - Green (0-255).
-   * @param {number} b - Blue (0-255).
-   * @returns {number} Brightness value (0-255).
-   */
-  static getBrightness(r, g, b) {
-    return (r * 299 + g * 587 + b * 114) / 1000;
-  }
-  // ==================== Public Instance Methods ====================
-  /**
-   * Check if the color is dark (brightness < 128).
-   *
-   * @returns {boolean} True if the color is considered dark.
-   */
-  isDark() {
-    return TinyColorPolyfill.getBrightness(this._r, this._g, this._b) < 128;
-  }
-  /**
-   * Check if the color is light (brightness >= 128).
-   *
-   * @returns {boolean} True if the color is considered light.
-   */
-  isLight() {
-    return !this.isDark();
-  }
-  /**
-   * Create a copy of this color.
-   *
-   * @returns {TinyColorPolyfill} A new TinyColorPolyfill instance with the same values.
-   */
-  clone() {
-    const cloned = new TinyColorPolyfill({
-      r: this._r,
-      g: this._g,
-      b: this._b,
-      a: this._a,
-    });
-    return cloned;
-  }
-  /**
-   * Lighten the color by a given amount.
-   * Note: tinycolor2 accepts negative values to darken.
-   *
-   * @param {number} amount - The amount to lighten (0-100). Negative values darken.
-   * @returns {TinyColorPolyfill} This instance for chaining.
-   */
-  lighten(amount = 10) {
-    const hsl = TinyColorPolyfill.rgbToHsl(this._r, this._g, this._b);
-    hsl.l = TinyColorPolyfill.clamp(hsl.l + amount / 100, 0, 1);
-    const rgb = TinyColorPolyfill.hslToRgb(hsl.h, hsl.s, hsl.l);
-    this._r = rgb.r;
-    this._g = rgb.g;
-    this._b = rgb.b;
-    return this;
-  }
-  /**
-   * Darken the color by a given amount.
-   *
-   * @param {number} amount - The amount to darken (0-100).
-   * @returns {TinyColorPolyfill} This instance for chaining.
-   */
-  darken(amount = 10) {
-    return this.lighten(-amount);
-  }
-  /**
-   * Set the alpha (opacity) of the color.
-   *
-   * @param {number} alpha - The alpha value (0-1).
-   * @returns {TinyColorPolyfill} This instance for chaining.
-   */
-  setAlpha(alpha) {
-    this._a = TinyColorPolyfill.clamp(alpha, 0, 1);
-    return this;
-  }
-  /**
-   * Get the RGBA representation of the color.
-   *
-   * @returns {RgbaValue} The RGBA values.
-   */
-  toRgb() {
-    return {
-      r: this._r,
-      g: this._g,
-      b: this._b,
-      a: this._a,
-    };
-  }
-}
-/**
- * Factory function to create a TinyColorPolyfill instance.
- * This provides API compatibility with tinycolor2's default export.
- *
- * @param {string | RgbaValue} color - The color to parse.
- * @returns {TinyColorPolyfill} A new TinyColorPolyfill instance.
- */
-function tinycolor(color) {
-  return new TinyColorPolyfill(color);
-}
-
 const formatValue$2 = (tinyColor) => {
   if (!tinyColor) {
     return '';
@@ -2069,7 +1749,7 @@ class ColorSchemaOverridingController {
    */
   parseCssVarValue(overrideColorToken, overrideColors) {
     var _a;
-    return (_a = overrideColorToken.overrideGetter) === null || _a === void 0 ? void 0 : _a.call(overrideColorToken, overrideColors, tinycolor);
+    return (_a = overrideColorToken.overrideGetter) === null || _a === void 0 ? void 0 : _a.call(overrideColorToken, overrideColors, tinycolorPolyfill.tinycolor);
   }
 }
 const VegaColorSchemaOverridingController = new ColorSchemaOverridingController();

package/dist/cjs/{date-required-rule-9f0e3e99.js → date-required-rule-6addf5dd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**

package/dist/cjs/{design-token-3f9589eb.js → design-token-93070bb8.js}

@@ -1,137 +1,13 @@
 'use strict';
 
-const typeGuard = require('./type-guard-d760850a.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
 const typography = require('./typography-4560e7f1.js');
+const stateBorderFormatter = require('./state-border-formatter-4e5e4ed0.js');
 const ui = require('./ui-32120990.js');
 
-/**
- * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
- * input values and provides an array of CSS states.
- */
-class StateBorderColorFormatter extends typeGuard.StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'focus-visible', 'hover', 'active'];
-  }
-  /**
-   * The function `formatToken` takes a BorderColorsTokenType input, checks if it is a valid border
-   * color token type, and returns the corresponding CSS border-color value or logs a warning if the
-   * input is invalid.
-   *
-   * @param {BorderColorsTokenType} input - BorderColorsTokenType
-   * @returns {string} The `formatToken` function returns a string that represents a CSS style for border color
-   * based on the input `BorderColorsTokenType`. If the input is a valid border color token type, it
-   * retrieves the corresponding value from the `BorderColorMap` and returns a CSS style string with the
-   * border color value. If the input is not a valid border color token type, it logs a warning message
-   * and returns an
-   */
-  formatToken(input) {
-    if (typeGuard.isBorderColorTokenType(input)) {
-      const tokenValue = typeGuard.BorderColorMap[input];
-      return `border-color: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The borderColor value ${input} is invalid, it must be a value of: `, typeGuard.BorderColors);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[]} An array of CssStatesType objects is being returned.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateBorderColorFormatter$1 = new StateBorderColorFormatter();
-
-/**
- * The `StateShadowFormatter` class in TypeScript formats a CSS `box-shadow` property based on a
- * ShadowsTokenType input and provides an array of CssStatesType objects.
- */
-class StateShadowFormatter extends typeGuard.StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'focus-visible', 'hover'];
-  }
-  /**
-   * The `formatToken` function in TypeScript takes a ShadowsTokenType input, validates it, and returns a
-   * formatted CSS box-shadow property string or logs a warning if the input is invalid.
-   *
-   * @param {ShadowsTokenType} input - ShadowsTokenType
-   * @returns {string} The `formatToken` function takes a `ShadowsTokenType` input and returns a CSS `box-shadow`
-   * property with the corresponding value from the `ShadowMap` object. If the input is not a valid
-   * `ShadowsTokenType`, it logs a warning message using `LogUtility.warn` and returns an empty string.
-   */
-  formatToken(input) {
-    if (typeGuard.isShadowsTokenType(input)) {
-      const tokenValue = typeGuard.ShadowMap[input];
-      return `box-shadow: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The shadow value ${input} is invalid, it must be a value of: `, typeGuard.Shadows);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[]}An array of CssStatesType objects is being returned.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateShadowFormatter$1 = new StateShadowFormatter();
-
-/**
- * The `StateBorderFormatter` class in TypeScript formats border token values into CSS border properties
- * and provides state information.
- */
-class StateBorderFormatter extends typeGuard.StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'focus-visible', 'hover', 'active'];
-  }
-  /**
-   * The `formatToken` function in TypeScript formats a border token value into a CSS border property
-   * string or logs a warning if the input is invalid.
-   *
-   * @param {BordersTokenType} input - The `formatToken` function takes a `BordersTokenType` as input
-   * and returns a formatted string representing a CSS border property based on the input token value.
-   * If the input is a valid border token type, it retrieves the corresponding CSS value from the
-   * `BorderMap` and returns it in a `border
-   * @returns {string} The `formatToken` function returns a string that represents a CSS border property based on
-   * the input `BordersTokenType`. If the input is a valid border token type, it retrieves the
-   * corresponding value from the `BorderMap` and returns a CSS `border` property string. If the input
-   * is not a valid border token type, it logs a warning message using `LogUtility.warn` and returns an
-   * empty
-   */
-  formatToken(input) {
-    if (typeGuard.isBorderTokenType(input)) {
-      const tokenValue = typeGuard.BorderMap[input];
-      return `border: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The border value ${input} is invalid, it must be a value of: `, typeGuard.Borders);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[] } An array of objects of type CssStatesType, which represents the states.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateBorderFormatter$1 = new StateBorderFormatter();
-
 /**
  * The `StateFormatFacade` class in TypeScript provides a method to format different types of
  * state variants based on a specified flag.
@@ -159,11 +35,11 @@ class StateFormatFacade {
       case 'backgroundColor':
         return typeGuard.StateBackgroundColorFormatter.format(input);
       case 'borderColor':
-        return StateBorderColorFormatter$1.format(input);
+        return stateBorderFormatter.StateBorderColorFormatter.format(input);
       case 'shadow':
-        return StateShadowFormatter$1.format(input);
+        return stateBorderFormatter.StateShadowFormatter.format(input);
       case 'border':
-        return StateBorderFormatter$1.format(input);
+        return stateBorderFormatter.StateBorderFormatter.format(input);
       default:
         throw new Error(`Invalid flag ${flag} passed into StateFormatFacade`);
     }

package/dist/cjs/{dom-node-subject-observer-factory-a3a60da4.js → dom-node-subject-observer-factory-9110cb94.js}

@@ -2,7 +2,7 @@
 
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {

package/dist/cjs/drop-file-accept-filter-slimmer-cd619cc7.js

@@ -0,0 +1,64 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Filters dropped/selected files based on the accepted file types specified in the host component's `accept` property.
+ *
+ * The host component is expected to expose a string `accept` property using the same syntax as the standard
+ * HTML `<input type="file">` `accept` attribute (file extensions like `.png`, MIME types like `image/png`,
+ * MIME wildcards like `image/*`, or the universal wildcards `*` / `*\/*` / `/*`).
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+ */
+class DropFileAcceptFilterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Filters the files based on accepted file types if specified.
+   *
+   * @param {FileList|null} fileList - FileList is a FileList object
+   * @returns {File[]} An array of `File` objects after filtering based on the accepted file types specified in the `accept` property
+   */
+  process(fileList) {
+    const files = Array.from(fileList || []);
+    if (fileList && this.accept && this.accept !== '*' && this.accept !== '/*' && this.accept !== '*/*') {
+      const acceptFileTypes = this.accept.split(',');
+      return files.filter((file) => this.validateFileType(file, acceptFileTypes));
+    }
+    return files;
+  }
+  /**
+   * Checks if a given file matches any of the accepted file types based on file name, MIME type, or base type.
+   *
+   * @param {File} file - File object
+   * @param {string[]} acceptTypes - An array of strings that represent the file types that are accepted.
+   * @returns {boolean} A boolean value, indicating whether the provided file matches any of the accepted file types specified in the `acceptTypes` array.
+   */
+  validateFileType(file, acceptTypes) {
+    const fileName = file.name;
+    const fileType = (file.type || '').toLowerCase();
+    const fileBaseType = fileType.replace(/\/.*$/, '');
+    return acceptTypes.some((acceptFileType) => {
+      acceptFileType = acceptFileType.trim().toLowerCase();
+      if (acceptFileType.startsWith('.')) {
+        return fileName.toLowerCase().endsWith(acceptFileType);
+      }
+      else if (acceptFileType.endsWith('/*')) {
+        return fileBaseType === acceptFileType.replace(/\/.*$/, '');
+      }
+      else {
+        return fileType === acceptFileType;
+      }
+    });
+  }
+}
+__decorate([
+  globalSlimmerRegistry.MapToComponentField()
+], DropFileAcceptFilterSlimmer.prototype, "accept", void 0);
+
+exports.DropFileAcceptFilterSlimmer = DropFileAcceptFilterSlimmer;

package/dist/cjs/{element-appender-slimmer-7a66229b.js → element-appender-slimmer-dedd3a34.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const ui$1 = require('./ui-32120990.js');
-const typeGuard = require('./type-guard-d760850a.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/{event-emit-slimmer-024e26bb.js → event-emit-slimmer-bcb458b2.js}

@@ -3,8 +3,8 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-cc0f511c.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{form-field-controller-slimmer-c487cf2b.js → form-field-controller-slimmer-0f3a028e.js}

@@ -5,19 +5,19 @@ const string = require('./string-39438062.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const ui = require('./ui-9e8c9732.js');
+const ui = require('./ui-ae4ee13d.js');
 const misc = require('./misc-3d30df91.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
 const index = require('./index-592b4052.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/cjs/{image-annotation-action-4e72af4b.js → image-annotation-action-0339e983.js}

@@ -3,11 +3,11 @@
 const index = require('./index-58ea899e.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-71a330a1.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
+const codeBlock = require('./code-block-b1f8aded.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
-const contentState = require('./content-state-afa26456.js');
+const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
+const contentState = require('./content-state-648652b4.js');
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,

package/dist/cjs/index-58ea899e.js

@@ -1671,6 +1671,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-input-passcode.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-color-swatch.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-color-swatch.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-checkbox_2.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */