@gitlab/ui/dist/vendor/bootstrap-vue/src/utils/css-escape.js

GitLab UI Components

import { toString } from './string';

const escapeChar = value => '\\' + value;

// The `cssEscape()` util is based on this `CSS.escape()` polyfill:
// https://github.com/mathiasbynens/CSS.escape
const cssEscape = value => {
  value = toString(value);
  const length = value.length;
  const firstCharCode = value.charCodeAt(0);
  return value.split('').reduce((result, char, index) => {
    const charCode = value.charCodeAt(index);

    // If the character is NULL (U+0000), use (U+FFFD) as replacement
    if (charCode === 0x0000) {
      return result + '\uFFFD';
    }

    // If the character ...
    if (
    // ... is U+007F OR
    charCode === 0x007f ||
    // ... is in the range [\1-\1F] (U+0001 to U+001F) OR ...
    charCode >= 0x0001 && charCode <= 0x001f ||
    // ... is the first character and is in the range [0-9] (U+0030 to U+0039) OR ...
    index === 0 && charCode >= 0x0030 && charCode <= 0x0039 ||
    // ... is the second character and is in the range [0-9] (U+0030 to U+0039)
    // and the first character is a `-` (U+002D) ...
    index === 1 && charCode >= 0x0030 && charCode <= 0x0039 && firstCharCode === 0x002d) {
      // ... https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
      return result + escapeChar(`${charCode.toString(16)} `);
    }

    // If the character ...
    if (
    // ... is the first character AND ...
    index === 0 &&
    // ... is a `-` (U+002D) AND ...
    charCode === 0x002d &&
    // ... there is no second character ...
    length === 1) {
      // ... use the escaped character
      return result + escapeChar(char);
    }

    // If the character ...
    if (
    // ... is greater than or equal to U+0080 OR ...
    charCode >= 0x0080 ||
    // ... is `-` (U+002D) OR ...
    charCode === 0x002d ||
    // ... is `_` (U+005F) OR ...
    charCode === 0x005f ||
    // ... is in the range [0-9] (U+0030 to U+0039) OR ...
    charCode >= 0x0030 && charCode <= 0x0039 ||
    // ... is in the range [A-Z] (U+0041 to U+005A) OR ...
    charCode >= 0x0041 && charCode <= 0x005a ||
    // ... is in the range [a-z] (U+0061 to U+007A) ...
    charCode >= 0x0061 && charCode <= 0x007a) {
      // ... use the character itself
      return result + char;
    }

    // Otherwise use the escaped character
    // See: https://drafts.csswg.org/cssom/#escape-a-character
    return result + escapeChar(char);
  }, '');
};

export { cssEscape };