
  <script lang="ts">
    export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
export type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
export type {CompassSectorPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
      import { setProperties } from "../../util.js";
      import type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
import type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
import type {CompassSectorPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
      import type { Snippet } from 'svelte';

      export interface Props {
     class?: string;
     style?: string;
     heading?: number;
     courseOverGround?: number;
     headingSetpoint?: number | null;
     newHeadingSetpoint?: number | undefined;
     atHeadingSetpoint?: boolean;
     headingSetpointAtZeroDeadband?: number;
     headingSetpointOverride?: boolean;
     autoAtHeadingSetpoint?: boolean;
     autoAtHeadingSetpointDeadband?: number;
     animateSetpoint?: boolean;
     touching?: boolean;
     headingAdvices?: AngleAdvice[];
     minFOV?: number;
     rotType?: RotType | undefined;
     rotPosition?: RotPosition;
     rotationsPerMinute?: number;
     rotMaxValue?: number;
     rotPortStarboard?: boolean;
     rotAtZeroDeadband?: number;
     state?: InstrumentState;
     priority?: Priority;
     priorityElements?: CompassSectorPriorityElement[];
     tickmarksInside?: boolean;
     zoomToFitArc?: boolean
   }
      export interface Events {
    onNone?: (event: CustomEvent<unknown>) => void
  }
      export interface Slots {
  children?: Snippet
}
      const {onNone, class: className, style, children, ...props} = $props<Props & Events & Slots>();

    </script>
    <obc-compass-sector
    use:setProperties={props}
    class={className}
    style={style}
    onNone={onNone} >
      
    {#if children}
      {@render children()}
    {/if}
    </obc-compass-sector>