fix(flow-item): set closed property to true when internal panel is cl…

…osed (#9715)

**Related Issue:** #9714

## Summary

- sets flow-item to closed when internal panel is closed
- adds test

packages/calcite-components/src/components/flow-item/flow-item.e2e.ts

@@ -287,4 +287,18 @@ describe("calcite-flow-item", () => {
 
     expect(toggleSpy).toHaveReceivedEventTimes(1);
   });
+
+  it("honors calciteFlowItemClose event", async () => {
+    const page = await newE2EPage({
+      html: "<calcite-flow-item closable>test</calcite-flow-item>",
+    });
+
+    const toggleSpy = await page.spyOnEvent("calciteFlowItemClose");
+    const panel = await page.find("calcite-flow-item >>> calcite-panel");
+    panel.triggerEvent("calcitePanelClose");
+    await page.waitForChanges();
+
+    expect(toggleSpy).toHaveReceivedEventTimes(1);
+    expect(await panel.getProperty("closed")).toBe(true);
+  });
 });

packages/calcite-components/src/components/flow-item/flow-item.tsx

@@ -294,6 +294,7 @@ export class FlowItem
 
   handlePanelClose = (event: CustomEvent<void>): void => {
     event.stopPropagation();
+    this.closed = true;
     this.calciteFlowItemClose.emit();
   };