import { html } from "lit";
import { property } from "lit/decorators.js";
import { customElement } from "../../decorator.js";
import { ObcPoiBase } from "../building-blocks/poi/poi-base.js";
import "../poi-button-data/poi-button-data.js";
import "../../icons/icon-vessel-generic-default-filled.js";
import { ObcPoiObjectDataStyle } from "../poi-object-data/poi-object-data.js";
import { ObcPoiObjectDataState } from "../poi-object-data/poi-object-data.js";
import { ObcPoiValue, PoiDataVisualRectPreference } from "../building-blocks/poi/poi.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 ObcPoiData = class extends ObcPoiBase {
  constructor() {
    super(...arguments);
    this.dataStyle = ObcPoiObjectDataStyle.Regular;
    this.dataState = null;
    this.dataInteractive = false;
  }
  getVisualNodes() {
    return this.queryVisualNodes("obc-poi", "obc-poi-button-data");
  }
  renderButtonSlot() {
    return html`
      <obc-poi-button-data
        slot="button"
        exportparts="icon"
        .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}
        .dataStyle=${this.dataStyle}
        .dataState=${this.dataState}
        .dataInteractive=${this.dataInteractive}
      >
        <slot
          ><obi-vessel-generic-default-filled></obi-vessel-generic-default-filled
        ></slot>
      </obc-poi-button-data>
    `;
  }
};
ObcPoiData.styles = ObcPoiBase.styles;
__decorateClass([
  property({ type: String, attribute: "data-style" })
], ObcPoiData.prototype, "dataStyle", 2);
__decorateClass([
  property({ type: String, attribute: "data-state" })
], ObcPoiData.prototype, "dataState", 2);
__decorateClass([
  property({ type: Boolean, attribute: "data-interactive" })
], ObcPoiData.prototype, "dataInteractive", 2);
ObcPoiData = __decorateClass([
  customElement("obc-poi-data")
], ObcPoiData);
export {
  ObcPoiData,
  ObcPoiObjectDataState as PoiDataObjectState,
  ObcPoiObjectDataStyle as PoiDataObjectStyle,
  ObcPoiValue as PoiDataValue,
  PoiDataVisualRectPreference
};
//# sourceMappingURL=poi-data.js.map
