Accordion

<script setup>
import { Accordion } from "@dicehub/kappa/components/accordion";
</script>

<template>
  <Accordion.Root :default-value="['geometry']">
    <Accordion.Item value="geometry">
      <Accordion.Trigger>Geometry</Accordion.Trigger>
      <Accordion.Content>
        The geometry contains 12 watertight regions. Surface checks found no open edges or
        self-intersections.
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="mesh">
      <Accordion.Trigger>Mesh</Accordion.Trigger>
      <Accordion.Content>
        The volume mesh contains 2.4 million cells across 24 partitions. All quality checks
        passed before decomposition.
      </Accordion.Content>
    </Accordion.Item>
  </Accordion.Root>
</template>

<script setup>
import { Accordion } from "@dicehub/kappa/components/accordion";
</script>

<template>
  <Accordion.Root :default-value="['mesh', 'boundaries']" multiple collapsible>
    <Accordion.Item value="mesh">
      <Accordion.Trigger>Mesh summary</Accordion.Trigger>
      <Accordion.Content>
        The mesh contains 2.4 million cells across 24 balanced partitions. The largest load
        imbalance is 1.7%.
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="boundaries">
      <Accordion.Trigger>Boundary summary</Accordion.Trigger>
      <Accordion.Content>
        Seven boundary patches are ready for review. Inlet, outlet, and wall conditions are
        assigned to every face.
      </Accordion.Content>
    </Accordion.Item>
  </Accordion.Root>
</template>

<script setup>
import { Accordion } from "@dicehub/kappa/components/accordion";
</script>

<template>
  <Accordion.Root :default-value="['mesh']">
    <Accordion.Item value="mesh">
      <Accordion.Trigger>Mesh</Accordion.Trigger>
      <Accordion.Content>
        Mesh diagnostics are available. Review cell quality, patch coverage, and partition
        balance before starting the run.
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="decomposition" disabled>
      <Accordion.Trigger>Domain decomposition</Accordion.Trigger>
      <Accordion.Content>
        Decomposition is unavailable while meshing. It becomes available after the mesh passes
        its final quality check.
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="solver">
      <Accordion.Trigger>Solver</Accordion.Trigger>
      <Accordion.Content>
        Solver controls are ready. The selected tolerances and relaxation factors have been
        validated for this case.
      </Accordion.Content>
    </Accordion.Item>
  </Accordion.Root>
</template>

<script setup>
import { ref } from "vue";
import { Accordion } from "@dicehub/kappa/components/accordion";

const openPanels = ref(["residuals"]);
</script>

<template>
  <Accordion.Root v-model="openPanels" collapsible>
    <Accordion.Item value="residuals">
      <Accordion.Trigger>Residuals</Accordion.Trigger>
      <Accordion.Content>
        All normalized residuals are below 1e-5. Pressure has fallen by more than four orders
        of magnitude since the first iteration.
      </Accordion.Content>
    </Accordion.Item>
    <Accordion.Item value="forces">
      <Accordion.Trigger>Forces</Accordion.Trigger>
      <Accordion.Content>
        The mean drag coefficient is 0.31 over the latest sampling window. Oscillation remains
        below 0.6%.
      </Accordion.Content>
    </Accordion.Item>
  </Accordion.Root>
  <p>Open panels: {{ openPanels.join(", ") || "none" }}</p>
</template>

<script setup>
import { Accordion } from "@dicehub/kappa/components/accordion";
</script>

<template>
  <div dir="rtl">
    <Accordion.Root dir="rtl" :default-value="['results']" collapsible>
      <Accordion.Item value="results">
        <Accordion.Trigger>نتائج المحاكاة</Accordion.Trigger>
        <Accordion.Content>
          الضغط والسرعة جاهزان للمراجعة. اكتملت آخر عملية كتابة عند ٢٫٤ ثانية.
        </Accordion.Content>
      </Accordion.Item>
    </Accordion.Root>
  </div>
</template>

<script setup>
import { Accordion } from "@dicehub/kappa/components/accordion";
</script>

<template>
  <Accordion.Root lazy-mount unmount-on-exit collapsible>
    <Accordion.Item value="plots">
      <Accordion.Trigger>Residual plots</Accordion.Trigger>
      <Accordion.Content>
        Residual plots mount only while this item is open. Closing the section removes the chart
        from the document and releases its observers.
      </Accordion.Content>
    </Accordion.Item>
  </Accordion.Root>
</template>