fix: make querySelector JSDOM compatible (#2265)

src/components/card/card-action/card-action.ts

@@ -129,16 +129,11 @@ export class SbbCardAction extends LitElement implements LinkButtonProperties {
   private _checkForSlottedActions(): void {
     const cardFocusableAttributeName = 'data-card-focusable';
 
-    (
-      this._card.querySelectorAll?.(`[${cardFocusableAttributeName}]:not(${IS_FOCUSABLE_QUERY})`) ??
-      []
-    ).forEach((el: HTMLElement) => el.removeAttribute(cardFocusableAttributeName));
-
-    (
-      this._card.querySelectorAll?.(
-        `${IS_FOCUSABLE_QUERY}:not([${cardFocusableAttributeName}], sbb-card-action)`,
-      ) ?? []
-    ).forEach((el: HTMLElement) => el.setAttribute(cardFocusableAttributeName, ''));
+    Array.from(this._card.querySelectorAll?.(IS_FOCUSABLE_QUERY) ?? [])
+      .filter(
+        (el) => el.tagName !== 'SBB-CARD-ACTION' && !el.hasAttribute(cardFocusableAttributeName),
+      )
+      .forEach((el: HTMLElement) => el.setAttribute(cardFocusableAttributeName, ''));
   }
 
   protected override render(): TemplateResult {

src/components/core/a11y/focus.ts

@@ -1,6 +1,17 @@
 import { interactivityChecker } from './interactivity-checker';
 
-export const IS_FOCUSABLE_QUERY = `:is(button, [href], input, select, textarea, details, summary:not(:disabled), [tabindex]):not([disabled]):not([tabindex="-1"])`;
+export const IS_FOCUSABLE_QUERY = [
+  'button',
+  '[href]',
+  'input',
+  'select',
+  'textarea',
+  'details',
+  'summary:not(:disabled)',
+  '[tabindex]',
+]
+  .map((selector) => `${selector}:not([disabled],[tabindex="-1"])`)
+  .join(',');
 
 // Note: the use of this function for more complex scenarios (with many nested elements) may be expensive.
 export function getFocusableElements(