@leanix/components 0.4.776 → 0.4.778

package/fesm2022/leanix-components.mjs

@@ -2716,6 +2716,8 @@ function getSapIcon(faIcon, solid = false) {
     return solid && icons[1] ? icons[1] : icons[0];
 }
 
+/** Matches FA modifier classes like fas, far, fal, fad, fab at any position */
+const FA_MODIFIER_REGEX = /\s*\b(fas|far|fal|fad|fab)\b\s*/g;
 /**
  * This pipe can be used to transform Font Awesome icons into SAP icons.
  * Useful for scenarios in which icon names need to be mapped at runtime,
@@ -2728,18 +2730,20 @@ function getSapIcon(faIcon, solid = false) {
 class FaToSapIconPipe {
     /**
      * Transforms Font Awesome icons to SAP icons
-     * @param value The Font Awesome icon name, with optional `fa-` prefix
+     * @param value The Font Awesome icon name, with optional `fa-` prefix and modifier classes
      * @param isSolid Whether the icon is solid
      * @returns The SAP icon name, or provided value if no mapped icon found
      */
     transform(value, isSolid = false) {
-        const iconName = value.startsWith('fa-') ? value : `fa-${value}`;
-        const icons = ICON_MAP[iconName];
+        const hasFasModifier = /\bfas\b/.test(value);
+        const cleanedValue = value.replace(FA_MODIFIER_REGEX, '').trim();
+        const normalizedIconName = cleanedValue.startsWith('fa-') ? cleanedValue : `fa-${cleanedValue}`;
+        const icons = ICON_MAP[normalizedIconName];
         if (!icons || !icons.length) {
             console.warn(`[FaToSapIconPipe] No SAP icon found for ${value}`);
             return value;
         }
-        if (isSolid) {
+        if (isSolid || hasFasModifier) {
             return icons[1] ?? icons[0];
         }
         return icons[0];