import { html } from "lit";
import { property } from "lit/decorators.js";
import { customElement } from "../../decorator.js";
import "../poi-button-vessel/poi-button-vessel.js";
import "../../icons/icon-vessel-generic-default-filled.js";
import { ObcPoiBase } from "../building-blocks/poi/poi-base.js";
import { ObcPoiObjectVesselType, ObcPoiObjectVesselStyle } from "../poi-object-vessel/poi-object-vessel.js";
import { ObcPoiObjectVesselState } from "../poi-object-vessel/poi-object-vessel.js";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __decorateClass = (decorators, target, key, kind) => {
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
    if (decorator = decorators[i])
      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
  if (kind && result) __defProp(target, key, result);
  return result;
};
let ObcPoiVessel = class extends ObcPoiBase {
  constructor() {
    super(...arguments);
    this.vesselType = ObcPoiObjectVesselType.Regular;
    this.vesselStyle = ObcPoiObjectVesselStyle.Regular;
    this.vesselState = null;
    this.vesselInteractive = false;
  }
  getVisualNodes() {
    return this.queryVisualNodes("obc-poi", "obc-poi-button-vessel");
  }
  renderButtonSlot() {
    return html`
      <obc-poi-button-vessel
        slot="button"
        .relativeDirection=${this.relativeDirection}
        .selected=${this.selected}
        .hasHeader=${this.hasHeader}
        .headerContent=${this.headerContent}
        .state=${this.resolvedPoiState}
        .value=${this.value}
        .overlapOpaque=${this.overlapOpaque}
        .type=${this.buttonType}
        .data=${this.data}
        .vesselType=${this.vesselType}
        .vesselStyle=${this.vesselStyle}
        .vesselState=${this.vesselState}
        .vesselInteractive=${this.vesselInteractive}
      >
        <slot
          ><obi-vessel-generic-default-filled></obi-vessel-generic-default-filled
        ></slot>
        <slot name="turn-indicator" slot="turn-indicator"></slot>
        <slot name="speed-indicator" slot="speed-indicator"></slot>
      </obc-poi-button-vessel>
    `;
  }
};
ObcPoiVessel.styles = ObcPoiBase.styles;
__decorateClass([
  property({ type: String, attribute: "vessel-type" })
], ObcPoiVessel.prototype, "vesselType", 2);
__decorateClass([
  property({ type: String, attribute: "vessel-style" })
], ObcPoiVessel.prototype, "vesselStyle", 2);
__decorateClass([
  property({ type: String, attribute: "vessel-state" })
], ObcPoiVessel.prototype, "vesselState", 2);
__decorateClass([
  property({ type: Boolean, attribute: "vessel-interactive" })
], ObcPoiVessel.prototype, "vesselInteractive", 2);
ObcPoiVessel = __decorateClass([
  customElement("obc-poi-vessel")
], ObcPoiVessel);
export {
  ObcPoiObjectVesselState,
  ObcPoiObjectVesselStyle,
  ObcPoiObjectVesselType,
  ObcPoiVessel
};
//# sourceMappingURL=poi-vessel.js.map
