@oicl/openbridge-webcomponents 0.0.15-dev-20241106154355 → 0.0.15-dev-20241112185305

package/dist/components/poi-target-button/poi-target-button.css.js

@@ -0,0 +1,119 @@
+import { css } from "lit";
+const compentStyle = css`.wrapper {
+  padding: 0;
+  background: transparent;
+  height: 48px;
+  width: 48px;
+  appearance: none;
+  border: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.wrapper .visible-wrapper {
+    height: 32px;
+    width: 32px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+.wrapper .icon {
+    height: 24px;
+    width: 24px;
+  }
+.wrapper.pointer {
+    width: 36px;
+  }
+.wrapper.value-unchecked {
+  cursor: pointer;
+}
+.wrapper.value-unchecked:focus {
+  outline: none;
+}
+.wrapper.value-unchecked.activated .visible-wrapper {
+  border-color: var(--normal-activated-border-color);
+  background-color: var(--normal-activated-background-color);
+}
+.wrapper.value-unchecked .visible-wrapper {
+  border-color: var(--normal-enabled-border-color);
+  background-color: var(--normal-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+}
+.wrapper.value-unchecked:focus-visible .visible-wrapper {
+  outline-color: hsla(211, 100%, 44%, 0.3);
+  outline-width: 4px;
+  outline-style: solid;
+}
+.wrapper.value-unchecked:hover .visible-wrapper {
+  border-color: var(--normal-hover-border-color);
+  background-color: var(--normal-hover-background-color);
+}
+.wrapper.value-unchecked:active .visible-wrapper {
+  border-color: var(--normal-pressed-border-color);
+  background-color: var(--normal-pressed-background-color);
+}
+.wrapper.value-unchecked:disabled .visible-wrapper {
+  border-color: var(--normal-disabled-border-color);
+  background-color: var(--normal-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-normal-disabled-color);
+}
+.wrapper.value-unchecked .visible-wrapper {
+      color: var(--normal-enabled-background-color);
+      border-color: var(--normal-enabled-border-color);
+      box-shadow: var(--shadow-flat);
+    }
+.wrapper.value-unchecked .icon {
+      color: var(--instrument-regular-secondary-color);
+    }
+.wrapper.value-checked {
+  cursor: pointer;
+}
+.wrapper.value-checked:focus {
+  outline: none;
+}
+.wrapper.value-checked.activated .visible-wrapper {
+  border-color: var(--selected-activated-border-color);
+  background-color: var(--selected-activated-background-color);
+}
+.wrapper.value-checked .visible-wrapper {
+  border-color: var(--selected-enabled-border-color);
+  background-color: var(--selected-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  cursor: pointer;
+}
+.wrapper.value-checked:focus-visible .visible-wrapper {
+  outline-color: hsla(211, 100%, 44%, 0.3);
+  outline-width: 4px;
+  outline-style: solid;
+}
+.wrapper.value-checked:hover .visible-wrapper {
+  border-color: var(--selected-hover-border-color);
+  background-color: var(--selected-hover-background-color);
+}
+.wrapper.value-checked:active .visible-wrapper {
+  border-color: var(--selected-pressed-border-color);
+  background-color: var(--selected-pressed-background-color);
+}
+.wrapper.value-checked:disabled .visible-wrapper {
+  border-color: var(--selected-disabled-border-color);
+  background-color: var(--selected-disabled-background-color);
+  cursor: not-allowed;
+  color: var(--on-selected-disabled-color);
+}
+.wrapper.value-checked .visible-wrapper {
+      background-color: var(--selected-enabled-background-color);
+      border-color: var(--selected-enabled-border-color);
+      box-shadow: var(--shadow-raised);
+    }
+.wrapper.value-checked .icon {
+      color: var(--on-selected-active-color);
+    }`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=poi-target-button.css.js.map

package/dist/components/poi-target-button/poi-target-button.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-target-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/poi-target-button/poi-target-button.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import '../../icons/icon-iec-02-ais-target-activated';
+export declare enum PoiTargetButtonValue {
+    checked = "checked",
+    unchecked = "unchecked"
+}
+export declare class ObcPoiTargetButton extends LitElement {
+    value: PoiTargetButtonValue;
+    hasPointer: boolean;
+    relativeDirection: number;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-poi-target-button': ObcPoiTargetButton;
+    }
+}
+//# sourceMappingURL=poi-target-button.d.ts.map

