html2canvas-pro 2.1.1 → 2.2.0

package/dist/lib/config.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Html2CanvasConfig = void 0;
-exports.setDefaultConfig = setDefaultConfig;
-exports.getDefaultConfig = getDefaultConfig;
 /**
  * Html2Canvas Configuration
  *
@@ -49,23 +47,3 @@ class Html2CanvasConfig {
     }
 }
 exports.Html2CanvasConfig = Html2CanvasConfig;
-/**
- * Default global configuration (for backward compatibility)
- * @deprecated Use Html2CanvasConfig instances instead
- */
-let _defaultConfig = null;
-/**
- * Set default configuration
- * @deprecated Pass configuration directly to html2canvas instead
- */
-function setDefaultConfig(config) {
-    console.warn('[html2canvas-pro] setDefaultConfig is deprecated. Pass configuration to html2canvas directly.');
-    _defaultConfig = config;
-}
-/**
- * Get default configuration
- * @deprecated Pass configuration directly to html2canvas instead
- */
-function getDefaultConfig() {
-    return _defaultConfig;
-}

package/dist/lib/core/cache-storage.js

@@ -1,44 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cache = exports.CacheStorage = void 0;
+exports.Cache = void 0;
 const features_1 = require("./features");
-/**
- * CacheStorage (Deprecated static methods)
- *
- * @deprecated The static methods of CacheStorage are deprecated.
- * Use OriginChecker class instead for instance-based origin checking.
- *
- * For backward compatibility, these methods remain but should not be used in new code.
- */
-class CacheStorage {
-    /**
-     * @deprecated Use OriginChecker.getOrigin() instead
-     */
-    static getOrigin(url) {
-        const link = CacheStorage._link;
-        if (!link) {
-            return 'about:blank';
-        }
-        link.href = url;
-        link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
-        return link.protocol + link.hostname + link.port;
-    }
-    /**
-     * @deprecated Use OriginChecker.isSameOrigin() instead
-     */
-    static isSameOrigin(src) {
-        return CacheStorage.getOrigin(src) === CacheStorage._origin;
-    }
-    /**
-     * @deprecated No longer needed. OriginChecker is created per Context.
-     */
-    static setContext(window) {
-        CacheStorage._link = window.document.createElement('a');
-        CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
-    }
-}
-exports.CacheStorage = CacheStorage;
-CacheStorage._origin = 'about:blank';
 class Cache {
     constructor(context, _options) {
         this.context = context;

package/dist/lib/core/constants.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ * Shared numeric constants used across html2canvas-pro.
+ * Centralising magic numbers for maintainability.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RESOURCE_KEY_LOG_LENGTH = exports.INLINE_IMAGE_RESOLVE_DELAY_MS = exports.IFRAME_READY_POLL_MS = exports.SHADOW_MASK_OFFSET = exports.DEFAULT_IMAGE_TIMEOUT_MS = exports.MAX_IMAGE_CACHE_SIZE = exports.DEFAULT_IMAGE_CACHE_SIZE = exports.PATTERN_CACHE_MAX = exports.PARSE_CACHE_MAX_PER_DESCRIPTOR = void 0;
+/** Maximum entries in the CSS parse cache per descriptor (LRU). */
+exports.PARSE_CACHE_MAX_PER_DESCRIPTOR = 200;
+/** Maximum cached background-image patterns per render session (LRU). */
+exports.PATTERN_CACHE_MAX = 50;
+/** Maximum size of the image-resource cache (entries). */
+exports.DEFAULT_IMAGE_CACHE_SIZE = 100;
+/** Maximum allowed image-resource cache size. */
+exports.MAX_IMAGE_CACHE_SIZE = 10000;
+/** Default image-load timeout in milliseconds. */
+exports.DEFAULT_IMAGE_TIMEOUT_MS = 15000;
+/** Z-axis mask offset used during box-shadow rendering. */
+exports.SHADOW_MASK_OFFSET = 10000;
+/** Polling interval (ms) when waiting for the cloned iframe to become ready. */
+exports.IFRAME_READY_POLL_MS = 50;
+/** Deferred resolution delay (ms) for inline XML images that may fail to parse. */
+exports.INLINE_IMAGE_RESOLVE_DELAY_MS = 500;
+/** Maximum characters logged for image/resource keys. */
+exports.RESOURCE_KEY_LOG_LENGTH = 256;

package/dist/lib/core/context.js

@@ -12,6 +12,7 @@ class Context {
         this.logger = new logger_1.Logger({ id: this.instanceName, enabled: options.logging });
         this.originChecker = new origin_checker_1.OriginChecker(config.window);
         this.cache = options.cache ?? config.cache ?? new cache_storage_1.Cache(this, options);
+        this.onError = options.onError;
     }
 }
 exports.Context = Context;

package/dist/lib/core/features.js

@@ -182,6 +182,7 @@ exports.FEATURES = {
     },
     get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
         'use strict';
+        // Intl.Segmenter is TC39 Stage 4 but not yet in TS lib types
         const value = !!(typeof Intl !== 'undefined' && Intl.Segmenter);
         Object.defineProperty(exports.FEATURES, 'SUPPORT_NATIVE_TEXT_SEGMENTATION', { value });
         return value;

package/dist/lib/core/validator.js

@@ -391,6 +391,7 @@ class Validator {
         // Accept real HTMLElement, or any element-like object with the minimal shape
         // required by the implementation (ownerDocument + defaultView) for backward
         // compatibility and test environments.
+        const el = element;
         if (typeof HTMLElement !== 'undefined' && element instanceof HTMLElement) {
             // Real DOM element
             if (!element.ownerDocument) {
@@ -399,13 +400,13 @@ class Validator {
             return { valid: true };
         }
         // Duck-typing: accept object with ownerDocument and defaultView (minimal contract)
-        if (!element.ownerDocument) {
+        if (!el.ownerDocument) {
             return {
                 valid: false,
                 error: 'Element must be attached to a document (ownerDocument required)'
             };
         }
-        if (!element.ownerDocument.defaultView) {
+        if (!el.ownerDocument.defaultView) {
             return {
                 valid: false,
                 error: 'Document must be attached to a window (ownerDocument.defaultView required)'
@@ -421,7 +422,6 @@ class Validator {
      */
     validateOptions(options) {
         const errors = [];
-        // Validate proxy URL only when a non-empty string (allow null/undefined to mean "no proxy")
         const proxyUrl = options.proxy;
         if (proxyUrl !== undefined && proxyUrl !== null && typeof proxyUrl === 'string' && proxyUrl.length > 0) {
             const proxyResult = this.validateUrl(proxyUrl, 'proxy');

package/dist/lib/css/grouped/background-styles.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackgroundStyles = void 0;
+/**
+ * Read-only grouped accessor for background-related CSS properties.
+ */
+class BackgroundStyles {
+    constructor(styles) {
+        this.styles = styles;
+    }
+    get color() {
+        return this.styles.backgroundColor;
+    }
+    get image() {
+        return this.styles.backgroundImage;
+    }
+    get clip() {
+        return this.styles.backgroundClip;
+    }
+    get origin() {
+        return this.styles.backgroundOrigin;
+    }
+    get position() {
+        return this.styles.backgroundPosition;
+    }
+    get repeat() {
+        return this.styles.backgroundRepeat;
+    }
+    get size() {
+        return this.styles.backgroundSize;
+    }
+    get blendMode() {
+        return this.styles.backgroundBlendMode;
+    }
+}
+exports.BackgroundStyles = BackgroundStyles;

package/dist/lib/css/grouped/border-styles.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderStyles = void 0;
+/**
+ * Read-only grouped accessor for border-related CSS properties.
+ *
+ * Provides structured access: `styles.border.topColor` as an alternative
+ * to the flat `styles.borderTopColor`. Both forms remain valid.
+ */
+class BorderStyles {
+    constructor(styles) {
+        this.styles = styles;
+    }
+    get topColor() {
+        return this.styles.borderTopColor;
+    }
+    get rightColor() {
+        return this.styles.borderRightColor;
+    }
+    get bottomColor() {
+        return this.styles.borderBottomColor;
+    }
+    get leftColor() {
+        return this.styles.borderLeftColor;
+    }
+    get topStyle() {
+        return this.styles.borderTopStyle;
+    }
+    get rightStyle() {
+        return this.styles.borderRightStyle;
+    }
+    get bottomStyle() {
+        return this.styles.borderBottomStyle;
+    }
+    get leftStyle() {
+        return this.styles.borderLeftStyle;
+    }
+    get topWidth() {
+        return this.styles.borderTopWidth;
+    }
+    get rightWidth() {
+        return this.styles.borderRightWidth;
+    }
+    get bottomWidth() {
+        return this.styles.borderBottomWidth;
+    }
+    get leftWidth() {
+        return this.styles.borderLeftWidth;
+    }
+    get topLeftRadius() {
+        return this.styles.borderTopLeftRadius;
+    }
+    get topRightRadius() {
+        return this.styles.borderTopRightRadius;
+    }
+    get bottomRightRadius() {
+        return this.styles.borderBottomRightRadius;
+    }
+    get bottomLeftRadius() {
+        return this.styles.borderBottomLeftRadius;
+    }
+    get imageSource() {
+        return this.styles.borderImageSource;
+    }
+    get imageSlice() {
+        return this.styles.borderImageSlice;
+    }
+    get imageRepeat() {
+        return this.styles.borderImageRepeat;
+    }
+    get boxShadow() {
+        return this.styles.boxShadow;
+    }
+}
+exports.BorderStyles = BorderStyles;

package/dist/lib/css/grouped/font-styles.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FontStyles = void 0;
+/**
+ * Read-only grouped accessor for font/text-related CSS properties.
+ */
+class FontStyles {
+    constructor(styles) {
+        this.styles = styles;
+    }
+    get family() {
+        return this.styles.fontFamily;
+    }
+    get size() {
+        return this.styles.fontSize;
+    }
+    get style() {
+        return this.styles.fontStyle;
+    }
+    get variant() {
+        return this.styles.fontVariant;
+    }
+    get weight() {
+        return this.styles.fontWeight;
+    }
+    get ligatures() {
+        return this.styles.fontVariantLigatures;
+    }
+    get color() {
+        return this.styles.color;
+    }
+    get letterSpacing() {
+        return this.styles.letterSpacing;
+    }
+    get lineHeight() {
+        return this.styles.lineHeight;
+    }
+    get textAlign() {
+        return this.styles.textAlign;
+    }
+    get textTransform() {
+        return this.styles.textTransform;
+    }
+    get textOverflow() {
+        return this.styles.textOverflow;
+    }
+    get textShadow() {
+        return this.styles.textShadow;
+    }
+    get textDecorationColor() {
+        return this.styles.textDecorationColor;
+    }
+    get textDecorationLine() {
+        return this.styles.textDecorationLine;
+    }
+    get textDecorationStyle() {
+        return this.styles.textDecorationStyle;
+    }
+    get textDecorationThickness() {
+        return this.styles.textDecorationThickness;
+    }
+    get textUnderlineOffset() {
+        return this.styles.textUnderlineOffset;
+    }
+    get wordBreak() {
+        return this.styles.wordBreak;
+    }
+    get lineBreak() {
+        return this.styles.lineBreak;
+    }
+    get overflowWrap() {
+        return this.styles.overflowWrap;
+    }
+    get writingMode() {
+        return this.styles.writingMode;
+    }
+    get direction() {
+        return this.styles.direction;
+    }
+    get webkitTextStrokeColor() {
+        return this.styles.webkitTextStrokeColor;
+    }
+    get webkitTextStrokeWidth() {
+        return this.styles.webkitTextStrokeWidth;
+    }
+    get webkitLineClamp() {
+        return this.styles.webkitLineClamp;
+    }
+    get paintOrder() {
+        return this.styles.paintOrder;
+    }
+}
+exports.FontStyles = FontStyles;

package/dist/lib/css/grouped/layout-styles.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutStyles = void 0;
+/**
+ * Read-only grouped accessor for layout/display/positioning CSS properties.
+ */
+class LayoutStyles {
+    constructor(styles) {
+        this.styles = styles;
+    }
+    get display() {
+        return this.styles.display;
+    }
+    get position() {
+        return this.styles.position;
+    }
+    get float() {
+        return this.styles.float;
+    }
+    // Explicit return type avoids name clash with z-index descriptor export.
+    get zIndex() {
+        return this.styles.zIndex;
+    }
+    get marginTop() {
+        return this.styles.marginTop;
+    }
+    get marginRight() {
+        return this.styles.marginRight;
+    }
+    get marginBottom() {
+        return this.styles.marginBottom;
+    }
+    get marginLeft() {
+        return this.styles.marginLeft;
+    }
+    get paddingTop() {
+        return this.styles.paddingTop;
+    }
+    get paddingRight() {
+        return this.styles.paddingRight;
+    }
+    get paddingBottom() {
+        return this.styles.paddingBottom;
+    }
+    get paddingLeft() {
+        return this.styles.paddingLeft;
+    }
+    get overflowX() {
+        return this.styles.overflowX;
+    }
+    get overflowY() {
+        return this.styles.overflowY;
+    }
+    get opacity() {
+        return this.styles.opacity;
+    }
+    get visibility() {
+        return this.styles.visibility;
+    }
+    get transform() {
+        return this.styles.transform;
+    }
+    get transformOrigin() {
+        return this.styles.transformOrigin;
+    }
+    get rotate() {
+        return this.styles.rotate;
+    }
+    get zoom() {
+        return this.styles.zoom;
+    }
+    get clipPath() {
+        return this.styles.clipPath;
+    }
+    get mixBlendMode() {
+        return this.styles.mixBlendMode;
+    }
+    get filter() {
+        return this.styles.filter;
+    }
+    get imageRendering() {
+        return this.styles.imageRendering;
+    }
+    get objectFit() {
+        return this.styles.objectFit;
+    }
+    get objectPosition() {
+        return this.styles.objectPosition;
+    }
+    get boxDecorationBreak() {
+        return this.styles.boxDecorationBreak;
+    }
+    get listStyleImage() {
+        return this.styles.listStyleImage;
+    }
+    get listStylePosition() {
+        return this.styles.listStylePosition;
+    }
+    get listStyleType() {
+        return this.styles.listStyleType;
+    }
+    get animationDuration() {
+        return this.styles.animationDuration;
+    }
+    isVisible() {
+        return this.styles.isVisible();
+    }
+    isTransparent() {
+        return this.styles.isTransparent();
+    }
+    isTransformed() {
+        return this.styles.isTransformed();
+    }
+    isPositioned() {
+        return this.styles.isPositioned();
+    }
+    isPositionedWithZIndex() {
+        return this.styles.isPositionedWithZIndex();
+    }
+    isFloating() {
+        return this.styles.isFloating();
+    }
+    isInlineLevel() {
+        return this.styles.isInlineLevel();
+    }
+}
+exports.LayoutStyles = LayoutStyles;

package/dist/lib/css/index.js

@@ -73,7 +73,33 @@ const object_fit_1 = require("./property-descriptors/object-fit");
 const text_overflow_1 = require("./property-descriptors/text-overflow");
 const image_rendering_1 = require("./property-descriptors/image-rendering");
 const mix_blend_mode_1 = require("./property-descriptors/mix-blend-mode");
+const filter_1 = require("./property-descriptors/filter");
+const font_variant_ligatures_1 = require("./property-descriptors/font-variant-ligatures");
+const zoom_1 = require("./property-descriptors/zoom");
+const object_position_1 = require("./property-descriptors/object-position");
+const background_blend_mode_1 = require("./property-descriptors/background-blend-mode");
+const border_image_source_1 = require("./property-descriptors/border-image-source");
+const border_image_slice_1 = require("./property-descriptors/border-image-slice");
+const border_image_repeat_1 = require("./property-descriptors/border-image-repeat");
+const box_decoration_break_1 = require("./property-descriptors/box-decoration-break");
+const constants_1 = require("../core/constants");
+const border_styles_1 = require("./grouped/border-styles");
+const background_styles_1 = require("./grouped/background-styles");
+const font_styles_1 = require("./grouped/font-styles");
+const layout_styles_1 = require("./grouped/layout-styles");
 class CSSParsedDeclaration {
+    get border() {
+        return this._border ?? (this._border = new border_styles_1.BorderStyles(this));
+    }
+    get background() {
+        return this._background ?? (this._background = new background_styles_1.BackgroundStyles(this));
+    }
+    get font() {
+        return this._font ?? (this._font = new font_styles_1.FontStyles(this));
+    }
+    get layout() {
+        return this._layout ?? (this._layout = new layout_styles_1.LayoutStyles(this));
+    }
     constructor(context, declaration) {
         const standardProps = CSSParsedDeclaration.standardProps;
         // Fast path: display:none elements are invisible and their descendants
@@ -205,7 +231,16 @@ CSSParsedDeclaration.standardProps = [
     ['zIndex', z_index_1.zIndex, 'zIndex'],
     ['objectFit', object_fit_1.objectFit, 'objectFit'],
     ['imageRendering', image_rendering_1.imageRendering, 'imageRendering'],
-    ['mixBlendMode', mix_blend_mode_1.mixBlendMode, 'mixBlendMode']
+    ['mixBlendMode', mix_blend_mode_1.mixBlendMode, 'mixBlendMode'],
+    ['filter', filter_1.filter, 'filter'],
+    ['fontVariantLigatures', font_variant_ligatures_1.fontVariantLigatures, 'fontVariantLigatures'],
+    ['zoom', zoom_1.zoom, 'zoom'],
+    ['objectPosition', object_position_1.objectPosition, 'objectPosition'],
+    ['backgroundBlendMode', background_blend_mode_1.backgroundBlendMode, 'backgroundBlendMode'],
+    ['borderImageSource', border_image_source_1.borderImageSource, 'borderImageSource'],
+    ['borderImageSlice', border_image_slice_1.borderImageSlice, 'borderImageSlice'],
+    ['borderImageRepeat', border_image_repeat_1.borderImageRepeat, 'borderImageRepeat'],
+    ['boxDecorationBreak', box_decoration_break_1.boxDecorationBreak, 'boxDecorationBreak']
 ];
 class CSSParsedPseudoDeclaration {
     constructor(context, declaration) {
@@ -222,13 +257,14 @@ class CSSParsedCounterDeclaration {
 }
 exports.CSSParsedCounterDeclaration = CSSParsedCounterDeclaration;
 const parseCache = new Map();
-const PARSE_CACHE_MAX_PER_DESCRIPTOR = 200;
 const parse = (context, descriptor, style) => {
     const rawValue = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
     let valueCache = parseCache.get(descriptor);
     if (valueCache) {
         const cached = valueCache.get(rawValue);
         if (cached !== undefined) {
+            valueCache.delete(rawValue);
+            valueCache.set(rawValue, cached);
             return cached;
         }
     }
@@ -236,55 +272,47 @@ const parse = (context, descriptor, style) => {
     tokenizer.write(rawValue);
     const parser = new parser_1.Parser(tokenizer.read());
     tokenizer_1.Tokenizer.release(tokenizer);
-    let result;
-    switch (descriptor.type) {
-        case 2 /* PropertyDescriptorParsingType.IDENT_VALUE */: {
-            const token = parser.parseComponentValue();
-            result = descriptor.parse(context, (0, parser_1.isIdentToken)(token) ? token.value : descriptor.initialValue);
-            break;
-        }
-        case 0 /* PropertyDescriptorParsingType.VALUE */:
-            result = descriptor.parse(context, parser.parseComponentValue());
-            break;
-        case 1 /* PropertyDescriptorParsingType.LIST */:
-            result = descriptor.parse(context, parser.parseComponentValues());
-            break;
-        case 4 /* PropertyDescriptorParsingType.TOKEN_VALUE */:
-            result = parser.parseComponentValue();
-            break;
-        case 3 /* PropertyDescriptorParsingType.TYPE_VALUE */:
-            switch (descriptor.format) {
-                case 'angle':
-                    result = angle_1.angle.parse(context, parser.parseComponentValue());
-                    break;
-                case 'color':
-                    result = color_2.color.parse(context, parser.parseComponentValue());
-                    break;
-                case 'image':
-                    result = image_1.image.parse(context, parser.parseComponentValue());
-                    break;
-                case 'length': {
-                    const length = parser.parseComponentValue();
-                    result = (0, length_1.isLength)(length) ? length : length_percentage_1.ZERO_LENGTH;
-                    break;
-                }
-                case 'length-percentage': {
-                    const value = parser.parseComponentValue();
-                    result = (0, length_percentage_1.isLengthPercentage)(value) ? value : length_percentage_1.ZERO_LENGTH;
-                    break;
-                }
-                case 'time':
-                    result = time_1.time.parse(context, parser.parseComponentValue());
-                    break;
+    // Use IIFE so TS infers the return type of each branch (no `let result: any`)
+    const result = (() => {
+        switch (descriptor.type) {
+            case 2 /* PropertyDescriptorParsingType.IDENT_VALUE */: {
+                const token = parser.parseComponentValue();
+                return descriptor.parse(context, (0, parser_1.isIdentToken)(token) ? token.value : descriptor.initialValue);
             }
-            break;
-    }
+            case 0 /* PropertyDescriptorParsingType.VALUE */:
+                return descriptor.parse(context, parser.parseComponentValue());
+            case 1 /* PropertyDescriptorParsingType.LIST */:
+                return descriptor.parse(context, parser.parseComponentValues());
+            case 4 /* PropertyDescriptorParsingType.TOKEN_VALUE */:
+                return parser.parseComponentValue();
+            case 3 /* PropertyDescriptorParsingType.TYPE_VALUE */:
+                switch (descriptor.format) {
+                    case 'angle':
+                        return angle_1.angle.parse(context, parser.parseComponentValue());
+                    case 'color':
+                        return color_2.color.parse(context, parser.parseComponentValue());
+                    case 'image':
+                        return image_1.image.parse(context, parser.parseComponentValue());
+                    case 'length': {
+                        const length = parser.parseComponentValue();
+                        return (0, length_1.isLength)(length) ? length : length_percentage_1.ZERO_LENGTH;
+                    }
+                    case 'length-percentage': {
+                        const value = parser.parseComponentValue();
+                        return (0, length_percentage_1.isLengthPercentage)(value) ? value : length_percentage_1.ZERO_LENGTH;
+                    }
+                    case 'time':
+                        return time_1.time.parse(context, parser.parseComponentValue());
+                }
+        }
+    })();
     if (!valueCache) {
         valueCache = new Map();
         parseCache.set(descriptor, valueCache);
     }
-    if (valueCache.size >= PARSE_CACHE_MAX_PER_DESCRIPTOR) {
-        valueCache.clear();
+    if (valueCache.size >= constants_1.PARSE_CACHE_MAX_PER_DESCRIPTOR) {
+        const oldestKey = valueCache.keys().next().value;
+        valueCache.delete(oldestKey);
     }
     valueCache.set(rawValue, result);
     return result;

package/dist/lib/css/layout/text.js

@@ -76,18 +76,19 @@ const createRange = (node, offset, length) => {
 };
 const segmentGraphemes = (value) => {
     if (features_1.FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
-        const segmenter = new Intl.Segmenter(void 0, { granularity: 'grapheme' });
-        return Array.from(segmenter.segment(value)).map((segment) => segment.segment);
+        // Intl.Segmenter is TC39 Stage 4 but not yet in TS lib types
+        const Segmenter = Intl;
+        const seg = new Segmenter.Segmenter(void 0, { granularity: 'grapheme' });
+        return Array.from(seg.segment(value)).map((s) => s.segment);
     }
     return (0, text_segmentation_1.splitGraphemes)(value);
 };
 exports.segmentGraphemes = segmentGraphemes;
 const segmentWords = (value, styles) => {
     if (features_1.FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
-        const segmenter = new Intl.Segmenter(void 0, {
-            granularity: 'word'
-        });
-        return Array.from(segmenter.segment(value)).map((segment) => segment.segment);
+        const Segmenter = Intl;
+        const seg = new Segmenter.Segmenter(void 0, { granularity: 'word' });
+        return Array.from(seg.segment(value)).map((s) => s.segment);
     }
     return breakWords(value, styles);
 };