2022-04-10 21:42:53 +00:00
|
|
|
<div
|
|
|
|
style:transform={uiTransform}
|
|
|
|
use:movable={{
|
|
|
|
disabled: !isMovable,
|
|
|
|
ship,
|
|
|
|
system: ["weapon", id],
|
|
|
|
}}
|
|
|
|
>
|
2020-07-29 21:08:52 +00:00
|
|
|
<Arcs selected={arcs} size="40">
|
2022-03-01 17:42:33 +00:00
|
|
|
<text x="50%" y="50%">
|
2022-03-26 15:47:10 +00:00
|
|
|
{weaponClass}
|
2020-07-29 21:08:52 +00:00
|
|
|
</text>
|
|
|
|
</Arcs>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
2022-04-10 21:42:53 +00:00
|
|
|
import { getContext } from "svelte";
|
|
|
|
import { movable } from "../../movable.js";
|
2022-03-26 15:47:10 +00:00
|
|
|
import Arcs from "$lib/components/ShipEdit/Weaponry/Weapon/Arcs.svelte";
|
|
|
|
export let weaponClass = 1;
|
2020-07-29 21:08:52 +00:00
|
|
|
export let arcs = [];
|
2022-04-10 21:42:53 +00:00
|
|
|
export let uiTransform = "";
|
|
|
|
export let isMovable = false;
|
|
|
|
export let id = -1;
|
|
|
|
const ship = getContext("ship");
|
2020-07-29 21:08:52 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
div :global(path) {
|
|
|
|
}
|
|
|
|
div :global(path:hover) {
|
|
|
|
fill: white;
|
|
|
|
}
|
|
|
|
div :global(path.active:hover) {
|
|
|
|
fill: black;
|
|
|
|
}
|
|
|
|
text {
|
|
|
|
text-anchor: middle;
|
|
|
|
dominant-baseline: central;
|
|
|
|
font-size: var(--font-scale-10);
|
|
|
|
}
|
|
|
|
</style>
|