package/dist/components/poi-target-button/poi-target-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-target-button.d.ts","sourceRoot":"","sources":["../../../src/components/poi-target-button/poi-target-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,OAAO,8CAA8C,CAAC;AAEtD,oBAAY,oBAAoB;IAC9B,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,qBACa,kBAAmB,SAAQ,UAAU;IACtB,KAAK,EAAE,oBAAoB,CACtB;IACJ,UAAU,UAAS;IACpB,iBAAiB,SAAK;IAEvC,MAAM;IAqBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/components/poi-target-button/poi-target-button.js

@@ -0,0 +1,67 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import compentStyle from "./poi-target-button.css.js";
+import { classMap } from "lit/directives/class-map.js";
+import "../../icons/icon-iec-02-ais-target-activated.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;
+};
+var PoiTargetButtonValue = /* @__PURE__ */ ((PoiTargetButtonValue2) => {
+  PoiTargetButtonValue2["checked"] = "checked";
+  PoiTargetButtonValue2["unchecked"] = "unchecked";
+  return PoiTargetButtonValue2;
+})(PoiTargetButtonValue || {});
+let ObcPoiTargetButton = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.value = "checked";
+    this.hasPointer = false;
+    this.relativeDirection = 0;
+  }
+  render() {
+    return html`
+      <button
+        class=${classMap({
+      wrapper: true,
+      ["value-" + this.value]: true,
+      pointer: this.hasPointer
+    })}
+      >
+        <div class="visible-wrapper">
+          <div
+            class="icon"
+            style="transform: rotate(${this.relativeDirection}deg);"
+          >
+            <obi-iec-02-ais-target-activated></obi-iec-02-ais-target-activated>
+          </div>
+        </div>
+      </button>
+    `;
+  }
+};
+ObcPoiTargetButton.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: String })
+], ObcPoiTargetButton.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcPoiTargetButton.prototype, "hasPointer", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcPoiTargetButton.prototype, "relativeDirection", 2);
+ObcPoiTargetButton = __decorateClass([
+  customElement("obc-poi-target-button")
+], ObcPoiTargetButton);
+export {
+  ObcPoiTargetButton,
+  PoiTargetButtonValue
+};
+//# sourceMappingURL=poi-target-button.js.map

package/dist/components/poi-target-button/poi-target-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-target-button.js","sources":["../../../src/components/poi-target-button/poi-target-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-target-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-iec-02-ais-target-activated';\n\nexport enum PoiTargetButtonValue {\n  checked = 'checked',\n  unchecked = 'unchecked',\n}\n\n@customElement('obc-poi-target-button')\nexport class ObcPoiTargetButton extends LitElement {\n  @property({type: String}) value: PoiTargetButtonValue =\n    PoiTargetButtonValue.checked;\n  @property({type: Boolean}) hasPointer = false;\n  @property({type: Number}) relativeDirection = 0;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['value-' + this.value]: true,\n          pointer: this.hasPointer,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <div\n            class=\"icon\"\n            style=\"transform: rotate(${this.relativeDirection}deg);\"\n          >\n            <obi-iec-02-ais-target-activated></obi-iec-02-ais-target-activated>\n          </div>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-target-button': ObcPoiTargetButton;\n  }\n}\n"],"names":["PoiTargetButtonValue"],"mappings":";;;;;;;;;;;;;;;;AAMY,IAAA,yCAAAA,0BAAL;AACLA,wBAAA,SAAU,IAAA;AACVA,wBAAA,WAAY,IAAA;AAFFA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAMC,IAAA,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,QAAA;AACsC,SAAA,aAAA;AACM,SAAA,oBAAA;AAAA,EAAA;AAAA,EAErC,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,WAAW,KAAK,KAAK,GAAG;AAAA,MACzB,SAAS,KAAK;AAAA,IAAA,CACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,uCAK6B,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3D;AAGF;AA5Ba,mBA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,mBACe,WAAA,SAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,mBAGgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,mBAIe,WAAA,qBAAA,CAAA;AAJf,qBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,kBAAA;"}

