@ui5/webcomponents-base 2.27.2 → 2.28.1

package/dist/util/highlightText.js

@@ -0,0 +1,55 @@
+// @ts-expect-error
+import encodeXML from "../sap/base/security/encodeXML.js";
+function createLowerCaseIndexMap(text) {
+    const originalStart = [];
+    const originalEnd = [];
+    let originalIndex = 0;
+    Array.from(text).forEach(character => {
+        const lowerCharacter = character.toLowerCase();
+        const end = originalIndex + character.length;
+        Array.from({ length: lowerCharacter.length }).forEach(() => {
+            originalStart.push(originalIndex);
+            originalEnd.push(end);
+        });
+        originalIndex = end;
+    });
+    return {
+        originalStart,
+        originalEnd,
+    };
+}
+/**
+ * Highlights the occurrences of the highlightedText in the text by wrapping them in a span with the provided class.
+ * @param text The original text in which to highlight occurrences.
+ * @param highlightedText The text to highlight within the original text.
+ * @param sClass The CSS class to apply to the highlighted spans.
+ * @returns The text with the highlighted occurrences wrapped in a span with the specified class.
+ * @since 2.28.0
+ */
+const highlightText = (text, highlightedText, sClass) => {
+    text = text || "";
+    highlightedText = highlightedText || "";
+    const lowerText = text.toLowerCase();
+    const lowerHighlight = highlightedText.toLowerCase();
+    const highlightLength = lowerHighlight.length;
+    let index = lowerText.indexOf(lowerHighlight);
+    if (!highlightLength || index === -1) {
+        return encodeXML(text);
+    }
+    // Lowercasing can expand a single character (for example Turkish dotted İ).
+    // The index map keeps the lowercase search positions aligned with the original text slices.
+    const indexMap = createLowerCaseIndexMap(text);
+    let result = "";
+    let lastEnd = 0;
+    while (index > -1) {
+        const start = indexMap.originalStart[index];
+        const end = indexMap.originalEnd[index + highlightLength - 1];
+        result += `${encodeXML(text.slice(lastEnd, start))}<span class="${sClass}">${encodeXML(text.slice(start, end))}</span>`;
+        lastEnd = end;
+        index = lowerText.indexOf(lowerHighlight, index + highlightLength);
+    }
+    result += encodeXML(text.slice(lastEnd));
+    return result;
+};
+export default highlightText;
+//# sourceMappingURL=highlightText.js.map

