script editor

2023-10-06 13:15:19 +02:00
parent 13da56009e
commit e06cf1ae34
35 changed files with 776 additions and 68 deletions
@@ -0,0 +1,38 @@
+<script lang="ts" context="module">
+  const MATCH_ICONS: Record<"all" | "raw" | "name" | "role", IconName> = {
+    name: "signature",
+    raw: "cog",
+    role: "masks_theater",
+    all: "asterisk",
+  }
+</script>
+
+<script lang="ts">
+	import type { IconName } from "../Icon.svelte";
+	import BFormOption from "../bforms/BFormOption.svelte";
+	import BFormParameter from "../bforms/BFormParameter.svelte";
+
+  export let matchKind: "all" | "name" | "role" | "raw";
+  export let matchValue: string;
+
+  function toggleMatchKind() {
+    switch (matchKind) {
+      case "all": matchKind = "name"; break;
+      case "name": matchKind = "role"; break;
+      case "role": matchKind = "raw"; break;
+      case "raw": matchKind = "all"; break;
+    }
+  }
+
+</script>
+
+<BFormOption on:click={toggleMatchKind} state icon={MATCH_ICONS[matchKind]}>
+  {#if matchKind !== "all"}
+    <BFormParameter
+      wide={matchKind === "raw"}
+      type="text"
+      label="Match ({matchKind})"
+      bind:value={matchValue}
+    />
+  {/if}
+</BFormOption>