package/dist/navigation-instruments/poi-graphic-line/poi-config.d.ts

@@ -0,0 +1,18 @@
+export declare enum POIStyle {
+    Normal = "normal",
+    Raised = "raised",
+    Enhanced = "enhanced",
+    Input = "input",
+    Light = "light",
+    Track = "track"
+}
+export declare enum POIState {
+    solid = "solid",
+    dashed = "dashed"
+}
+export interface POIStyleConfig {
+    lineColor: string;
+    outlineColor: string;
+}
+export declare const POI_STYLES: Record<POIStyle, POIStyleConfig>;
+//# sourceMappingURL=poi-config.d.ts.map

package/dist/navigation-instruments/poi-graphic-line/poi-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-config.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-config.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,cAAc,CAyBvD,CAAC"}

package/dist/navigation-instruments/poi-graphic-line/poi-config.js

@@ -0,0 +1,64 @@
+var POIStyle = /* @__PURE__ */ ((POIStyle2) => {
+  POIStyle2["Normal"] = "normal";
+  POIStyle2["Raised"] = "raised";
+  POIStyle2["Enhanced"] = "enhanced";
+  POIStyle2["Input"] = "input";
+  POIStyle2["Light"] = "light";
+  POIStyle2["Track"] = "track";
+  return POIStyle2;
+})(POIStyle || {});
+var POIState = /* @__PURE__ */ ((POIState2) => {
+  POIState2["solid"] = "solid";
+  POIState2["dashed"] = "dashed";
+  return POIState2;
+})(POIState || {});
+const POI_STYLES = {
+  [
+    "normal"
+    /* Normal */
+  ]: {
+    lineColor: "var(--element-active-inverted-color)",
+    outlineColor: "var(--element-disabled-color)"
+  },
+  [
+    "raised"
+    /* Raised */
+  ]: {
+    lineColor: "var(--element-active-inverted-color)",
+    outlineColor: "var(--border-outline-color)"
+  },
+  [
+    "enhanced"
+    /* Enhanced */
+  ]: {
+    lineColor: "var(--instrument-enhanced-secondary-color)",
+    outlineColor: "var(--element-active-inverted-color)"
+  },
+  [
+    "input"
+    /* Input */
+  ]: {
+    lineColor: "var(--instrument-enhanced-primary-color)",
+    outlineColor: "var(--element-active-inverted-color)"
+  },
+  [
+    "light"
+    /* Light */
+  ]: {
+    lineColor: "var(--instrument-port-color)",
+    outlineColor: "var(--element-active-color)"
+  },
+  [
+    "track"
+    /* Track */
+  ]: {
+    lineColor: "var(--instrument-enhanced-primary-color)",
+    outlineColor: "var(--element-active-inverted-color)"
+  }
+};
+export {
+  POIState,
+  POIStyle,
+  POI_STYLES
+};
+//# sourceMappingURL=poi-config.js.map

package/dist/navigation-instruments/poi-graphic-line/poi-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-config.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-config.ts"],"sourcesContent":["export enum POIStyle {\n  Normal = 'normal',\n  Raised = 'raised',\n  Enhanced = 'enhanced',\n  Input = 'input',\n  Light = 'light',\n  Track = 'track',\n}\n\nexport enum POIState {\n  solid = 'solid',\n  dashed = 'dashed',\n}\n\nexport interface POIStyleConfig {\n  lineColor: string;\n  outlineColor: string;\n}\n\nexport const POI_STYLES: Record<POIStyle, POIStyleConfig> = {\n  [POIStyle.Normal]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--element-disabled-color)',\n  },\n  [POIStyle.Raised]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--border-outline-color)',\n  },\n  [POIStyle.Enhanced]: {\n    lineColor: 'var(--instrument-enhanced-secondary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Input]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Light]: {\n    lineColor: 'var(--instrument-port-color)',\n    outlineColor: 'var(--element-active-color)',\n  },\n  [POIStyle.Track]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n};\n"],"names":["POIStyle","POIState"],"mappings":"AAAY,IAAA,6BAAAA,cAAL;AACLA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AACXA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AANEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AASA,IAAA,6BAAAC,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,QAAS,IAAA;AAFCA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAUL,MAAM,aAA+C;AAAA,EAC1D;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAoB,GAAA;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AACF;"}

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.css.js

@@ -0,0 +1,8 @@
+import { css } from "lit";
+const componentStyle = css`.wrapper {
+  width: 4px;
+}`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=poi-graphic-line.css.js.map

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-graphic-line.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import { POIStyle, POIState } from './poi-config';
+export declare class ObcPoiGraphicLine extends LitElement {
+    height: number;
+    lineStyle: POIStyle;
+    lineState: POIState;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-poi-graphic-line': ObcPoiGraphicLine;
+    }
+}
+//# sourceMappingURL=poi-graphic-line.d.ts.map

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-graphic-line.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAA6B,MAAM,cAAc,CAAC;AAW5E,qBACa,iBAAkB,SAAQ,UAAU;IACrB,MAAM,EAAE,MAAM,CAAO;IACrB,SAAS,EAAE,QAAQ,CAAqB;IACxC,SAAS,EAAE,QAAQ,CAAkB;IAEtD,MAAM;IAyFf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,iBAAiB,CAAC;KAC3C;CACF"}

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.js