package/dist/util/highlightText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightText.js","sourceRoot":"","sources":["../../src/util/highlightText.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAE1D,SAAS,uBAAuB,CAAC,IAAY;IAC5C,MAAM,aAAa,GAAa,EAAE,CAAC;IACnC,MAAM,WAAW,GAAa,EAAE,CAAC;IACjC,IAAI,aAAa,GAAG,CAAC,CAAC;IAEtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QACpC,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;QAC/C,MAAM,GAAG,GAAG,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC;QAE7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YAC1D,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAClC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,aAAa,GAAG,GAAG,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,OAAO;QACN,aAAa;QACb,WAAW;KACX,CAAC;AACH,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,CAAC,IAA+B,EAAE,eAA0C,EAAE,MAAc,EAAE,EAAE;IACrH,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IAClB,eAAe,GAAG,eAAe,IAAI,EAAE,CAAC;IAExC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;IACrD,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,CAAC;IAC9C,IAAI,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAE9C,IAAI,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACtC,OAAO,SAAS,CAAC,IAAI,CAAW,CAAC;IAClC,CAAC;IAED,4EAA4E;IAC5E,4FAA4F;IAC5F,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAE/C,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,OAAO,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC;QAE9D,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,gBAAgB,MAAM,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC;QACxH,OAAO,GAAG,GAAG,CAAC;QACd,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,cAAc,EAAE,KAAK,GAAG,eAAe,CAAC,CAAC;IACpE,CAAC;IAED,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzC,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["// @ts-expect-error\nimport encodeXML from \"../sap/base/security/encodeXML.js\";\n\nfunction createLowerCaseIndexMap(text: string) {\n\tconst originalStart: number[] = [];\n\tconst originalEnd: number[] = [];\n\tlet originalIndex = 0;\n\n\tArray.from(text).forEach(character => {\n\t\tconst lowerCharacter = character.toLowerCase();\n\t\tconst end = originalIndex + character.length;\n\n\t\tArray.from({ length: lowerCharacter.length }).forEach(() => {\n\t\t\toriginalStart.push(originalIndex);\n\t\t\toriginalEnd.push(end);\n\t\t});\n\n\t\toriginalIndex = end;\n\t});\n\n\treturn {\n\t\toriginalStart,\n\t\toriginalEnd,\n\t};\n}\n\n/**\n * Highlights the occurrences of the highlightedText in the text by wrapping them in a span with the provided class.\n * @param text The original text in which to highlight occurrences.\n * @param highlightedText The text to highlight within the original text.\n * @param sClass The CSS class to apply to the highlighted spans.\n * @returns The text with the highlighted occurrences wrapped in a span with the specified class.\n * @since 2.28.0\n */\nconst highlightText = (text: string | null | undefined, highlightedText: string | null | undefined, sClass: string) => {\n\ttext = text || \"\";\n\thighlightedText = highlightedText || \"\";\n\n\tconst lowerText = text.toLowerCase();\n\tconst lowerHighlight = highlightedText.toLowerCase();\n\tconst highlightLength = lowerHighlight.length;\n\tlet index = lowerText.indexOf(lowerHighlight);\n\n\tif (!highlightLength || index === -1) {\n\t\treturn encodeXML(text) as string;\n\t}\n\n\t// Lowercasing can expand a single character (for example Turkish dotted İ).\n\t// The index map keeps the lowercase search positions aligned with the original text slices.\n\tconst indexMap = createLowerCaseIndexMap(text);\n\n\tlet result = \"\";\n\tlet lastEnd = 0;\n\n\twhile (index > -1) {\n\t\tconst start = indexMap.originalStart[index];\n\t\tconst end = indexMap.originalEnd[index + highlightLength - 1];\n\n\t\tresult += `${encodeXML(text.slice(lastEnd, start))}<span class=\"${sClass}\">${encodeXML(text.slice(start, end))}</span>`;\n\t\tlastEnd = end;\n\t\tindex = lowerText.indexOf(lowerHighlight, index + highlightLength);\n\t}\n\n\tresult += encodeXML(text.slice(lastEnd));\n\n\treturn result;\n};\n\nexport default highlightText;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-base",
-  "version": "2.27.2",
+  "version": "2.28.1",
   "description": "UI5 Web Components: webcomponents.base",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -66,7 +66,7 @@
     "@openui5/sap.ui.core": "1.151.0",
     "@sap-theming/theming-base-content": "11.36.4",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.27.2",
+    "@ui5/webcomponents-tools": "2.28.1",
     "clean-css": "^5.2.2",
     "cypress": "15.18.1",
     "mocha": "^11.7.2",
@@ -85,5 +85,5 @@
     }
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "5529f5dc2aa697c9152ca73f5b0c0211bd0b557e"
+  "gitHead": "a1c8be3fdb2b6ece9f6f0a3c0e03a90cfe3878f3"
 }

package/src/css/SystemCSSVars.css

@@ -12,7 +12,7 @@
 	--_ui5-cozy-size: var(--_ui5-f2d95f8);
 
 	--_ui5-compact-size: ;
-	--_ui5_content_density: cozy;
+	--ui5_content_density: cozy;
 }
 
 [data-ui5-compact-size],
@@ -30,5 +30,5 @@
 	always considered invalid and undefined.
 	*/
 	--_ui5-compact-size: var(--_ui5-f2d95f8);
-	--_ui5_content_density: compact;
+	--ui5_content_density: compact;
 }