@api-client/ui 0.5.48 → 0.5.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.5.48",
+  "version": "0.5.50",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",

package/src/md/collapse/internals/Collapse.styles.ts

@@ -5,6 +5,7 @@ export default css`
     display: block;
     transition-duration: var(--ui-collapse-transition-duration, 300ms);
     transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
+    transition-property: max-height, max-width;
     overflow: visible;
   }
 

package/src/md/collapse/internals/Collapse.ts

@@ -104,7 +104,7 @@ export default class UiCollapse extends UiElement {
    */
   toggle(): void {
     this.open = !this.open
-    this.dispatchEvent(new Event('open'))
+    this.dispatchEvent(new Event('toggle'))
   }
 
   /**
@@ -128,8 +128,11 @@ export default class UiCollapse extends UiElement {
       // After the transition is done, _transitionEnd will set the size back to
       // `auto`.
       if (sizeValue === '') {
+        // Temporarily remove constraint to measure natural size
+        const currentMaxDimension = this.style[this.dimensionMax]
         this.style[this.dimensionMax] = ''
         sizeValue = this.calcSize()
+        this.style[this.dimensionMax] = currentMaxDimension
       }
       // Go to startSize without animation.