@oicl/openbridge-webcomponents 0.0.15-dev-20241203183951 → 0.0.15-dev-20241203184948

package/custom-elements.json

@@ -42124,12 +42124,8 @@
             },
             {
               "kind": "field",
-              "name": "hasPointer",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "hasPointer"
+              "name": "pointer",
+              "attribute": "pointer"
             },
             {
               "kind": "field",
@@ -42150,12 +42146,8 @@
               "fieldName": "value"
             },
             {
-              "name": "hasPointer",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hasPointer"
+              "name": "pointer",
+              "fieldName": "pointer"
             },
             {
               "name": "relativeDirection",
@@ -45603,19 +45595,19 @@
       "declarations": [
         {
           "kind": "variable",
-          "name": "POI_STYLES",
+          "name": "POI_LINE_CONFIG",
           "type": {
-            "text": "Record<POIStyle, POIStyleConfig>"
+            "text": "Record<POIStyle, POILineParams>"
           },
-          "default": "{ [POIStyle.Normal]: { lineColor: 'var(--element-active-inverted-color)', outlineColor: 'var(--element-disabled-color)', }, [POIStyle.Raised]: { lineColor: 'var(--element-active-inverted-color)', outlineColor: 'var(--border-outline-color)', }, [POIStyle.Enhanced]: { lineColor: 'var(--instrument-enhanced-secondary-color)', outlineColor: 'var(--element-active-inverted-color)', }, [POIStyle.Input]: { lineColor: 'var(--instrument-enhanced-primary-color)', outlineColor: 'var(--element-active-inverted-color)', }, [POIStyle.Light]: { lineColor: 'var(--instrument-port-color)', outlineColor: 'var(--element-active-color)', }, [POIStyle.Track]: { lineColor: 'var(--instrument-enhanced-primary-color)', outlineColor: 'var(--element-active-inverted-color)', }, }"
+          "default": "{ [POIStyle.Normal]: { lineColor: 'var(--element-active-inverted-color)', outlineColor: 'var(--element-disabled-color)', width: 4, lineWidth: 1, outlineWidth: 1, shadowAlpha: 0.8, dotStart: 2, lineEnd: 3, filterDimensions: {x: 0.5, y: 0.5, width: 3}, }, [POIStyle.Enhanced]: { lineColor: 'var(--instrument-enhanced-secondary-color)', outlineColor: 'var(--element-active-inverted-color)', width: 8, lineWidth: 1, outlineWidth: 2, shadowAlpha: 0.2, dotStart: 0, lineEnd: 3, filterDimensions: {x: 0, y: 0, width: 4}, }, }"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "POI_STYLES",
+          "name": "POI_LINE_CONFIG",
           "declaration": {
-            "name": "POI_STYLES",
+            "name": "POI_LINE_CONFIG",
             "module": "src/navigation-instruments/poi-graphic-line/poi-config.ts"
           }
         }
@@ -45632,52 +45624,71 @@
           "members": [
             {
               "kind": "field",
-              "name": "height",
+              "name": "lineHeight",
               "type": {
                 "text": "number"
               },
-              "default": "100",
-              "attribute": "height"
+              "default": "96",
+              "attribute": "lineHeight"
             },
             {
               "kind": "field",
-              "name": "lineStyle",
+              "name": "width",
               "type": {
-                "text": "POIStyle"
+                "text": "number"
               },
-              "attribute": "lineStyle"
+              "default": "4",
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "lineStart",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "lineStart"
             },
             {
               "kind": "field",
-              "name": "lineState",
+              "name": "lineStyle",
               "type": {
-                "text": "POIState"
+                "text": "POIStyle"
               },
-              "attribute": "lineState"
+              "attribute": "lineStyle"
             }
           ],
           "attributes": [
             {
-              "name": "height",
+              "name": "lineHeight",
               "type": {
                 "text": "number"
               },
-              "default": "100",
-              "fieldName": "height"
+              "default": "96",
+              "fieldName": "lineHeight"
             },
             {
-              "name": "lineStyle",
+              "name": "width",
               "type": {
-                "text": "POIStyle"
+                "text": "number"
               },
-              "fieldName": "lineStyle"
+              "default": "4",
+              "fieldName": "width"
             },
             {
-              "name": "lineState",
+              "name": "lineStart",
               "type": {
-                "text": "POIState"
+                "text": "number"
               },
-              "fieldName": "lineState"
+              "default": "1",
+              "fieldName": "lineStart"
+            },
+            {
+              "name": "lineStyle",
+              "type": {
+                "text": "POIStyle"
+              },
+              "fieldName": "lineStyle"
             }
           ],
           "superclass": {
@@ -45686,6 +45697,18 @@
           },
           "tagName": "obc-poi-graphic-line",
           "customElement": true
+        },
+        {
+          "kind": "function",
+          "name": "graphicLine",
+          "parameters": [
+            {
+              "name": "{\n  style,\n  lineHeight,\n  totalHeight,\n}",
+              "type": {
+                "text": "{\n  style: POILineParams;\n  lineHeight: number;\n  totalHeight: number;\n}"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -45704,6 +45727,14 @@
             "name": "ObcPoiGraphicLine",
             "module": "src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "graphicLine",
+          "declaration": {
+            "name": "graphicLine",
+            "module": "src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"
+          }
         }
       ]
     },
@@ -45727,11 +45758,11 @@
             },
             {
               "kind": "field",
-              "name": "lineStyle",
+              "name": "poiStyle",
               "type": {
                 "text": "POIStyle"
               },
-              "attribute": "lineStyle"
+              "attribute": "poiStyle"
             }
           ],
           "attributes": [
@@ -45744,11 +45775,11 @@
               "fieldName": "height"
             },
             {
-              "name": "lineStyle",
+              "name": "poiStyle",
               "type": {
                 "text": "POIStyle"
               },
-              "fieldName": "lineStyle"
+              "fieldName": "poiStyle"
             }
           ],
           "superclass": {
@@ -45787,9 +45818,9 @@
           "name": "renderPointerDot",
           "parameters": [
             {
-              "name": "{lineStyle}",
+              "name": "{\n  lineStyle,\n  centerX,\n  centerY,\n  width,\n  vbHeight,\n  lineColor,\n  outlineColor,\n}",
               "type": {
-                "text": "{lineStyle: POIStyle}"
+                "text": "{\n  lineStyle: POIStyle;\n  centerX: number;\n  centerY: number;\n  width: number;\n  vbHeight: number;\n  lineColor: string;\n  outlineColor: string;\n}"
               }
             }
           ]
@@ -45855,7 +45886,8 @@
               "type": {
                 "text": "number"
               },
-              "default": "188",
+              "default": "192",
+              "description": "y-coordinate of pointer (centre) if pointerType 'line' is selected.",
               "attribute": "height"
             },
             {
@@ -45890,7 +45922,8 @@
               "type": {
                 "text": "number"
               },
-              "default": "188",
+              "default": "192",
+              "description": "y-coordinate of pointer (centre) if pointerType 'line' is selected.",
               "fieldName": "height"
             },
             {

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

@@ -1,118 +1,106 @@
 import { css } from "lit";
-const compentStyle = css`.wrapper {
+const compentStyle = css`* {
+  box-sizing: border-box;
+}
+
+.wrapper {
   padding: 0;
   background: transparent;
   height: 48px;
   width: 48px;
   appearance: none;
   border: none;
+  border-radius: 14px;
   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 {
+
+.wrapper {
+  border-color: var(--flat-enabled-border-color);
+  background-color: var(--flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
   cursor: pointer;
 }
-.wrapper.value-unchecked:focus {
+
+.wrapper: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.activated {
+  border-color: var(--flat-activated-border-color);
+  background-color: var(--flat-activated-background-color);
 }
-.wrapper.value-unchecked:focus-visible .visible-wrapper {
+
+.wrapper:focus-visible {
   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:hover {
+  border-color: var(--flat-hover-border-color);
+  background-color: var(--flat-hover-background-color);
 }
-.wrapper.value-unchecked:active .visible-wrapper {
-  border-color: var(--normal-pressed-border-color);
-  background-color: var(--normal-pressed-background-color);
+
+.wrapper:active {
+  border-color: var(--flat-pressed-border-color);
+  background-color: var(--flat-pressed-background-color);
 }
-.wrapper.value-unchecked:disabled .visible-wrapper {
-  border-color: var(--normal-disabled-border-color);
-  background-color: var(--normal-disabled-background-color);
+
+.wrapper:disabled {
+  border-color: var(--flat-disabled-border-color);
+  background-color: var(--flat-disabled-background-color);
   cursor: not-allowed;
-  color: var(--on-normal-disabled-color);
+  color: var(--on-flat-disabled-color);
 }
+
+.wrapper.pointer-arrow-left {
+    width: 56px;
+    flex-direction: row-reverse;
+  }
+
+.wrapper.pointer-arrow-right {
+    width: 56px;
+  }
+
+.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.value-unchecked .visible-wrapper {
-      color: var(--normal-enabled-background-color);
+      background-color: var(--normal-enabled-background-color);
       border-color: var(--normal-enabled-border-color);
       box-shadow: var(--shadow-flat);
+      border-width: 1px;
+      border-style: solid;
     }
+
 .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
 };

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

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

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import { Pointer } from '../../navigation-instruments/poi-target/poi-target';
 import '../../icons/icon-iec-02-ais-target-activated';
 export declare enum PoiTargetButtonValue {
     checked = "checked",
@@ -6,7 +7,7 @@ export declare enum PoiTargetButtonValue {
 }
 export declare class ObcPoiTargetButton extends LitElement {
     value: PoiTargetButtonValue;
-    hasPointer: boolean;
+    pointer: Pointer;
     relativeDirection: number;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;

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

@@ -1 +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"}
+{"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,OAAO,EAAC,OAAO,EAAC,MAAM,oDAAoD,CAAC;AAE3E,oBAAY,oBAAoB;IAC9B,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,qBACa,kBAAmB,SAAQ,UAAU;IACtB,KAAK,EAAE,oBAAoB,CACtB;IACL,OAAO,UAAgB;IACvB,iBAAiB,SAAK;IAEvC,MAAM;IAwBf,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

@@ -3,6 +3,8 @@ 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";
+import { pointerArrow } from "../../navigation-instruments/poi-target/arrow.js";
+import { Pointer } from "../../navigation-instruments/poi-target/poi-target.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -22,7 +24,7 @@ let ObcPoiTargetButton = class extends LitElement {
   constructor() {
     super(...arguments);
     this.value = "checked";
-    this.hasPointer = false;
+    this.pointer = Pointer.None;
     this.relativeDirection = 0;
   }
   render() {
@@ -31,7 +33,7 @@ let ObcPoiTargetButton = class extends LitElement {
         class=${classMap({
       wrapper: true,
       ["value-" + this.value]: true,
-      pointer: this.hasPointer
+      ["pointer-" + this.pointer]: true
     })}
       >
         <div class="visible-wrapper">
@@ -42,6 +44,7 @@ let ObcPoiTargetButton = class extends LitElement {
             <obi-iec-02-ais-target-activated></obi-iec-02-ais-target-activated>
           </div>
         </div>
+        ${this.pointer === Pointer.None || this.pointer === Pointer.Line ? "" : pointerArrow(this.pointer, this.value)}
       </button>
     `;
   }
@@ -51,8 +54,8 @@ __decorateClass([
   property({ type: String })
 ], ObcPoiTargetButton.prototype, "value", 2);
 __decorateClass([
-  property({ type: Boolean })
-], ObcPoiTargetButton.prototype, "hasPointer", 2);
+  property({ type: String })
+], ObcPoiTargetButton.prototype, "pointer", 2);
 __decorateClass([
   property({ type: Number })
 ], ObcPoiTargetButton.prototype, "relativeDirection", 2);

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

@@ -1 +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,EAAA;AAU7D;AA5Ba,mBA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,mBACe,WAAA,SAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,mBAGgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,mBAIe,WAAA,qBAAA,CAAA;AAJf,qBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,kBAAA;"}
+{"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';\nimport {pointerArrow} from '../../navigation-instruments/poi-target/arrow';\nimport {Pointer} from '../../navigation-instruments/poi-target/poi-target';\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: String}) pointer = Pointer.None;\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.pointer]: true,\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        ${this.pointer === Pointer.None || this.pointer === Pointer.Line\n          ? ''\n          : pointerArrow(this.pointer, this.value)}\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":";;;;;;;;;;;;;;;;;AAQY,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;AACwB,SAAA,UAAU,QAAQ;AACE,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,CAAC,aAAa,KAAK,OAAO,GAAG;AAAA,IAAA,CAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,uCAK6B,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,UAKnD,KAAK,YAAY,QAAQ,QAAQ,KAAK,YAAY,QAAQ,OACxD,KACA,aAAa,KAAK,SAAS,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA,EAAA;AAMlD;AA/Ba,mBA8BK,SAAS,UAAU,YAAY;AA7BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,mBACe,WAAA,SAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,mBAGe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;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

@@ -1,18 +1,21 @@
 export declare enum POIStyle {
     Normal = "normal",
-    Raised = "raised",
-    Enhanced = "enhanced",
-    Input = "input",
-    Light = "light",
-    Track = "track"
+    Enhanced = "enhanced"
 }
-export declare enum POIState {
-    solid = "solid",
-    dashed = "dashed"
-}
-export interface POIStyleConfig {
+export interface POILineParams {
     lineColor: string;
     outlineColor: string;
+    width: number;
+    lineWidth: number;
+    outlineWidth: number;
+    shadowAlpha: number;
+    dotStart: number;
+    lineEnd: number;
+    filterDimensions: {
+        x: number;
+        y: number;
+        width: number;
+    };
 }
-export declare const POI_STYLES: Record<POIStyle, POIStyleConfig>;
+export declare const POI_LINE_CONFIG: Record<POIStyle, POILineParams>;
 //# sourceMappingURL=poi-config.d.ts.map

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

@@ -1 +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"}
+{"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,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;CACzD;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAwB3D,CAAC"}

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

@@ -1,64 +1,40 @@
 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 = {
+const POI_LINE_CONFIG = {
   [
     "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)"
+    outlineColor: "var(--element-disabled-color)",
+    width: 4,
+    lineWidth: 1,
+    outlineWidth: 1,
+    shadowAlpha: 0.8,
+    dotStart: 2,
+    lineEnd: 3,
+    filterDimensions: { x: 0.5, y: 0.5, width: 3 }
   },
   [
     "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)"
+    outlineColor: "var(--element-active-inverted-color)",
+    width: 8,
+    lineWidth: 1,
+    outlineWidth: 2,
+    shadowAlpha: 0.2,
+    dotStart: 0,
+    lineEnd: 3,
+    filterDimensions: { x: 0, y: 0, width: 4 }
   }
 };
 export {
-  POIState,
   POIStyle,
-  POI_STYLES
+  POI_LINE_CONFIG
 };
 //# sourceMappingURL=poi-config.js.map

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

@@ -1 +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,EAAA;AAElB;"}
+{"version":3,"file":"poi-config.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-config.ts"],"sourcesContent":["export enum POIStyle {\n  Normal = 'normal',\n  Enhanced = 'enhanced',\n}\n\nexport interface POILineParams {\n  lineColor: string;\n  outlineColor: string;\n  width: number;\n  lineWidth: number;\n  outlineWidth: number;\n  shadowAlpha: number;\n  dotStart: number;\n  lineEnd: number;\n  filterDimensions: {x: number; y: number; width: number};\n}\n\nexport const POI_LINE_CONFIG: Record<POIStyle, POILineParams> = {\n  [POIStyle.Normal]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--element-disabled-color)',\n    width: 4,\n    lineWidth: 1,\n    outlineWidth: 1,\n    shadowAlpha: 0.8,\n    dotStart: 2,\n    lineEnd: 3,\n    filterDimensions: {x: 0.5, y: 0.5, width: 3},\n  },\n\n  [POIStyle.Enhanced]: {\n    lineColor: 'var(--instrument-enhanced-secondary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n    width: 8,\n    lineWidth: 1,\n    outlineWidth: 2,\n    shadowAlpha: 0.2,\n    dotStart: 0,\n    lineEnd: 3,\n    filterDimensions: {x: 0, y: 0, width: 4},\n  },\n};\n"],"names":["POIStyle"],"mappings":"AAAY,IAAA,6BAAAA,cAAL;AACLA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AAFDA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAiBL,MAAM,kBAAmD;AAAA,EAC9D;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,SAAS;AAAA,IACT,kBAAkB,EAAC,GAAG,KAAK,GAAG,KAAK,OAAO,EAAC;AAAA,EAC7C;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,EAAoB,GAAA;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,SAAS;AAAA,IACT,kBAAkB,EAAC,GAAG,GAAG,GAAG,GAAG,OAAO,EAAC;AAAA,EAAA;AAE3C;"}