make alternative class names searchable in FontAwesome icon picker

0388d3eb6c7e05228359ee06fab4c71b6d029bfa

LenAnderson <Anderson.Len@outlook.com>

public/scripts/utils.js+8 -5 Viewed

     document.head.append(style);
     const sheet = style.sheet;
     style.remove();
 -    return [...sheet.cssRules].filter(it => it.style?.content).map(it => it.selectorText.split('::').shift().slice(1));
 +    return [...sheet.cssRules]
 +        .filter(rule => rule.style?.content)
 +        .map(rule => rule.selectorText.split(/,\s*/).map(selector=>selector.split('::').shift().slice(1)))
 +    ;
+}
 export async function fetchFa() {
     return [...new Set((await Promise.all([

                 qry.placeholder = 'Filter icons';
                 qry.autofocus = true;
                 const qryDebounced = debounce(() => {
                     const result = faList.filter(itfa => itfa.find(className=>className.includes(qry.value)));
                     for (const fa of faList) {
                         if (!result.includes(fa)) {
                             fas[fa].classList.add('hidden');

                     fas[fa] = opt;
                     opt.classList.add('menu_button');
                     opt.classList.add('fa-solid');
                     opt.classList.add(fa[0]);
                     opt.title = fa.map(it=>it.slice(3)).join(', ');
                     opt.dataset.result = POPUP_RESULT.AFFIRMATIVE.toString();
                     opt.addEventListener('click', () => value = fa[0]);
                     grid.append(opt);
+                }
+            }