@solid-design-system/components 5.4.3 → 5.4.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "5.4.3",
+  "version": "5.4.4",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",

package/dist/chunks/{chunk.WOZNRS7M.js → chunk.X3F32DMB.js}

@@ -113,6 +113,16 @@ var SdDrawer = class extends SolidElement {
       await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);
       this.drawer.hidden = false;
       this.drawer.removeAttribute("inert");
+      const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {
+        dir: this.localize.dir()
+      });
+      const overlayAnimation = getAnimation(this, "drawer.overlay.show", { dir: this.localize.dir() });
+      await Promise.all([
+        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
+        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)
+      ]);
+      closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-controls", "drawer");
+      closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-expanded", "true");
       requestAnimationFrame(() => {
         const sdInitialFocus = this.emit("sd-initial-focus", { cancelable: true });
         if (!sdInitialFocus.defaultPrevented) {
@@ -128,16 +138,6 @@ var SdDrawer = class extends SolidElement {
           this.closeButton.focus();
         }
       });
-      const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {
-        dir: this.localize.dir()
-      });
-      const overlayAnimation = getAnimation(this, "drawer.overlay.show", { dir: this.localize.dir() });
-      await Promise.all([
-        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
-        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)
-      ]);
-      closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-controls", "drawer");
-      closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-expanded", "true");
       this.emit("sd-after-show");
     } else {
       this.emit("sd-hide");