@salesforcedevs/dw-components 1.3.213 → 1.3.214

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.213",
+    "version": "1.3.214",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -24,5 +24,5 @@
         "@types/setimmediate": "^1.0.2",
         "setimmediate": "^1.0.5"
     },
-    "gitHead": "916a9fae83496670e57a7796725213c8cc8186a0"
+    "gitHead": "9e7c77ace387fd5b0aa4abd5d1ab160c6c902926"
 }

package/src/modules/dw/j2sCardSequence/j2sCardSequence.html

@@ -5,6 +5,7 @@
         force-initially-visible={forceInitiallyVisible}
         initial-step-index={initialStepIndex}
         lwc:ref="stepSequence"
+        onslotchange={handleStepSequenceSlotChange}
         onstepsequencechange={handleStepSequenceChange}
         optimize-position-after-animation="true"
         session-storage-id={sessionStorageId}

package/src/modules/dw/j2sCardSequence/j2sCardSequence.ts

@@ -275,6 +275,19 @@ export default class J2sCardSequence extends LightningElement {
         }
     }
 
+    handleStepSequenceSlotChange() {
+        requestAnimationFrame(() => {
+            // After the slots have slotted and there's been time to animate, we know the browser's layout of the
+            // sequence has completed.
+            this.dispatchEvent(
+                new CustomEvent("j2ssequencelaidout", {
+                    bubbles: true,
+                    composed: true
+                })
+            );
+        });
+    }
+
     handleGetStarted() {
         // If the user is not yet logged in, we need to prevent moving immediately to the next
         // step, but set storage up so that they are on the second step when they return to the