npm - @oicl/openbridge-webcomponents - Versions diffs - 0.0.15-dev-20241203183951 → 0.0.15-dev-20241203184948 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

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

@@ -1,12 +1,18 @@
 import { LitElement } from 'lit';
-import { POIStyle, POIState } from './poi-config';
+import { POILineParams, POIStyle } from './poi-config';
 export declare class ObcPoiGraphicLine extends LitElement {
-    height: number;
+    lineHeight: number;
+    width: number;
+    lineStart: number;
     lineStyle: POIStyle;
-    lineState: POIState;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }
+export declare function graphicLine({ style, lineHeight, totalHeight, }: {
+    style: POILineParams;
+    lineHeight: number;
+    totalHeight: number;
+}): import('lit-html').TemplateResult<1>;
 declare global {
     interface HTMLElementTagNameMap {
         'obc-poi-graphic-line': ObcPoiGraphicLine;

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

	@@ -1 +1 @@
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"}
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,aAAa,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAC;AAGtE,qBACa,iBAAkB,SAAQ,UAAU;IACrB,UAAU,EAAE,MAAM,CAAM;IACxB,KAAK,EAAE,MAAM,CAAK;IAClB,SAAS,EAAE,MAAM,CAAK;IACtB,SAAS,EAAE,QAAQ,CAAqB;IAEzD,MAAM;IAgGf,OAAgB,MAAM,0BAA6B;CACpD;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB,wCAiGA;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 CHANGED Viewed

@@ -1,6 +1,6 @@
 import { unsafeCSS, LitElement, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { POIStyle, POIState, POI_STYLES } from "./poi-config.js";
+import { POIStyle, POI_LINE_CONFIG } from "./poi-config.js";
 import componentStyle from "./poi-graphic-line.css.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -12,64 +12,65 @@ var __decorateClass = (decorators, target, key, kind) => {
   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.lineHeight = 96;
+    this.width = 4;
+    this.lineStart = 1;
     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}">
+    const style = POI_LINE_CONFIG[this.lineStyle];
+    const filterDimensions = style.filterDimensions;
+    const path = `M${this.width / 2} ${this.lineStart}L${this.width / 2} ${this.lineHeight + this.lineStart}`;
+    return html`
+      <svg
+        width="${this.width}"
+        height="${this.lineHeight + style.lineEnd}"
+        viewBox="0 0 ${this.width} ${this.lineHeight + style.lineEnd}"
+        fill="none"
+        vector-effect="non-scaling-stroke"
+      >
         <mask
-          id="mask0_903_40238"
+          id="poi_graphic_line_mask"
           style="mask-type:alpha"
           maskUnits="userSpaceOnUse"
-          x="0"
-          y="0"
+          x="${this.width / 2 - 2}"
+          y="-1"
           width="4"
-          height="${this.height}"
+          height="${this.lineHeight + 4}"
         >
           <path
             d="${path}"
-            stroke="url(#paint0_linear_903_40238)"
+            stroke="url(#poi_graphic_line_linear_gradient)"
             stroke-width="4"
             stroke-linecap="round"
           />
         </mask>
-        <g mask="url(#mask0_903_40238)">
-          <g filter="url(#filter0_d_903_40238)">
+        <g mask="url(#poi_graphic_line_mask)">
+          <g filter="url(#poi_graphic_line_filter)">
             <path
               d=${path}
-              stroke="${colors.outlineColor}"
-              stroke-width="2"
+              stroke="${style.outlineColor}"
+              stroke-width="${style.outlineWidth}"
               stroke-linecap="round"
             />
           </g>
           <path
             d=${path}
-            stroke="${colors.lineColor}"
-            stroke-width="1"
+            stroke="${style.lineColor}"
+            stroke-width="${style.lineWidth}"
             stroke-linecap="round"
           />
         </g>
         <defs>
           <filter
-            id="filter0_d_903_40238"
-            x="0"
-            y="0"
-            width="4"
-            height="${this.height}"
+            id="poi_graphic_line_filter"
+            x="${filterDimensions.x}"
+            y="${filterDimensions.y}"
+            width="${filterDimensions.width}"
+            height="${this.lineHeight + filterDimensions.width}"
             filterUnits="userSpaceOnUse"
             color-interpolation-filters="sRGB"
           >
@@ -84,7 +85,7 @@ let ObcPoiGraphicLine = class extends LitElement {
             <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"
+              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ${style.shadowAlpha} 0"
             />
             <feBlend
               mode="normal"
@@ -99,11 +100,11 @@ let ObcPoiGraphicLine = class extends LitElement {
             />
           </filter>
           <linearGradient
-            id="paint0_linear_903_40238"
-            x1="2.5"
-            y1="1"
-            x2="2.5"
-            y2="${this.height}"
+            id="poi_graphic_line_linear_gradient"
+            x1="${this.width / 2 + 0.5}"
+            y1="${this.lineStart}"
+            x2="${this.width / 2 + 0.5}"
+            y2="${this.lineHeight + this.lineStart}"
             gradientUnits="userSpaceOnUse"
           >
             <stop stop-color="#C2C2C2" />
@@ -111,23 +112,127 @@ let ObcPoiGraphicLine = class extends LitElement {
           </linearGradient>
         </defs>
       </svg>
-    </div> `;
+    `;
   }
 };
 ObcPoiGraphicLine.styles = unsafeCSS(componentStyle);
 __decorateClass([
   property({ type: Number })
-], ObcPoiGraphicLine.prototype, "height", 2);
+], ObcPoiGraphicLine.prototype, "lineHeight", 2);
 __decorateClass([
-  property({ type: String })
-], ObcPoiGraphicLine.prototype, "lineStyle", 2);
+  property({ type: Number })
+], ObcPoiGraphicLine.prototype, "width", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcPoiGraphicLine.prototype, "lineStart", 2);
 __decorateClass([
   property({ type: String })
-], ObcPoiGraphicLine.prototype, "lineState", 2);
+], ObcPoiGraphicLine.prototype, "lineStyle", 2);
 ObcPoiGraphicLine = __decorateClass([
   customElement("obc-poi-graphic-line")
 ], ObcPoiGraphicLine);
+function graphicLine({
+  style,
+  lineHeight,
+  totalHeight
+}) {
+  const lineStart = 1;
+  const lineEnd = lineStart + lineHeight;
+  const width = style.width;
+  const filterDimensions = style.filterDimensions;
+  const path = `M${width / 2} ${lineStart}L${width / 2} ${lineEnd}`;
+  return html`
+    <svg
+      width="${width}"
+      height="${totalHeight}"
+      viewBox="0 0 ${width} ${totalHeight}"
+      fill="none"
+      vector-effect="non-scaling-stroke"
+    >
+      <mask
+        id="poi_graphic_line_mask"
+        style="mask-type:alpha"
+        maskUnits="userSpaceOnUse"
+        x="${width / 2 - 2}"
+        y="-1"
+        width="4"
+        height="${lineHeight + 4}"
+      >
+        <path
+          d="${path}"
+          stroke="url(#poi_graphic_line_linear_gradient)"
+          stroke-width="4"
+          stroke-linecap="round"
+        />
+      </mask>
+      <g mask="url(#poi_graphic_line_mask)">
+        <g filter="url(#poi_graphic_line_filter)">
+          <path
+            d=${path}
+            stroke="${style.outlineColor}"
+            stroke-width="${style.outlineWidth}"
+            stroke-linecap="round"
+          />
+        </g>
+        <path
+          d=${path}
+          stroke="${style.lineColor}"
+          stroke-width="${style.lineWidth}"
+          stroke-linecap="round"
+        />
+      </g>
+      <defs>
+        <filter
+          id="poi_graphic_line_filter"
+          x="${filterDimensions.x + width / 2 - 2}"
+          y="${filterDimensions.y}"
+          width="${filterDimensions.width}"
+          height="${lineHeight + filterDimensions.width}"
+          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 ${style.shadowAlpha} 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="poi_graphic_line_linear_gradient"
+          x1="${width / 2 + 0.5}"
+          y1="${lineStart}"
+          x2="${width / 2 + 0.5}"
+          y2="${lineEnd}"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#C2C2C2" />
+          <stop offset="0.989583" stop-color="#C2C2C2" stop-opacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}
 export {
-  ObcPoiGraphicLine
+  ObcPoiGraphicLine,
+  graphicLine
 };
 //# sourceMappingURL=poi-graphic-line.js.map

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

	@@ -1 +1 @@
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,EAAA;AAE1C,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,EAAA;AAY7B;AA/Fa,kBA8FK,SAAS,UAAU,cAAc;AA7FvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,kBAEe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,kBAGe,WAAA,aAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,iBAAA;"}
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 {POILineParams, POIStyle, POI_LINE_CONFIG} from './poi-config';\nimport componentStyle from './poi-graphic-line.css?inline';\n\n@customElement('obc-poi-graphic-line')\nexport class ObcPoiGraphicLine extends LitElement {\n @property({type: Number}) lineHeight: number = 96;\n @property({type: Number}) width: number = 4;\n @property({type: Number}) lineStart: number = 1;\n @property({type: String}) lineStyle: POIStyle = POIStyle.Enhanced;\n\n override render() {\n const style = POI_LINE_CONFIG[this.lineStyle];\n const filterDimensions = style.filterDimensions;\n const path = `M${this.width / 2} ${this.lineStart}L${this.width / 2} ${this.lineHeight + this.lineStart}`;\n\n return html`\n <svg\n width=\"${this.width}\"\n height=\"${this.lineHeight + style.lineEnd}\"\n viewBox=\"0 0 ${this.width} ${this.lineHeight + style.lineEnd}\"\n fill=\"none\"\n vector-effect=\"non-scaling-stroke\"\n >\n <mask\n id=\"poi_graphic_line_mask\"\n style=\"mask-type:alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"${this.width / 2 - 2}\"\n y=\"-1\"\n width=\"4\"\n height=\"${this.lineHeight + 4}\"\n >\n <path\n d=\"${path}\"\n stroke=\"url(#poi_graphic_line_linear_gradient)\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n />\n </mask>\n <g mask=\"url(#poi_graphic_line_mask)\">\n <g filter=\"url(#poi_graphic_line_filter)\">\n <path\n d=${path}\n stroke=\"${style.outlineColor}\"\n stroke-width=\"${style.outlineWidth}\"\n stroke-linecap=\"round\"\n />\n </g>\n <path\n d=${path}\n stroke=\"${style.lineColor}\"\n stroke-width=\"${style.lineWidth}\"\n stroke-linecap=\"round\"\n />\n </g>\n <defs>\n <filter\n id=\"poi_graphic_line_filter\"\n x=\"${filterDimensions.x}\"\n y=\"${filterDimensions.y}\"\n width=\"${filterDimensions.width}\"\n height=\"${this.lineHeight + filterDimensions.width}\"\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 ${style.shadowAlpha} 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=\"poi_graphic_line_linear_gradient\"\n x1=\"${this.width / 2 + 0.5}\"\n y1=\"${this.lineStart}\"\n x2=\"${this.width / 2 + 0.5}\"\n y2=\"${this.lineHeight + this.lineStart}\"\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 `;\n }\n\n static override styles = unsafeCSS(componentStyle);\n}\n\nexport function graphicLine({\n style,\n lineHeight,\n totalHeight,\n}: {\n style: POILineParams;\n lineHeight: number;\n totalHeight: number;\n}) {\n const lineStart = 1;\n const lineEnd = lineStart + lineHeight;\n\n const width = style.width;\n const filterDimensions = style.filterDimensions;\n const path = `M${width / 2} ${lineStart}L${width / 2} ${lineEnd}`;\n\n return html`\n <svg\n width=\"${width}\"\n height=\"${totalHeight}\"\n viewBox=\"0 0 ${width} ${totalHeight}\"\n fill=\"none\"\n vector-effect=\"non-scaling-stroke\"\n >\n <mask\n id=\"poi_graphic_line_mask\"\n style=\"mask-type:alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"${width / 2 - 2}\"\n y=\"-1\"\n width=\"4\"\n height=\"${lineHeight + 4}\"\n >\n <path\n d=\"${path}\"\n stroke=\"url(#poi_graphic_line_linear_gradient)\"\n stroke-width=\"4\"\n stroke-linecap=\"round\"\n />\n </mask>\n <g mask=\"url(#poi_graphic_line_mask)\">\n <g filter=\"url(#poi_graphic_line_filter)\">\n <path\n d=${path}\n stroke=\"${style.outlineColor}\"\n stroke-width=\"${style.outlineWidth}\"\n stroke-linecap=\"round\"\n />\n </g>\n <path\n d=${path}\n stroke=\"${style.lineColor}\"\n stroke-width=\"${style.lineWidth}\"\n stroke-linecap=\"round\"\n />\n </g>\n <defs>\n <filter\n id=\"poi_graphic_line_filter\"\n x=\"${filterDimensions.x + width / 2 - 2}\"\n y=\"${filterDimensions.y}\"\n width=\"${filterDimensions.width}\"\n height=\"${lineHeight + filterDimensions.width}\"\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 ${style.shadowAlpha} 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=\"poi_graphic_line_linear_gradient\"\n x1=\"${width / 2 + 0.5}\"\n y1=\"${lineStart}\"\n x2=\"${width / 2 + 0.5}\"\n y2=\"${lineEnd}\"\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 `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-poi-graphic-line': ObcPoiGraphicLine;\n }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,12 @@
 import { css } from "lit";
-const compentStyle = css`.wrapper {
-  padding: 0;
-  width: 8px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+const compentStyle = css`.container {
+  position: relative;
+}
+.container > * {
+  position: absolute;
+  top: -1px;
+  left: 0;
 }
 `;
 export {

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

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

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

@@ -3,7 +3,7 @@ import { POIStyle } from '../poi-graphic-line/poi-config';
 import '../poi-graphic-line/poi-graphic-line';
 export declare class ObcPoiLine extends LitElement {
     height: number;
-    lineStyle: POIStyle;
+    poiStyle: POIStyle;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }

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

	@@ -1 +1 @@
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"}
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,EAAkB,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AAGzE,qBACa,UAAW,SAAQ,UAAU;IACd,MAAM,EAAE,MAAM,CAAM;IACpB,QAAQ,EAAE,QAAQ,CAAmB;IAEtD,MAAM;IAgCf,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 CHANGED Viewed

@@ -1,9 +1,9 @@
 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 { graphicLine } from "../poi-graphic-line/poi-graphic-line.js";
 import { renderPointerDot } from "./pointerDot.js";
-import { POIStyle } from "../poi-graphic-line/poi-config.js";
+import { POIStyle, POI_LINE_CONFIG } from "../poi-graphic-line/poi-config.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -18,16 +18,34 @@ let ObcPoiLine = class extends LitElement {
   constructor() {
     super(...arguments);
     this.height = 96;
-    this.lineStyle = POIStyle.Normal;
+    this.poiStyle = POIStyle.Normal;
   }
   render() {
+    const style = POI_LINE_CONFIG[this.poiStyle];
+    let lineHeight = this.height - 4;
+    let centerX = 2;
+    let centerYOffset = 1;
+    if (this.poiStyle === POIStyle.Normal) {
+      lineHeight = this.height - 3;
+      centerYOffset = 2;
+      centerX = 1;
+    }
+    const totalHeight = lineHeight + style.width + style.dotStart;
     return html`
-      <div class="wrapper">
-        <obc-poi-graphic-line
-          height=${this.height}
-          lineStyle=${this.lineStyle}
-        ></obc-poi-graphic-line>
-        ${renderPointerDot({ lineStyle: this.lineStyle })}
+      <div
+        class="container"
+        style="height: ${totalHeight}px; width: ${style.width}px;"
+      >
+        ${graphicLine({ style, lineHeight, totalHeight })}
+        ${renderPointerDot({
+      lineStyle: this.poiStyle,
+      centerX,
+      centerY: lineHeight + centerYOffset,
+      width: style.width,
+      vbHeight: totalHeight,
+      lineColor: style.lineColor,
+      outlineColor: style.outlineColor
+    })}
       </div>
     `;
   }
@@ -38,7 +56,7 @@ __decorateClass([
 ], ObcPoiLine.prototype, "height", 2);
 __decorateClass([
   property({ type: String })
-], ObcPoiLine.prototype, "lineStyle", 2);
+], ObcPoiLine.prototype, "poiStyle", 2);
 ObcPoiLine = __decorateClass([
   customElement("obc-poi-line")
 ], ObcPoiLine);

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

	@@ -1 +1 @@
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~~,~~UAAA~~,~~CAAU~~,CAAC;AAAA;AAAA;AAAA,EAAA;~~AAMvD~~;~~AAjBa~~,~~WAgBK~~,SAAS,UAAU,YAAY;~~AAfrB~~,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,WACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,WAEe,WAAA,~~aAAA~~,CAAA;AAFf,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}
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 {POI_LINE_CONFIG, POIStyle} from '../poi-graphic-line/poi-config';\nimport {graphicLine} from '../poi-graphic-line/poi-graphic-line';\n\n@customElement('obc-poi-line')\nexport class ObcPoiLine extends LitElement {\n @property({type: Number}) height: number = 96;\n @property({type: String}) poiStyle: POIStyle = POIStyle.Normal;\n\n override render() {\n const style = POI_LINE_CONFIG[this.poiStyle];\n let lineHeight = this.height - 4;\n let centerX = 2;\n let centerYOffset = 1;\n if (this.poiStyle === POIStyle.Normal) {\n lineHeight = this.height - 3;\n centerYOffset = 2;\n centerX = 1;\n }\n\n const totalHeight = lineHeight + style.width + style.dotStart;\n\n return html`\n <div\n class=\"container\"\n style=\"height: ${totalHeight}px; width: ${style.width}px;\"\n >\n ${graphicLine({style, lineHeight, totalHeight})}\n ${renderPointerDot({\n lineStyle: this.poiStyle,\n centerX: centerX,\n centerY: lineHeight + centerYOffset,\n width: style.width,\n vbHeight: totalHeight,\n lineColor: style.lineColor,\n outlineColor: style.outlineColor,\n })}\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":";;;;;;;;;;;;;;;;AASa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AACV,UAAA,QAAQ,gBAAgB,KAAK,QAAQ;AACvC,QAAA,aAAa,KAAK,SAAS;AAC/B,QAAI,UAAU;AACd,QAAI,gBAAgB;AAChB,QAAA,KAAK,aAAa,SAAS,QAAQ;AACrC,mBAAa,KAAK,SAAS;AACX,sBAAA;AACN,gBAAA;AAAA,IAAA;AAGZ,UAAM,cAAc,aAAa,MAAM,QAAQ,MAAM;AAE9C,WAAA;AAAA;AAAA;AAAA,yBAGc,WAAW,cAAc,MAAM,KAAK;AAAA;AAAA,UAEnD,YAAY,EAAC,OAAO,YAAY,YAAA,CAAY,CAAC;AAAA,UAC7C,iBAAiB;AAAA,MACjB,WAAW,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,aAAa;AAAA,MACtB,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,MACV,WAAW,MAAM;AAAA,MACjB,cAAc,MAAM;AAAA,IAAA,CACrB,CAAC;AAAA;AAAA;AAAA,EAAA;AAMV;AArCa,WAoCK,SAAS,UAAU,YAAY;AAnCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,WACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,WAEe,WAAA,YAAA,CAAA;AAFf,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}

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

@@ -1,5 +1,11 @@
 import { POIStyle } from '../poi-graphic-line/poi-config';
-export declare function renderPointerDot({ lineStyle }: {
+export declare function renderPointerDot({ lineStyle, centerX, centerY, width, vbHeight, lineColor, outlineColor, }: {
     lineStyle: POIStyle;
+    centerX: number;
+    centerY: number;
+    width: number;
+    vbHeight: number;
+    lineColor: string;
+    outlineColor: string;
 }): import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=pointerDot.d.ts.map

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

	@@ -1 +1 @@
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~~"}
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;AAoBxD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE;IACD,SAAS,EAAE,QAAQ,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB,wCAgFA"}