@oicl/openbridge-webcomponents 0.0.7 → 0.0.9

package/src/navigation-instruments/thruster/thruster.ts

@@ -1,4 +1,4 @@
-import {LitElement, svg} from 'lit';
+import {LitElement, svg, html, css} from 'lit';
 import {customElement, property} from 'lit/decorators.js';
 import {Size, InstrumentState} from '../types';
 
@@ -23,12 +23,26 @@ export class ObcThruster extends LitElement {
   @property({type: Boolean}) off: boolean = false;
 
   override render() {
-    return thruster(this.thrust, this.setpoint, this.state, {
-      atSetpoint: this.atSetpoint,
-      tunnel: this.tunnel,
-      setpointAtZero: this.setpointAtZero,
-    });
+    return html`<div class="container">
+      ${thruster(this.thrust, this.setpoint, this.state, {
+        atSetpoint: this.atSetpoint,
+        tunnel: this.tunnel,
+        setpointAtZero: this.setpointAtZero,
+      })}
+    </div>`;
   }
+
+  static override styles = css`
+    .container {
+      height: 100%;
+      width: 100%;
+    }
+
+    .container > svg {
+      height: 100%;
+      width: 100%;
+    }
+  `;
 }
 const containerHeight = 134;
 
@@ -154,41 +168,43 @@ export function thruster(
     <rect x="-32" y="-2" width="64" height="4" fill=${zeroLineColor} stroke=${zeroLineColor}/>
   `;
 
-  const thrusterSvg = svg`
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 -160 128 320" x="-64" y="-160" width="128" height="320">
-    ${thrusterTop(
+  const thrusterSvg = [
+    thrusterTop(
       Math.max(thrust, 0),
       {box: boxColor, container: containerBackgroundColor},
       hideTicks
-    )}
-    ${thrusterBottom(
+    ),
+    thrusterBottom(
       Math.max(-thrust, 0),
       {box: boxColor, container: containerBackgroundColor},
       hideTicks
-    )}
-    ${centerLine}
-    ${
-      setpoint !== undefined
-        ? setpointSvg(setpoint, options.setpointAtZero, {
-            fill: setPointColor,
-            stroke: 'var(--border-silhouette-color)',
-          })
-        : null
-    }
-    ${options.tunnel ? null : arrowTop(arrowColor)}
-    </svg>
-  `;
+    ),
+    centerLine,
+  ];
+  if (setpoint !== undefined) {
+    thrusterSvg.push(
+      setpointSvg(setpoint, options.setpointAtZero, {
+        fill: setPointColor,
+        stroke: 'var(--border-silhouette-color)',
+      })
+    );
+  }
 
   if (options.tunnel) {
     return svg`
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-160 -64  320 128" x="-160" y="-64" width="320" height="128">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-160 -64  320 128" x="-160" y="-64">
         <g transform="rotate(90)">
           ${thrusterSvg}
         </g>
       </svg>`;
+  } else {
+    thrusterSvg.push(arrowTop(arrowColor));
+    return svg`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 -160 128 320" x="-64" y="-160">
+      ${thrusterSvg}
+    </svg>
+  `;
   }
-
-  return thrusterSvg;
 }
 
 declare global {

package/.yarnrc.yml

@@ -1 +0,0 @@
-nodeLinker: node-modules

package/dist/icons/icon-07-target-ias-selected.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-ias-selected.d.ts","sourceRoot":"","sources":["../../src/icons/icon-07-target-ias-selected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,sBAAuB,SAAQ,UAAU;IACG,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAOZ;IAEA,OAAO,CAAC,OAAO,CAOf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,sBAAsB,CAAC;KACtD;CACF"}

package/dist/icons/icon-07-target-ias-selected.js

@@ -1,60 +0,0 @@
-import { css, LitElement, svg, html } from "lit";
-import { property, customElement } from "lit/decorators.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 Obi07TargetIasSelected = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.useCssColor = false;
-    this.icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" fill="currentColor"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" fill="currentColor"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" fill="currentColor"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9426 18.1224L6.50019 11.68L17.2318 7.05166L12.9426 18.1224ZM12.1865 14.5379L9.99812 12.3495L13.6435 10.7773L12.1865 14.5379Z" fill="currentColor"/>
-</svg>
-`;
-    this.iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" style="fill: var(--element-active-color)"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" style="fill: var(--element-active-color)"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" style="fill: var(--element-active-color)"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" style="fill: var(--element-active-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9426 18.1224L6.50019 11.68L17.2318 7.05166L12.9426 18.1224ZM12.1865 14.5379L9.99812 12.3495L13.6435 10.7773L12.1865 14.5379Z" style="fill: var(--element-active-color)"/>
-</svg>
-`;
-  }
-  render() {
-    return html`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-  }
-};
-Obi07TargetIasSelected.styles = css`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  property({ type: Boolean, attribute: "use-css-color" })
-], Obi07TargetIasSelected.prototype, "useCssColor", 2);
-Obi07TargetIasSelected = __decorateClass([
-  customElement("obi-07-target-ias-selected")
-], Obi07TargetIasSelected);
-export {
-  Obi07TargetIasSelected
-};
-//# sourceMappingURL=icon-07-target-ias-selected.js.map

package/dist/icons/icon-07-target-ias-selected.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-ias-selected.js","sources":["../../src/icons/icon-07-target-ias-selected.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-07-target-ias-selected')\nexport class Obi07TargetIasSelected extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z\" fill=\"currentColor\"/>\n<path d=\"M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z\" fill=\"currentColor\"/>\n<path d=\"M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z\" fill=\"currentColor\"/>\n<path d=\"M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9426 18.1224L6.50019 11.68L17.2318 7.05166L12.9426 18.1224ZM12.1865 14.5379L9.99812 12.3495L13.6435 10.7773L12.1865 14.5379Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z\" style=\"fill: var(--element-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.9426 18.1224L6.50019 11.68L17.2318 7.05166L12.9426 18.1224ZM12.1865 14.5379L9.99812 12.3495L13.6435 10.7773L12.1865 14.5379Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-07-target-ias-selected': Obi07TargetIasSelected;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAST,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AArCa,uBA2BK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA1B8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,uBAC4C,WAAA,eAAA,CAAA;AAD5C,yBAAN,gBAAA;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B,sBAAA;"}

package/dist/icons/icon-07-target-ias.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-ias.d.ts","sourceRoot":"","sources":["../../src/icons/icon-07-target-ias.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,cAAe,SAAQ,UAAU;IACW,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAUZ;IAEA,OAAO,CAAC,OAAO,CAUf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,cAAc,CAAC;KACrC;CACF"}

package/dist/icons/icon-07-target-ias.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-ias.js","sources":["../../src/icons/icon-07-target-ias.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-07-target-ias')\nexport class Obi07TargetIas extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_20330_314304)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.49995 11.1421L13.3631 23.0053L21.2615 2.6194L1.49995 11.1421ZM6.74684 12.1464L12.229 17.6286L15.879 8.20787L6.74684 12.1464Z\" fill=\"currentColor\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_20330_314304\">\n<rect width=\"24\" height=\"24\" fill=\"currentColor\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_20330_314304)\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.49995 11.1421L13.3631 23.0053L21.2615 2.6194L1.49995 11.1421ZM6.74684 12.1464L12.229 17.6286L15.879 8.20787L6.74684 12.1464Z\" style=\"fill: var(--element-active-color)\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_20330_314304\">\n<rect width=\"24\" height=\"24\" fill=\"none\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-07-target-ias': Obi07TargetIas;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAYT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AA3Ca,eAiCK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAhC8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,eAC4C,WAAA,eAAA,CAAA;AAD5C,iBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,cAAA;"}

package/dist/icons/icon-07-target-radar-selected.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-radar-selected.d.ts","sourceRoot":"","sources":["../../src/icons/icon-07-target-radar-selected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,wBAAyB,SAAQ,UAAU;IACC,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAOZ;IAEA,OAAO,CAAC,OAAO,CAOf;IAES,MAAM;IAMf,OAAgB,MAAM,0BASpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,8BAA8B,EAAE,wBAAwB,CAAC;KAC1D;CACF"}

package/dist/icons/icon-07-target-radar-selected.js

@@ -1,60 +0,0 @@
-import { css, LitElement, svg, html } from "lit";
-import { property, customElement } from "lit/decorators.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 Obi07TargetRadarSelected = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.useCssColor = false;
-    this.icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" fill="currentColor"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" fill="currentColor"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" fill="currentColor"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 10.9375 16.1318 9.96099 15.516 9.19116L12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536C11.4512 12.1583 11.4512 11.8417 11.6464 11.6464L14.8088 8.48405C14.039 7.86824 13.0625 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" fill="currentColor"/>
-</svg>
-`;
-    this.iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" style="fill: var(--element-active-color)"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" style="fill: var(--element-active-color)"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" style="fill: var(--element-active-color)"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" style="fill: var(--element-active-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 10.9375 16.1318 9.96099 15.516 9.19116L12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536C11.4512 12.1583 11.4512 11.8417 11.6464 11.6464L14.8088 8.48405C14.039 7.86824 13.0625 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" style="fill: var(--element-active-color)"/>
-</svg>
-`;
-  }
-  render() {
-    return html`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-  }
-};
-Obi07TargetRadarSelected.styles = css`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  property({ type: Boolean, attribute: "use-css-color" })
-], Obi07TargetRadarSelected.prototype, "useCssColor", 2);
-Obi07TargetRadarSelected = __decorateClass([
-  customElement("obi-07-target-radar-selected")
-], Obi07TargetRadarSelected);
-export {
-  Obi07TargetRadarSelected
-};
-//# sourceMappingURL=icon-07-target-radar-selected.js.map

package/dist/icons/icon-07-target-radar-selected.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-radar-selected.js","sources":["../../src/icons/icon-07-target-radar-selected.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-07-target-radar-selected')\nexport class Obi07TargetRadarSelected extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z\" fill=\"currentColor\"/>\n<path d=\"M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z\" fill=\"currentColor\"/>\n<path d=\"M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z\" fill=\"currentColor\"/>\n<path d=\"M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 10.9375 16.1318 9.96099 15.516 9.19116L12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536C11.4512 12.1583 11.4512 11.8417 11.6464 11.6464L14.8088 8.48405C14.039 7.86824 13.0625 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z\" style=\"fill: var(--element-active-color)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 10.9375 16.1318 9.96099 15.516 9.19116L12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536C11.4512 12.1583 11.4512 11.8417 11.6464 11.6464L14.8088 8.48405C14.039 7.86824 13.0625 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-07-target-radar-selected': Obi07TargetRadarSelected;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,2BAAN,cAAuC,WAAW;AAAA,EAAlD,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAST,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AArCa,yBA2BK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA1B8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,yBAC4C,WAAA,eAAA,CAAA;AAD5C,2BAAN,gBAAA;AAAA,EADN,cAAc,8BAA8B;AAAA,GAChC,wBAAA;"}

package/dist/icons/icon-07-target-radar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-07-target-radar.js","sources":["../../src/icons/icon-07-target-radar.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-07-target-radar')\nexport class Obi07TargetRadar extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C13.8728 5 15.5738 5.73546 16.83 6.93332L11.3822 11.2137C10.9479 11.5549 10.8725 12.1836 11.2137 12.6179C11.5549 13.0521 12.1836 13.1276 12.6179 12.7864L18.0666 8.50525C18.6603 9.53367 19 10.7272 19 12Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C13.8728 5 15.5738 5.73546 16.83 6.93332L11.3822 11.2137C10.9479 11.5549 10.8725 12.1836 11.2137 12.6179C11.5549 13.0521 12.1836 13.1276 12.6179 12.7864L18.0666 8.50525C18.6603 9.53367 19 10.7272 19 12Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-07-target-radar': Obi07TargetRadar;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAKf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAYF;AA7Ba,iBAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlB8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,iBAC4C,WAAA,eAAA,CAAA;AAD5C,mBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,gBAAA;"}

package/src/icons/icon-07-target-ias-selected.ts

@@ -1,48 +0,0 @@
-import {LitElement, html, css, svg} from 'lit';
-import {customElement, property} from 'lit/decorators.js';
-
-@customElement('obi-07-target-ias-selected')
-export class Obi07TargetIasSelected extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
-
-  private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" fill="currentColor"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" fill="currentColor"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" fill="currentColor"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9426 18.1224L6.50019 11.68L17.2318 7.05166L12.9426 18.1224ZM12.1865 14.5379L9.99812 12.3495L13.6435 10.7773L12.1865 14.5379Z" fill="currentColor"/>
-</svg>
-`;
-
-  private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" style="fill: var(--element-active-color)"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" style="fill: var(--element-active-color)"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" style="fill: var(--element-active-color)"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" style="fill: var(--element-active-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9426 18.1224L6.50019 11.68L17.2318 7.05166L12.9426 18.1224ZM12.1865 14.5379L9.99812 12.3495L13.6435 10.7773L12.1865 14.5379Z" style="fill: var(--element-active-color)"/>
-</svg>
-`;
-
-  override render() {
-    return html`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-  }
-
-  static override styles = css`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'obi-07-target-ias-selected': Obi07TargetIasSelected;
-  }
-}

package/src/icons/icon-07-target-ias.ts

@@ -1,54 +0,0 @@
-import {LitElement, html, css, svg} from 'lit';
-import {customElement, property} from 'lit/decorators.js';
-
-@customElement('obi-07-target-ias')
-export class Obi07TargetIas extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
-
-  private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_20330_314304)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.49995 11.1421L13.3631 23.0053L21.2615 2.6194L1.49995 11.1421ZM6.74684 12.1464L12.229 17.6286L15.879 8.20787L6.74684 12.1464Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0_20330_314304">
-<rect width="24" height="24" fill="currentColor"/>
-</clipPath>
-</defs>
-</svg>
-`;
-
-  private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_20330_314304)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.49995 11.1421L13.3631 23.0053L21.2615 2.6194L1.49995 11.1421ZM6.74684 12.1464L12.229 17.6286L15.879 8.20787L6.74684 12.1464Z" style="fill: var(--element-active-color)"/>
-</g>
-<defs>
-<clipPath id="clip0_20330_314304">
-<rect width="24" height="24" fill="none"/>
-</clipPath>
-</defs>
-</svg>
-`;
-
-  override render() {
-    return html`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-  }
-
-  static override styles = css`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'obi-07-target-ias': Obi07TargetIas;
-  }
-}

package/src/icons/icon-07-target-radar-selected.ts

@@ -1,48 +0,0 @@
-import {LitElement, html, css, svg} from 'lit';
-import {customElement, property} from 'lit/decorators.js';
-
-@customElement('obi-07-target-radar-selected')
-export class Obi07TargetRadarSelected extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
-
-  private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" fill="currentColor"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" fill="currentColor"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" fill="currentColor"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 10.9375 16.1318 9.96099 15.516 9.19116L12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536C11.4512 12.1583 11.4512 11.8417 11.6464 11.6464L14.8088 8.48405C14.039 7.86824 13.0625 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" fill="currentColor"/>
-</svg>
-`;
-
-  private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 4.22222V8.66667H4.22222V4.22222H8.66667V2H4.22222C3 2 2 3 2 4.22222Z" style="fill: var(--element-active-color)"/>
-<path d="M4.22222 15.3334H2V19.7779C2 21.0001 3 22.0001 4.22222 22.0001H8.66667V19.7779H4.22222V15.3334Z" style="fill: var(--element-active-color)"/>
-<path d="M15.3333 19.7779H19.7778V15.3334H22V19.7779C22 21.0001 21 22.0001 19.7778 22.0001H15.3333V19.7779Z" style="fill: var(--element-active-color)"/>
-<path d="M19.7778 2H15.3333V4.22222H19.7778V8.66667H22V4.22222C22 3 21 2 19.7778 2Z" style="fill: var(--element-active-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 10.9375 16.1318 9.96099 15.516 9.19116L12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536C11.4512 12.1583 11.4512 11.8417 11.6464 11.6464L14.8088 8.48405C14.039 7.86824 13.0625 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" style="fill: var(--element-active-color)"/>
-</svg>
-`;
-
-  override render() {
-    return html`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-  }
-
-  static override styles = css`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'obi-07-target-radar-selected': Obi07TargetRadarSelected;
-  }
-}

package/src/icons/icon-07-target-radar.ts

@@ -1,40 +0,0 @@
-import {LitElement, html, css, svg} from 'lit';
-import {customElement, property} from 'lit/decorators.js';
-
-@customElement('obi-07-target-radar')
-export class Obi07TargetRadar extends LitElement {
-  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;
-
-  private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C13.8728 5 15.5738 5.73546 16.83 6.93332L11.3822 11.2137C10.9479 11.5549 10.8725 12.1836 11.2137 12.6179C11.5549 13.0521 12.1836 13.1276 12.6179 12.7864L18.0666 8.50525C18.6603 9.53367 19 10.7272 19 12Z" fill="currentColor"/>
-</svg>
-`;
-
-  private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C13.8728 5 15.5738 5.73546 16.83 6.93332L11.3822 11.2137C10.9479 11.5549 10.8725 12.1836 11.2137 12.6179C11.5549 13.0521 12.1836 13.1276 12.6179 12.7864L18.0666 8.50525C18.6603 9.53367 19 10.7272 19 12Z" style="fill: var(--element-active-color)"/>
-</svg>
-`;
-
-  override render() {
-    return html`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-  }
-
-  static override styles = css`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'obi-07-target-radar': Obi07TargetRadar;
-  }
-}

package/test.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512">
-  <path fill="#fff" stroke="#D9D9D9" stroke-width="5" d="M453.5 256c0 109.076-88.424 197.5-197.5 197.5S58.5 365.076 58.5 256 146.924 58.5 256 58.5 453.5 146.924 453.5 256ZM256 434.5c98.583 0 178.5-79.917 178.5-178.5S354.583 77.5 256 77.5 77.5 157.417 77.5 256 157.417 434.5 256 434.5Z" vector-effect="non-scaling-stroke"/>
-</svg>