allow disclosure show to be controlled within v-for

houston-common-ui/lib/components/Disclosure.vue

@@ -39,7 +39,6 @@ const elementHeight = computed<number>(() => {
 
 const observer = new ResizeObserver((entries) => {
   entries.forEach((entry) => {
-    console.log("updating internal height:", entry.contentRect.height);
     internalHeight.value = entry.contentRect.height;
   });
 });
@@ -109,7 +108,7 @@ onUnmounted(() => {
       ]"
     >
       <div ref="internalWrapperElement">
-        <slot :visible="visible" />
+        <slot :visible="visible" :show="show" />
       </div>
     </div>
   </div>

houston-common-ui/lib/components/DisclosureController.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { defineModel } from "vue";
+
+const show = defineModel("show", { default: false });
+
+const setShow = (value: boolean) => show.value = value;
+</script>
+
+<template>
+  <slot :show :setShow />
+</template>

houston-common-ui/lib/components/index.ts

@@ -16,6 +16,7 @@ export { default as ToggleSwitch } from "./ToggleSwitch.vue";
 export { default as ToggleSwitchGroup } from "./ToggleSwitchGroup.vue";
 export { default as ToolTip } from "./ToolTip.vue";
 export { default as Disclosure } from "./Disclosure.vue";
+export { default as DisclosureController } from "./DisclosureController.vue";
 export { default as SelectMenu } from "./SelectMenu.vue";
 export * from "./SelectMenu.vue";
 export { default as InputLabelWrapper } from "./InputLabelWrapper.vue";