@heartlandone/vega 2.80.0 → 2.82.0

package/dist/esm/{dark-mode-style-controller-82e5c1c6.js → dark-mode-style-controller-e9a6b097.js}

@@ -1,6 +1,7 @@
 import { D as DARK_MODE_CHANGE, G as GP_BRAND_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
+import { t as tinycolor } from './tinycolor-polyfill-7be0eb93.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { h as htmlSanitizer, s as styleSanitizeStrategy, e as emptySanitizeStrategy } from './index-3b327f29.js';
 
@@ -482,327 +483,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 '';

package/dist/esm/{date-required-rule-29608215.js → date-required-rule-891a6a57.js}

@@ -1,4 +1,4 @@
-import { R as isDateStr } from './type-guard-23a08026.js';
+import { P as isDateStr } from './type-guard-152070e9.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{design-token-edcd787b.js → design-token-59d07aa2.js}

@@ -1,135 +1,11 @@
-import { j as StateVariantFormatter, k as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, l as isShadowsTokenType, f as Shadows, g as ShadowMap, m as isBorderTokenType, n as Borders, o as BorderMap, p as StateBackgroundColorFormatter, q as isSpacingTokenType, r as isBorderRadiusTokenType, s as isBackgroundColorTokenType, t as isTextColorTokenType, u as isBreakpointsTokenType, h as Spacing, v as isBorderStyleType, B as BorderRadius, C as Colors, w as isTypographyTokenType } from './type-guard-23a08026.js';
+import { j as StateBackgroundColorFormatter, k as isSpacingTokenType, l as isBorderRadiusTokenType, m as isBorderColorTokenType, n as isBackgroundColorTokenType, o as isTextColorTokenType, p as isBreakpointsTokenType, q as isShadowsTokenType, h as Spacing, r as isBorderStyleType, B as BorderRadius, C as Colors, f as Shadows, s as isTypographyTokenType } from './type-guard-152070e9.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
+import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-be51463d.js';
 import { B as BorderStyle } from './ui-93922c59.js';
 
-/**
- * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
- * input values and provides an array of CSS states.
- */
-class StateBorderColorFormatter extends 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 (isBorderColorTokenType(input)) {
-      const tokenValue = BorderColorMap[input];
-      return `border-color: ${tokenValue};`;
-    }
-    else {
-      LogUtility.warn(`The borderColor value ${input} is invalid, it must be a value of: `, 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 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 (isShadowsTokenType(input)) {
-      const tokenValue = ShadowMap[input];
-      return `box-shadow: ${tokenValue};`;
-    }
-    else {
-      LogUtility.warn(`The shadow value ${input} is invalid, it must be a value of: `, 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 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 (isBorderTokenType(input)) {
-      const tokenValue = BorderMap[input];
-      return `border: ${tokenValue};`;
-    }
-    else {
-      LogUtility.warn(`The border value ${input} is invalid, it must be a value of: `, 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.
@@ -157,11 +33,11 @@ class StateFormatFacade {
       case 'backgroundColor':
         return StateBackgroundColorFormatter.format(input);
       case 'borderColor':
-        return StateBorderColorFormatter$1.format(input);
+        return StateBorderColorFormatter.format(input);
       case 'shadow':
-        return StateShadowFormatter$1.format(input);
+        return StateShadowFormatter.format(input);
       case 'border':
-        return StateBorderFormatter$1.format(input);
+        return StateBorderFormatter.format(input);
       default:
         throw new Error(`Invalid flag ${flag} passed into StateFormatFacade`);
     }

package/dist/esm/{dom-node-subject-observer-factory-cea9248d.js → dom-node-subject-observer-factory-aca0116e.js}

@@ -1,6 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { b as isParent } from './ui-ba5a4758.js';
+import { b as isParent } from './ui-b7600a48.js';
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {

package/dist/esm/drop-file-accept-filter-slimmer-ad759e4a.js

@@ -0,0 +1,62 @@
+import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.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 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([
+  MapToComponentField()
+], DropFileAcceptFilterSlimmer.prototype, "accept", void 0);
+
+export { DropFileAcceptFilterSlimmer as D };

package/dist/esm/{element-appender-slimmer-08ec429b.js → element-appender-slimmer-5aca1bca.js}

@@ -1,18 +1,18 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { f as findParent, d as isElementVisible, b as isParent } from './ui-ba5a4758.js';
+import { f as findParent, d as isElementVisible, b as isParent } from './ui-b7600a48.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { A as Alignments, P as Placements } from './ui-93922c59.js';
-import { I as isTranslocationType, i as isNonNullable, a5 as isEATriggerStrategy } from './type-guard-23a08026.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { G as isTranslocationType, i as isNonNullable, a7 as isEATriggerStrategy } from './type-guard-152070e9.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e9926018.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
-import { B as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-70bd893d.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { B as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-194bac82.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/esm/{event-emit-slimmer-4fba1b35.js → event-emit-slimmer-32da9d90.js}

@@ -1,8 +1,8 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-59f5bd47.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-8a657bac.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-8dd39707.js → form-field-controller-slimmer-899864a8.js}

@@ -3,19 +3,19 @@ import { c as camelToDashCase } from './string-a953eafc.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { U as UPDATE_TRANSLATION, a as FORM_FIELD_PENDING_VALID_CHANGE, b as FORM_FIELD_ELEMENT_DISCONNECTED, F as FORM_ELEMENT_VALUE_CHANGE, c as FORM_RESET_OPERATION_TRIGGERED, d as FIELD_ERROR_MESSAGE_CHANGE, e as FORM_ELEMENT_VALIDATE } from './static-subject-title-52f93124.js';
-import { f as findParent, d as isElementVisible } from './ui-ba5a4758.js';
+import { f as findParent, d as isElementVisible } from './ui-b7600a48.js';
 import { a as isAsyncFunction, g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
-import { h as VegaInternalFieldErrorStateChange, f as VegaInternalFormSubmit, i as VegaInternalValid } from './vega-internal-event-id-70bd893d.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { h as VegaInternalFieldErrorStateChange, f as VegaInternalFormSubmit, i as VegaInternalValid } from './vega-internal-event-id-194bac82.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-4fb104b2.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-090c500a.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/{image-annotation-action-a6b33a81.js → image-annotation-action-ebd6c421.js}

@@ -1,11 +1,11 @@
 import { h } from './index-090d31ca.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, W as RTE_TEXT_COLORS, b as RTETextNode, a8 as TextColorAnnotationAction, D as NodeAnnotationTypeEnum, l as AnnotationAction } from './code-block-7d6f231b.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { A as ActionHandleStrategyRegistry, _ as RTE_TEXT_COLORS, c as RTETextNode, ag as TextColorAnnotationAction, F as NodeAnnotationTypeEnum, m as AnnotationAction } from './code-block-b8be290a.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
 import { a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide, h as VegaChange } from './vega-event-id-4ede557a.js';
-import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-82e5c1c6.js';
-import { g as ImageAnnotation } from './content-state-084cd705.js';
+import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-e9a6b097.js';
+import { g as ImageAnnotation } from './content-state-72b513d1.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/esm/index-090d31ca.js

@@ -1649,6 +1649,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './vega-input-passcode.entry.js').then(processMod, consoleError);
+        case 'vega-color-swatch':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-color-swatch.entry.js').then(processMod, consoleError);
         case 'vega-checkbox_2':
           return import(
             /* webpackMode: "lazy" */