@@ -0,0 +1,134 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { POIStyle, POIState, POI_STYLES } from "./poi-config.js";
+import componentStyle from "./poi-graphic-line.css.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;
+};
+function getLineColors(style) {
+  const colors = POI_STYLES[style];
+  if (!colors) {
+    throw new Error(`Style: ${style} not supported`);
+  }
+  return colors;
+}
+let ObcPoiGraphicLine = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.height = 100;
+    this.lineStyle = POIStyle.Enhanced;
+    this.lineState = POIState.solid;
+  }
+  render() {
+    const colors = getLineColors(this.lineStyle);
+    const path = `M2 1L2 ${this.height}`;
+    return html`<div class="wrapper">
+      <svg width="4" height="${this.height}" viewBox="0 0 4 ${this.height}">
+        <mask
+          id="mask0_903_40238"
+          style="mask-type:alpha"
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="4"
+          height="${this.height}"
+        >
+          <path
+            d="${path}"
+            stroke="url(#paint0_linear_903_40238)"
+            stroke-width="4"
+            stroke-linecap="round"
+          />
+        </mask>
+        <g mask="url(#mask0_903_40238)">
+          <g filter="url(#filter0_d_903_40238)">
+            <path
+              d=${path}
+              stroke="${colors.outlineColor}"
+              stroke-width="2"
+              stroke-linecap="round"
+            />
+          </g>
+          <path
+            d=${path}
+            stroke="${colors.lineColor}"
+            stroke-width="1"
+            stroke-linecap="round"
+          />
+        </g>
+        <defs>
+          <filter
+            id="filter0_d_903_40238"
+            x="0"
+            y="0"
+            width="4"
+            height="${this.height}"
+            filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB"
+          >
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix
+              in="SourceAlpha"
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+              result="hardAlpha"
+            />
+            <feOffset dy="1" />
+            <feGaussianBlur stdDeviation="0.5" />
+            <feColorMatrix
+              type="matrix"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+            />
+            <feBlend
+              mode="normal"
+              in2="BackgroundImageFix"
+              result="effect1_dropShadow_903_40238"
+            />
+            <feBlend
+              mode="normal"
+              in="SourceGraphic"
+              in2="effect1_dropShadow_903_40238"
+              result="shape"
+            />
+          </filter>
+          <linearGradient
+            id="paint0_linear_903_40238"
+            x1="2.5"
+            y1="1"
+            x2="2.5"
+            y2="${this.height}"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#C2C2C2" />
+            <stop offset="0.989583" stop-color="#C2C2C2" stop-opacity="0" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </div> `;
+  }
+};
+ObcPoiGraphicLine.styles = unsafeCSS(componentStyle);
+__decorateClass([
+  property({ type: Number })
+], ObcPoiGraphicLine.prototype, "height", 2);
+__decorateClass([
+  property({ type: String })
+], ObcPoiGraphicLine.prototype, "lineStyle", 2);
+__decorateClass([
+  property({ type: String })
+], ObcPoiGraphicLine.prototype, "lineState", 2);
+ObcPoiGraphicLine = __decorateClass([
+  customElement("obc-poi-graphic-line")
+], ObcPoiGraphicLine);
+export {
+  ObcPoiGraphicLine
+};
+//# sourceMappingURL=poi-graphic-line.js.map

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-graphic-line.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {POIStyle, POIState, POIStyleConfig, POI_STYLES} from './poi-config';\nimport componentStyle from './poi-graphic-line.css?inline';\n\nfunction getLineColors(style: POIStyle): POIStyleConfig {\n  const colors = POI_STYLES[style];\n  if (!colors) {\n    throw new Error(`Style: ${style} not supported`);\n  }\n  return colors;\n}\n\n@customElement('obc-poi-graphic-line')\nexport class ObcPoiGraphicLine extends LitElement {\n  @property({type: Number}) height: number = 100;\n  @property({type: String}) lineStyle: POIStyle = POIStyle.Enhanced;\n  @property({type: String}) lineState: POIState = POIState.solid;\n\n  override render() {\n    const colors = getLineColors(this.lineStyle);\n    const path = `M2 1L2 ${this.height}`;\n\n    return html`<div class=\"wrapper\">\n      <svg width=\"4\" height=\"${this.height}\" viewBox=\"0 0 4 ${this.height}\">\n        <mask\n          id=\"mask0_903_40238\"\n          style=\"mask-type:alpha\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"0\"\n          y=\"0\"\n          width=\"4\"\n          height=\"${this.height}\"\n        >\n          <path\n            d=\"${path}\"\n            stroke=\"url(#paint0_linear_903_40238)\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n          />\n        </mask>\n        <g mask=\"url(#mask0_903_40238)\">\n          <g filter=\"url(#filter0_d_903_40238)\">\n            <path\n              d=${path}\n              stroke=\"${colors.outlineColor}\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </g>\n          <path\n            d=${path}\n            stroke=\"${colors.lineColor}\"\n            stroke-width=\"1\"\n            stroke-linecap=\"round\"\n          />\n        </g>\n        <defs>\n          <filter\n            id=\"filter0_d_903_40238\"\n            x=\"0\"\n            y=\"0\"\n            width=\"4\"\n            height=\"${this.height}\"\n            filterUnits=\"userSpaceOnUse\"\n            color-interpolation-filters=\"sRGB\"\n          >\n            <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix\n              in=\"SourceAlpha\"\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n              result=\"hardAlpha\"\n            />\n            <feOffset dy=\"1\" />\n            <feGaussianBlur stdDeviation=\"0.5\" />\n            <feColorMatrix\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in2=\"BackgroundImageFix\"\n              result=\"effect1_dropShadow_903_40238\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in=\"SourceGraphic\"\n              in2=\"effect1_dropShadow_903_40238\"\n              result=\"shape\"\n            />\n          </filter>\n          <linearGradient\n            id=\"paint0_linear_903_40238\"\n            x1=\"2.5\"\n            y1=\"1\"\n            x2=\"2.5\"\n            y2=\"${this.height}\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stop-color=\"#C2C2C2\" />\n            <stop offset=\"0.989583\" stop-color=\"#C2C2C2\" stop-opacity=\"0\" />\n          </linearGradient>\n        </defs>\n      </svg>\n    </div> `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-graphic-line': ObcPoiGraphicLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKA,SAAS,cAAc,OAAiC;AAChD,QAAA,SAAS,WAAW,KAAK;AAC/B,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,UAAU,KAAK,gBAAgB;AAAA,EACjD;AACO,SAAA;AACT;AAGa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,YAAsB,SAAS;AAC/B,SAAA,YAAsB,SAAS;AAAA,EAAA;AAAA,EAEhD,SAAS;AACV,UAAA,SAAS,cAAc,KAAK,SAAS;AACrC,UAAA,OAAO,UAAU,KAAK,MAAM;AAE3B,WAAA;AAAA,+BACoB,KAAK,MAAM,oBAAoB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQrD,KAAK,MAAM;AAAA;AAAA;AAAA,iBAGd,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBASH,IAAI;AAAA,wBACE,OAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM3B,IAAI;AAAA,sBACE,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWhB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAkCf,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS3B;AAGF;AA/Fa,kBA8FK,SAAS,UAAU,cAAc;AA7FvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,kBAEe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,aAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,iBAAA;"}

package/dist/navigation-instruments/poi-line/poi-line.css.js

@@ -0,0 +1,14 @@
+import { css } from "lit";
+const compentStyle = css`.wrapper {
+  padding: 0;
+  width: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=poi-line.css.js.map

package/dist/navigation-instruments/poi-line/poi-line.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-line.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/navigation-instruments/poi-line/poi-line.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import '../poi-graphic-line/poi-graphic-line';
+import { POIStyle } from '../poi-graphic-line/poi-config';
+export declare class ObcPoiLine extends LitElement {
+    height: number;
+    lineStyle: POIStyle;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-poi-line': ObcPoiLine;
+    }
+}
+//# sourceMappingURL=poi-line.d.ts.map

package/dist/navigation-instruments/poi-line/poi-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-line.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/poi-line/poi-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AAExD,qBACa,UAAW,SAAQ,UAAU;IACd,MAAM,EAAE,MAAM,CAAM;IACpB,SAAS,EAAE,QAAQ,CAAmB;IAEvD,MAAM;IAYf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/navigation-instruments/poi-line/poi-line.js

@@ -0,0 +1,49 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import compentStyle from "./poi-line.css.js";
+import "../poi-graphic-line/poi-graphic-line.js";
+import { renderPointerDot } from "./pointerDot.js";
+import { POIStyle } from "../poi-graphic-line/poi-config.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 ObcPoiLine = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.height = 96;
+    this.lineStyle = POIStyle.Normal;
+  }
+  render() {
+    return html`
+      <div class="wrapper">
+        <obc-poi-graphic-line
+          height=${this.height}
+          lineStyle=${this.lineStyle}
+        ></obc-poi-graphic-line>
+        ${renderPointerDot({ lineStyle: this.lineStyle })}
+      </div>
+    `;
+  }
+};
+ObcPoiLine.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: Number })
+], ObcPoiLine.prototype, "height", 2);
+__decorateClass([
+  property({ type: String })
+], ObcPoiLine.prototype, "lineStyle", 2);
+ObcPoiLine = __decorateClass([
+  customElement("obc-poi-line")
+], ObcPoiLine);
+export {
+  ObcPoiLine
+};
+//# sourceMappingURL=poi-line.js.map

package/dist/navigation-instruments/poi-line/poi-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-line.js","sources":["../../../src/navigation-instruments/poi-line/poi-line.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-line.css?inline';\nimport '../poi-graphic-line/poi-graphic-line';\nimport {renderPointerDot} from './pointerDot';\nimport {POIStyle} from '../poi-graphic-line/poi-config';\n\n@customElement('obc-poi-line')\nexport class ObcPoiLine extends LitElement {\n  @property({type: Number}) height: number = 96;\n  @property({type: String}) lineStyle: POIStyle = POIStyle.Normal;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <obc-poi-graphic-line\n          height=${this.height}\n          lineStyle=${this.lineStyle}\n        ></obc-poi-graphic-line>\n        ${renderPointerDot({lineStyle: this.lineStyle})}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-line': ObcPoiLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,YAAsB,SAAS;AAAA,EAAA;AAAA,EAEhD,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,mBAGQ,KAAK,MAAM;AAAA,sBACR,KAAK,SAAS;AAAA;AAAA,UAE1B,iBAAiB,EAAC,WAAW,KAAK,UAAU,CAAA,CAAC;AAAA;AAAA;AAAA,EAGrD;AAGF;AAjBa,WAgBK,SAAS,UAAU,YAAY;AAfrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,WACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,WAEe,WAAA,aAAA,CAAA;AAFf,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}

package/dist/navigation-instruments/poi-line/pointerDot.d.ts

@@ -0,0 +1,5 @@
+import { POIStyle } from '../poi-graphic-line/poi-config';
+export declare function renderPointerDot({ lineStyle }: {
+    lineStyle: POIStyle;
+}): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=pointerDot.d.ts.map

package/dist/navigation-instruments/poi-line/pointerDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerDot.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/poi-line/pointerDot.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,EAAC,SAAS,EAAC,EAAE;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAC,wCAkGlE"}