@heartlandone/vega 2.81.0 → 2.83.0

package/dist/esm/{content-state-89f8eecb.js → content-state-72b513d1.js}

@@ -1,9 +1,9 @@
-import { g as ActionHandleStrategy, e as RTETextBlock, c as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, q as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, r as BlockUpdateHorizontalAlignmentStrategy, l as ModifyContentActionType, t as BlockInsertLineBreakStrategy, u as BlockInsertLineBreakWithBlocksStrategy, v as BlockSplitWithTextNodeStrategy, w as BlockReplaceNodesStrategy, x as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, n as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, B as BlockAnnotation, y as BlockAnnotationTypeEnum, d as RTEBlock, z as CustomStyleAnnotation, D as CustomClassAnnotation, o as CustomAttributeAnnotation, E as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, F as NodeAnnotationTypeEnum, G as RTEDecoratorNode, J as NodeTypeEnum, K as CommonAnnotation, m as AnnotationAction, L as ReplaceChildNodesAction, M as ModifyContentAction, O as SplitBlockWithNodeAction, P as HTML_VOID_TAGS, Q as BlockDeleteNodeContentStrategy, U as UpdateTextAction, W as RemoveChildrenStrategy, X as BOLD_FONT_WEIGHT_KEYWORD, Y as BOLD_FONT_WEIGHT, Z as createStyleMapFromElement, _ as RTE_TEXT_COLORS, $ as RTE_DEFAULT_TEXT_COLOR, a0 as ITALIC_FONT_STYLE, a1 as STRIKETHROUGH_TEXT_DECORATION, a2 as UNDERLINE_TEXT_DECORATION, R as RTEFilterStylesStrategyRegistry, a3 as TextStyleAnnotation, p as RTEFilterStylesStrategy, a4 as Predicate$1, a5 as HorizontalAlignmentAnnotation, a6 as CodeAnnotation, b as RTEDTOClassManager, a7 as LinkFilterStylesStrategy, a8 as CodeBlockFilterStylesStrategy, a9 as RTECodeBlockNode, aa as CodeBlockNodeFilterStylesStrategy } from './code-block-cd913077.js';
+import { g as ActionHandleStrategy, e as RTETextBlock, c as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, q as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, r as BlockUpdateHorizontalAlignmentStrategy, l as ModifyContentActionType, t as BlockInsertLineBreakStrategy, u as BlockInsertLineBreakWithBlocksStrategy, v as BlockSplitWithTextNodeStrategy, w as BlockReplaceNodesStrategy, x as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, n as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, B as BlockAnnotation, y as BlockAnnotationTypeEnum, d as RTEBlock, z as CustomStyleAnnotation, D as CustomClassAnnotation, o as CustomAttributeAnnotation, E as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, F as NodeAnnotationTypeEnum, G as RTEDecoratorNode, J as NodeTypeEnum, K as CommonAnnotation, m as AnnotationAction, L as ReplaceChildNodesAction, M as ModifyContentAction, O as SplitBlockWithNodeAction, P as HTML_VOID_TAGS, Q as BlockDeleteNodeContentStrategy, U as UpdateTextAction, W as RemoveChildrenStrategy, X as BOLD_FONT_WEIGHT_KEYWORD, Y as BOLD_FONT_WEIGHT, Z as createStyleMapFromElement, _ as RTE_TEXT_COLORS, $ as RTE_DEFAULT_TEXT_COLOR, a0 as ITALIC_FONT_STYLE, a1 as STRIKETHROUGH_TEXT_DECORATION, a2 as UNDERLINE_TEXT_DECORATION, R as RTEFilterStylesStrategyRegistry, a3 as TextStyleAnnotation, p as RTEFilterStylesStrategy, a4 as Predicate$1, a5 as HorizontalAlignmentAnnotation, a6 as CodeAnnotation, b as RTEDTOClassManager, a7 as LinkFilterStylesStrategy, a8 as CodeBlockFilterStylesStrategy, a9 as RTECodeBlockNode, aa as CodeBlockNodeFilterStylesStrategy } from './code-block-b8be290a.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { i as isNonNullable } from './type-guard-f6c9c89d.js';
+import { i as isNonNullable } from './type-guard-152070e9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-70bd893d.js';
+import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-194bac82.js';
 import { r as rgbToHex, i as isHTMLElement } from './ui-b7600a48.js';
 import { c as cleanObject } from './object-0c277f57.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';

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-2b08f32c.js → date-required-rule-891a6a57.js}

@@ -1,4 +1,4 @@
-import { W as isDateStr } from './type-guard-f6c9c89d.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-7566d54c.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-f6c9c89d.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-151dbd10.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/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/{dto-renderer-manager-12bc9121.js → dto-renderer-manager-abc7eb5f.js}

@@ -7,6 +7,14 @@ class RTEDTORendererManager {
     this.RTE_DTO_RENDERER_MAP = new Map();
     // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new Map();
+    /**
+     * Per-host toolbar button renderer map.
+     * Stores a host-specific renderer map so that extensions that register during
+     * {@link VegaRTEExtension#prepareBeforeLoad} can provide isolated renderer instances
+     * for each {@link HTMLVegaRichTextEditorElement}.  At render time this map is checked
+     * first; the global singleton map is used as a fallback.
+     */
+    this.hostToolbarButtonRendererMap = new WeakMap();
   }
   /**
    * Registers a new RTE DTO renderer.
@@ -32,6 +40,24 @@ class RTEDTORendererManager {
   registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
     this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
   }
+  /**
+   * Registers a host-specific toolbar button renderer.
+   * The per-host renderer takes precedence over the global singleton when the host
+   * element is passed to {@link getRTEToolbarButtonRenderer}.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
+   * @param {HTMLVegaRichTextEditorElement} host - The rich text editor host element.
+   * @param {string} type - The type identifier for the toolbar button renderer.
+   * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer instance to register for this host.
+   */
+  registerRTEToolbarButtonRendererForHost(host, type, renderer) {
+    let hostMap = this.hostToolbarButtonRendererMap.get(host);
+    if (!hostMap) {
+      hostMap = new Map();
+      this.hostToolbarButtonRendererMap.set(host, hostMap);
+    }
+    hostMap.set(type, renderer);
+  }
   /**
    * Retrieves the RTE renderer for a given type.
    *
@@ -43,12 +69,26 @@ class RTEDTORendererManager {
   }
   /**
    * Retrieves the RTE Toolbar Button Renderer for a given type.
+   * When a host element is provided the per-host map registered via
+   * {@link registerRTEToolbarButtonRendererForHost} is checked first; the global
+   * singleton map is used as a fallback so that extensions that do not override
+   * {@link VegaRTEExtension#prepareBeforeLoad} continue to work unchanged.
    *
+   * @typedef HTMLVegaRichTextEditorElement - The rich text editor host element type.
    * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host lookup.
    * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
    */
-  getRTEToolbarButtonRenderer(type) {
-    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
+  getRTEToolbarButtonRenderer(type, host) {
+    var _a, _b;
+    if (host) {
+      const hostRenderer = (_a = this.hostToolbarButtonRendererMap
+        .get(host)) === null || _a === void 0 ? void 0 : _a.get(type);
+      if (hostRenderer) {
+        return hostRenderer;
+      }
+    }
+    return (_b = this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type)) !== null && _b !== void 0 ? _b : null;
   }
 }
 const RTEDTORendererManager$1 = new RTEDTORendererManager();