@fluentui/react-charts 0.0.0-nightly-20250423-1342.1 → 0.0.0-nightly-20250424-0405.1

package/lib/utilities/colors.js

@@ -0,0 +1,269 @@
+import { rgb as d3Rgb } from 'd3-color';
+export const DataVizPalette = {
+    color1: 'qualitative.1',
+    color2: 'qualitative.2',
+    color3: 'qualitative.3',
+    color4: 'qualitative.4',
+    color5: 'qualitative.5',
+    color6: 'qualitative.6',
+    color7: 'qualitative.7',
+    color8: 'qualitative.8',
+    color9: 'qualitative.9',
+    color10: 'qualitative.10',
+    color11: 'qualitative.11',
+    color12: 'qualitative.12',
+    color13: 'qualitative.13',
+    color14: 'qualitative.14',
+    color15: 'qualitative.15',
+    color16: 'qualitative.16',
+    color17: 'qualitative.17',
+    color18: 'qualitative.18',
+    color19: 'qualitative.19',
+    color20: 'qualitative.20',
+    color21: 'qualitative.21',
+    color22: 'qualitative.22',
+    color23: 'qualitative.23',
+    color24: 'qualitative.24',
+    color25: 'qualitative.25',
+    color26: 'qualitative.26',
+    color27: 'qualitative.27',
+    color28: 'qualitative.28',
+    color29: 'qualitative.29',
+    color30: 'qualitative.30',
+    color31: 'qualitative.31',
+    color32: 'qualitative.32',
+    color33: 'qualitative.33',
+    color34: 'qualitative.34',
+    color35: 'qualitative.35',
+    color36: 'qualitative.36',
+    color37: 'qualitative.37',
+    color38: 'qualitative.38',
+    color39: 'qualitative.39',
+    color40: 'qualitative.40',
+    info: 'semantic.info',
+    disabled: 'semantic.disabled',
+    highError: 'semantic.highError',
+    error: 'semantic.error',
+    warning: 'semantic.warning',
+    success: 'semantic.success',
+    highSuccess: 'semantic.highSuccess'
+};
+const QualitativePalette = {
+    '1': [
+        '#637cef'
+    ],
+    '2': [
+        '#e3008c'
+    ],
+    '3': [
+        '#2aa0a4'
+    ],
+    '4': [
+        '#9373c0'
+    ],
+    '5': [
+        '#13a10e'
+    ],
+    '6': [
+        '#3a96dd'
+    ],
+    '7': [
+        '#ca5010'
+    ],
+    '8': [
+        '#57811b'
+    ],
+    '9': [
+        '#b146c2'
+    ],
+    '10': [
+        '#ae8c00'
+    ],
+    '11': [
+        '#3c51b4',
+        '#93a4f4'
+    ],
+    '12': [
+        '#ad006a',
+        '#ee5fb7'
+    ],
+    '13': [
+        '#026467',
+        '#4cb4b7'
+    ],
+    '14': [
+        '#674c8c',
+        '#a083c9'
+    ],
+    '15': [
+        '#0e7a0b',
+        '#27ac22'
+    ],
+    '16': [
+        '#2c72a8',
+        '#4fa1e1'
+    ],
+    '17': [
+        '#9a3d0c',
+        '#d77440'
+    ],
+    '18': [
+        '#405f14',
+        '#73aa24'
+    ],
+    '19': [
+        '#863593',
+        '#c36bd1'
+    ],
+    '20': [
+        '#6d5700',
+        '#d0b232'
+    ],
+    '21': [
+        '#4f6bed'
+    ],
+    '22': [
+        '#ea38a6'
+    ],
+    '23': [
+        '#038387'
+    ],
+    '24': [
+        '#8764b8'
+    ],
+    '25': [
+        '#11910d'
+    ],
+    '26': [
+        '#3487c7'
+    ],
+    '27': [
+        '#d06228'
+    ],
+    '28': [
+        '#689920'
+    ],
+    '29': [
+        '#ba58c9'
+    ],
+    '30': [
+        '#937700',
+        '#c19c00'
+    ],
+    '31': [
+        '#2c3c85',
+        '#c8d1fa'
+    ],
+    '32': [
+        '#7f004e',
+        '#f7adda'
+    ],
+    '33': [
+        '#02494c',
+        '#9bd9db'
+    ],
+    '34': [
+        '#4c3867',
+        '#b29ad4'
+    ],
+    '35': [
+        '#0b5a08',
+        '#a7e3a5'
+    ],
+    '36': [
+        '#20547c',
+        '#83bdeb'
+    ],
+    '37': [
+        '#712d09',
+        '#df8e64'
+    ],
+    '38': [
+        '#23330b',
+        '#a4cc6c'
+    ],
+    '39': [
+        '#63276d',
+        '#cf87da'
+    ],
+    '40': [
+        '#3a2f00',
+        '#dac157'
+    ]
+};
+const SemanticPalette = {
+    info: [
+        '#015cda'
+    ],
+    disabled: [
+        '#dbdbdb',
+        '#4d4d4d'
+    ],
+    highError: [
+        '#6e0811',
+        '#cc2635'
+    ],
+    error: [
+        '#c50f1f',
+        '#dc626d'
+    ],
+    warning: [
+        '#f7630c',
+        '#f87528'
+    ],
+    success: [
+        '#107c10',
+        '#54b054'
+    ],
+    highSuccess: [
+        '#094509',
+        '#218c21'
+    ]
+};
+const Colors = {
+    qualitative: QualitativePalette,
+    semantic: SemanticPalette
+};
+const QUALITATIVE_COLORS = Object.values(QualitativePalette);
+const TOKENS = Object.values(DataVizPalette);
+const getThemeSpecificColor = (colors, isDarkTheme)=>{
+    if (colors.length === 0) {
+        return '';
+    }
+    const colorIdx = Number(isDarkTheme);
+    if (colorIdx < colors.length) {
+        return colors[colorIdx];
+    }
+    return colors[0];
+};
+export const getNextColor = (index, offset = 0, isDarkTheme = false)=>{
+    const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];
+    return getThemeSpecificColor(colors, isDarkTheme);
+};
+export const getColorFromToken = (token, isDarkTheme = false)=>{
+    if (TOKENS.indexOf(token) >= 0) {
+        const [paletteName, colorCode] = token.split('.');
+        const colors = Colors[paletteName][colorCode];
+        return getThemeSpecificColor(colors, isDarkTheme);
+    }
+    return token;
+};
+//For reference to how these numbers are calculated, refer https://www.w3.org/TR/WCAG/#dfn-contrast-ratio
+const rgbLrgb1 = (v)=>{
+    return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
+};
+const rgbLrgb = ({ r, g, b })=>{
+    return {
+        r: rgbLrgb1(r / 255),
+        g: rgbLrgb1(g / 255),
+        b: rgbLrgb1(b / 255)
+    };
+};
+const lrgbLuminance = ({ r, g, b })=>{
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+export const getColorContrast = (c1, c2)=>{
+    const l1 = lrgbLuminance(rgbLrgb(d3Rgb(c1)));
+    const l2 = lrgbLuminance(rgbLrgb(d3Rgb(c2)));
+    return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
+};

package/lib/utilities/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["colors.ts"],"sourcesContent":["import { rgb as d3Rgb } from 'd3-color';\n\nexport const DataVizPalette = {\n  color1: 'qualitative.1',\n  color2: 'qualitative.2',\n  color3: 'qualitative.3',\n  color4: 'qualitative.4',\n  color5: 'qualitative.5',\n  color6: 'qualitative.6',\n  color7: 'qualitative.7',\n  color8: 'qualitative.8',\n  color9: 'qualitative.9',\n  color10: 'qualitative.10',\n  color11: 'qualitative.11',\n  color12: 'qualitative.12',\n  color13: 'qualitative.13',\n  color14: 'qualitative.14',\n  color15: 'qualitative.15',\n  color16: 'qualitative.16',\n  color17: 'qualitative.17',\n  color18: 'qualitative.18',\n  color19: 'qualitative.19',\n  color20: 'qualitative.20',\n  color21: 'qualitative.21',\n  color22: 'qualitative.22',\n  color23: 'qualitative.23',\n  color24: 'qualitative.24',\n  color25: 'qualitative.25',\n  color26: 'qualitative.26',\n  color27: 'qualitative.27',\n  color28: 'qualitative.28',\n  color29: 'qualitative.29',\n  color30: 'qualitative.30',\n  color31: 'qualitative.31',\n  color32: 'qualitative.32',\n  color33: 'qualitative.33',\n  color34: 'qualitative.34',\n  color35: 'qualitative.35',\n  color36: 'qualitative.36',\n  color37: 'qualitative.37',\n  color38: 'qualitative.38',\n  color39: 'qualitative.39',\n  color40: 'qualitative.40',\n  info: 'semantic.info',\n  disabled: 'semantic.disabled',\n  highError: 'semantic.highError',\n  error: 'semantic.error',\n  warning: 'semantic.warning',\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n};\n\n/**\n * Key: Color code.\n * Value:\n * Index 0 - Default color / Color for light theme,\n * Index 1 - Color for dark theme\n */\ntype Palette = { [key: string]: string[] };\n\nconst QualitativePalette: Palette = {\n  '1': ['#637cef'], // [cornflower.tint10],\n  '2': ['#e3008c'], // [hotPink.primary],\n  '3': ['#2aa0a4'], // [teal.tint20],\n  '4': ['#9373c0'], // [orchid.tint10],\n  '5': ['#13a10e'], // [lightGreen.primary],\n  '6': ['#3a96dd'], // [lightBlue.primary],\n  '7': ['#ca5010'], // [pumpkin.primary],\n  '8': ['#57811b'], // [lime.shade20],\n  '9': ['#b146c2'], // [lilac.primary],\n  '10': ['#ae8c00'], // [gold.shade10],\n  '11': ['#3c51b4', '#93a4f4'], // [cornflower.shade20, cornflower.tint30],\n  '12': ['#ad006a', '#ee5fb7'], // [hotPink.shade20, hotPink.tint30],\n  '13': ['#026467', '#4cb4b7'], // [teal.shade20, teal.tint30],\n  '14': ['#674c8c', '#a083c9'], // [orchid.shade20, orchid.tint20],\n  '15': ['#0e7a0b', '#27ac22'], // [lightGreen.shade20, lightGreen.tint10],\n  '16': ['#2c72a8', '#4fa1e1'], // [lightBlue.shade20, lightBlue.tint10],\n  '17': ['#9a3d0c', '#d77440'], // [pumpkin.shade20, pumpkin.tint20],\n  '18': ['#405f14', '#73aa24'], // [lime.shade30, lime.primary],\n  '19': ['#863593', '#c36bd1'], // [lilac.shade20, lilac.tint20],\n  '20': ['#6d5700', '#d0b232'], // [gold.shade30, gold.tint20],\n  '21': ['#4f6bed'], // [cornflower.primary],\n  '22': ['#ea38a6'], // [hotPink.tint20],\n  '23': ['#038387'], // [teal.primary],\n  '24': ['#8764b8'], // [orchid.primary],\n  '25': ['#11910d'], // [lightGreen.shade10],\n  '26': ['#3487c7'], // [lightBlue.shade10],\n  '27': ['#d06228'], // [pumpkin.tint10],\n  '28': ['#689920'], // [lime.shade10],\n  '29': ['#ba58c9'], // [lilac.tint10],\n  '30': ['#937700', '#c19c00'], // [gold.shade20, gold.primary],\n  '31': ['#2c3c85', '#c8d1fa'], // [cornflower.shade30, cornflower.tint40],\n  '32': ['#7f004e', '#f7adda'], // [hotPink.shade30, hotPink.tint40],\n  '33': ['#02494c', '#9bd9db'], // [teal.shade30, teal.tint40],\n  '34': ['#4c3867', '#b29ad4'], // [orchid.shade30, orchid.tint30],\n  '35': ['#0b5a08', '#a7e3a5'], // [lightGreen.shade30, lightGreen.tint40],\n  '36': ['#20547c', '#83bdeb'], // [lightBlue.shade30, lightBlue.tint30],\n  '37': ['#712d09', '#df8e64'], // [pumpkin.shade30, pumpkin.tint30],\n  '38': ['#23330b', '#a4cc6c'], // [lime.shade40, lime.tint30],\n  '39': ['#63276d', '#cf87da'], // [lilac.shade30, lilac.tint30],\n  '40': ['#3a2f00', '#dac157'], // [gold.shade40, gold.tint30],\n};\n\nconst SemanticPalette: Palette = {\n  info: ['#015cda'],\n  disabled: ['#dbdbdb', '#4d4d4d'], // [grey[86], grey[30]]\n  highError: ['#6e0811', '#cc2635'], // [cranberry.shade30, cranberry.tint10],\n  error: ['#c50f1f', '#dc626d'], // [cranberry.primary, cranberry.tint30],\n  warning: ['#f7630c', '#f87528'], // [orange.primary, orange.tint10],\n  success: ['#107c10', '#54b054'], // [green.primary, green.tint30],\n  highSuccess: ['#094509', '#218c21'], // [green.shade30, green.tint10],\n};\n\nconst Colors: { [key: string]: Palette } = {\n  qualitative: QualitativePalette,\n  semantic: SemanticPalette,\n};\n\nconst QUALITATIVE_COLORS = Object.values(QualitativePalette);\nconst TOKENS = Object.values(DataVizPalette);\n\nconst getThemeSpecificColor = (colors: string[], isDarkTheme: boolean): string => {\n  if (colors.length === 0) {\n    return '';\n  }\n  const colorIdx = Number(isDarkTheme);\n  if (colorIdx < colors.length) {\n    return colors[colorIdx];\n  }\n  return colors[0];\n};\n\nexport const getNextColor = (index: number, offset: number = 0, isDarkTheme: boolean = false): string => {\n  const colors = QUALITATIVE_COLORS[(index + offset) % QUALITATIVE_COLORS.length];\n  return getThemeSpecificColor(colors, isDarkTheme);\n};\n\nexport const getColorFromToken = (token: string, isDarkTheme: boolean = false): string => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Colors[paletteName][colorCode];\n    return getThemeSpecificColor(colors, isDarkTheme);\n  }\n  return token;\n};\n\n//For reference to how these numbers are calculated, refer https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\nconst rgbLrgb1 = (v: number): number => {\n  return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;\n};\n\nconst rgbLrgb = ({ r, g, b }: { r: number; g: number; b: number }): { r: number; g: number; b: number } => {\n  return {\n    r: rgbLrgb1(r / 255),\n    g: rgbLrgb1(g / 255),\n    b: rgbLrgb1(b / 255),\n  };\n};\n\nconst lrgbLuminance = ({ r, g, b }: { r: number; g: number; b: number }): number => {\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nexport const getColorContrast = (c1: string, c2: string): number => {\n  const l1 = lrgbLuminance(rgbLrgb(d3Rgb(c1)));\n  const l2 = lrgbLuminance(rgbLrgb(d3Rgb(c2)));\n  return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);\n};\n"],"names":["rgb","d3Rgb","DataVizPalette","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color13","color14","color15","color16","color17","color18","color19","color20","color21","color22","color23","color24","color25","color26","color27","color28","color29","color30","color31","color32","color33","color34","color35","color36","color37","color38","color39","color40","info","disabled","highError","error","warning","success","highSuccess","QualitativePalette","SemanticPalette","Colors","qualitative","semantic","QUALITATIVE_COLORS","Object","values","TOKENS","getThemeSpecificColor","colors","isDarkTheme","length","colorIdx","Number","getNextColor","index","offset","getColorFromToken","token","indexOf","paletteName","colorCode","split","rgbLrgb1","v","rgbLrgb","r","g","b","lrgbLuminance","getColorContrast","c1","c2","l1","l2","Math","max","min"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/utilities/getWindow.js

@@ -0,0 +1,25 @@
+import { canUseDOM } from '@fluentui/react-utilities';
+let _window = undefined;
+// Note: Accessing "window" in IE11 is somewhat expensive, and calling "typeof window"
+// hits a memory leak, whereas aliasing it and calling "typeof _window" does not.
+// Caching the window value at the file scope lets us minimize the impact.
+try {
+    // eslint-disable-next-line no-restricted-globals
+    _window = window;
+} catch (e) {
+/* no-op */ }
+/**
+ * Helper to get the window object. The helper will make sure to use a cached variable
+ * of "window", to avoid overhead and memory leaks in IE11. Note that in popup scenarios the
+ * window object won't match the "global" window object, and for these scenarios, you should
+ * pass in an element hosted within the popup.
+ *
+ * @public
+ */ export function getWindow(rootElement) {
+    if (!canUseDOM() || typeof _window === 'undefined') {
+        return undefined;
+    } else {
+        const el = rootElement;
+        return el && el.ownerDocument && el.ownerDocument.defaultView ? el.ownerDocument.defaultView : _window;
+    }
+}

package/lib/utilities/getWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getWindow.ts"],"sourcesContent":["import { canUseDOM } from '@fluentui/react-utilities';\n\nlet _window: Window | undefined = undefined;\n\n// Note: Accessing \"window\" in IE11 is somewhat expensive, and calling \"typeof window\"\n// hits a memory leak, whereas aliasing it and calling \"typeof _window\" does not.\n// Caching the window value at the file scope lets us minimize the impact.\ntry {\n  // eslint-disable-next-line no-restricted-globals\n  _window = window;\n} catch (e) {\n  /* no-op */\n}\n\n/**\n * Helper to get the window object. The helper will make sure to use a cached variable\n * of \"window\", to avoid overhead and memory leaks in IE11. Note that in popup scenarios the\n * window object won't match the \"global\" window object, and for these scenarios, you should\n * pass in an element hosted within the popup.\n *\n * @public\n */\nexport function getWindow(rootElement?: Element | null): Window | undefined {\n  if (!canUseDOM() || typeof _window === 'undefined') {\n    return undefined;\n  } else {\n    const el = rootElement as Element;\n\n    return el && el.ownerDocument && el.ownerDocument.defaultView ? el.ownerDocument.defaultView : _window;\n  }\n}\n"],"names":["canUseDOM","_window","undefined","window","e","getWindow","rootElement","el","ownerDocument","defaultView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,4BAA4B;AAEtD,IAAIC,UAA8BC;AAElC,sFAAsF;AACtF,iFAAiF;AACjF,0EAA0E;AAC1E,IAAI;IACF,iDAAiD;IACjDD,UAAUE;AACZ,EAAE,OAAOC,GAAG;AACV,SAAS,GACX;AAEA;;;;;;;CAOC,GACD,OAAO,SAASC,UAAUC,WAA4B;IACpD,IAAI,CAACN,eAAe,OAAOC,YAAY,aAAa;QAClD,OAAOC;IACT,OAAO;QACL,MAAMK,KAAKD;QAEX,OAAOC,MAAMA,GAAGC,aAAa,IAAID,GAAGC,aAAa,CAACC,WAAW,GAAGF,GAAGC,aAAa,CAACC,WAAW,GAAGR;IACjG;AACF"}

package/lib/utilities/index.js

@@ -0,0 +1,3 @@
+export * from './utilities';
+export * from './colors';
+export * from './vbc-utils';

package/lib/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './utilities';\nexport * from './colors';\nexport * from './vbc-utils';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,cAAc"}

package/lib/utilities/locale-util.js

@@ -0,0 +1,15 @@
+export const convertToLocaleString = (data, culture)=>{
+    if (!data) {
+        return data;
+    }
+    culture = culture || undefined;
+    if (typeof data === 'number') {
+        return data.toLocaleString(culture);
+    } else if (typeof data === 'string' && !isNaN(Number(data))) {
+        const num = Number(data);
+        return num.toLocaleString(culture);
+    } else if (data instanceof Date) {
+        return data.toLocaleDateString(culture);
+    }
+    return data;
+};

package/lib/utilities/locale-util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["locale-util.ts"],"sourcesContent":["type LocaleStringDataProps = number | string | Date | { [id: string]: number } | undefined;\nexport const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): LocaleStringDataProps => {\n  if (!data) {\n    return data;\n  }\n  culture = culture || undefined;\n  if (typeof data === 'number') {\n    return data.toLocaleString(culture);\n  } else if (typeof data === 'string' && !isNaN(Number(data))) {\n    const num = Number(data);\n    return num.toLocaleString(culture);\n  } else if (data instanceof Date) {\n    return data.toLocaleDateString(culture);\n  }\n  return data;\n};\n"],"names":["convertToLocaleString","data","culture","undefined","toLocaleString","isNaN","Number","num","Date","toLocaleDateString"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AACA,OAAO,MAAMA,wBAAwB,CAACC,MAA6BC;IACjE,IAAI,CAACD,MAAM;QACT,OAAOA;IACT;IACAC,UAAUA,WAAWC;IACrB,IAAI,OAAOF,SAAS,UAAU;QAC5B,OAAOA,KAAKG,cAAc,CAACF;IAC7B,OAAO,IAAI,OAAOD,SAAS,YAAY,CAACI,MAAMC,OAAOL,QAAQ;QAC3D,MAAMM,MAAMD,OAAOL;QACnB,OAAOM,IAAIH,cAAc,CAACF;IAC5B,OAAO,IAAID,gBAAgBO,MAAM;QAC/B,OAAOP,KAAKQ,kBAAkB,CAACP;IACjC;IACA,OAAOD;AACT,EAAE"}

package/lib/utilities/overflow-utils.js

@@ -0,0 +1,27 @@
+/**
+ * Detects whether an element's content has horizontal overflow
+ *
+ * @public
+ * @param element - Element to check for overflow
+ * @returns True if element's content overflows
+ */ export function hasHorizontalOverflow(element) {
+    return element.clientWidth < element.scrollWidth;
+}
+/**
+ * Detects whether an element's content has vertical overflow
+ *
+ * @public
+ * @param element - Element to check for overflow
+ * @returns True if element's content overflows
+ */ export function hasVerticalOverflow(element) {
+    return element.clientHeight < element.scrollHeight;
+}
+/**
+ * Detects whether an element's content has overflow in any direction
+ *
+ * @public
+ * @param element - Element to check for overflow
+ * @returns True if element's content overflows
+ */ export function hasOverflow(element) {
+    return hasHorizontalOverflow(element) || hasVerticalOverflow(element);
+}

package/lib/utilities/overflow-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["overflow-utils.ts"],"sourcesContent":["/**\n * Detects whether an element's content has horizontal overflow\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasHorizontalOverflow(element: HTMLElement): boolean {\n  return element.clientWidth < element.scrollWidth;\n}\n\n/**\n * Detects whether an element's content has vertical overflow\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasVerticalOverflow(element: HTMLElement): boolean {\n  return element.clientHeight < element.scrollHeight;\n}\n\n/**\n * Detects whether an element's content has overflow in any direction\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasOverflow(element: HTMLElement): boolean {\n  return hasHorizontalOverflow(element) || hasVerticalOverflow(element);\n}\n"],"names":["hasHorizontalOverflow","element","clientWidth","scrollWidth","hasVerticalOverflow","clientHeight","scrollHeight","hasOverflow"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;CAMC,GACD,OAAO,SAASA,sBAAsBC,OAAoB;IACxD,OAAOA,QAAQC,WAAW,GAAGD,QAAQE,WAAW;AAClD;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,oBAAoBH,OAAoB;IACtD,OAAOA,QAAQI,YAAY,GAAGJ,QAAQK,YAAY;AACpD;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,YAAYN,OAAoB;IAC9C,OAAOD,sBAAsBC,YAAYG,oBAAoBH;AAC/D"}

package/lib/utilities/string.js

@@ -0,0 +1,32 @@
+// Regex that finds { and } so they can be removed on a lookup for string format
+const FORMAT_ARGS_REGEX = /[\{\}]/g;
+// Regex that finds {#} so it can be replaced by the arguments in string format
+const FORMAT_REGEX = /\{\d+\}/g;
+/**
+ * String format method, used for scenarios where at runtime you
+ * need to evaluate a formatted string given a tokenized string. This
+ * usually only is needed in localization scenarios.
+
+ * @example
+ * ```tsx
+ * "I love {0} every {1}".format("CXP")
+ * ```
+ * will result in a Debug Exception.
+ *
+ * @public
+ */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function format(s, ...values) {
+    const args = values;
+    // Callback match function
+    function replaceFunc(match) {
+        // looks up in the args
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        let replacement = args[match.replace(FORMAT_ARGS_REGEX, '')];
+        // catches undefined in nondebug and null in debug and nondebug
+        if (replacement === null || replacement === undefined) {
+            replacement = '';
+        }
+        return replacement;
+    }
+    return s.replace(FORMAT_REGEX, replaceFunc);
+}

package/lib/utilities/string.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["string.ts"],"sourcesContent":["// Regex that finds { and } so they can be removed on a lookup for string format\nconst FORMAT_ARGS_REGEX = /[\\{\\}]/g;\n\n// Regex that finds {#} so it can be replaced by the arguments in string format\nconst FORMAT_REGEX = /\\{\\d+\\}/g;\n\n/**\n * String format method, used for scenarios where at runtime you\n * need to evaluate a formatted string given a tokenized string. This\n * usually only is needed in localization scenarios.\n\n * @example\n * ```tsx\n * \"I love {0} every {1}\".format(\"CXP\")\n * ```\n * will result in a Debug Exception.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function format(s: string, ...values: any[]): string {\n  const args = values;\n  // Callback match function\n  function replaceFunc(match: string): string {\n    // looks up in the args\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let replacement = args[match.replace(FORMAT_ARGS_REGEX, '') as any];\n\n    // catches undefined in nondebug and null in debug and nondebug\n    if (replacement === null || replacement === undefined) {\n      replacement = '';\n    }\n\n    return replacement;\n  }\n  return s.replace(FORMAT_REGEX, replaceFunc);\n}\n"],"names":["FORMAT_ARGS_REGEX","FORMAT_REGEX","format","s","values","args","replaceFunc","match","replacement","replace","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,gFAAgF;AAChF,MAAMA,oBAAoB;AAE1B,+EAA+E;AAC/E,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,8DAA8D;AAC9D,OAAO,SAASC,OAAOC,CAAS,EAAE,GAAGC,MAAa;IAChD,MAAMC,OAAOD;IACb,0BAA0B;IAC1B,SAASE,YAAYC,KAAa;QAChC,uBAAuB;QACvB,8DAA8D;QAC9D,IAAIC,cAAcH,IAAI,CAACE,MAAME,OAAO,CAACT,mBAAmB,IAAW;QAEnE,+DAA+D;QAC/D,IAAIQ,gBAAgB,QAAQA,gBAAgBE,WAAW;YACrDF,cAAc;QAChB;QAEA,OAAOA;IACT;IACA,OAAOL,EAAEM,OAAO,CAACR,cAAcK;AACjC"}