@oicl/openbridge-webcomponents 0.0.6 → 0.0.8

package/src/icons/icon-iec-02-ais-target-activated.ts

@@ -0,0 +1,40 @@
+import {LitElement, html, css, svg} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('obi-iec-02-ais-target-activated')
+export class ObiIEC02AisTargetActivated 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="M12 1L5 21H19L12 1ZM12 7.05418L7.81896 19H16.181L12 7.05418Z" 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="M12 1L5 21H19L12 1ZM12 7.05418L7.81896 19H16.181L12 7.05418Z" fill="currentColor"/>
+</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-iec-02-ais-target-activated': ObiIEC02AisTargetActivated;
+  }
+}

package/src/icons/icon-iec-02-associated-target-ais.ts

@@ -0,0 +1,40 @@
+import {LitElement, html, css, svg} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('obi-iec-02-associated-target-ais')
+export class ObiIEC02AssociatedTargetAis 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="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.3262 21C16.5368 22.2601 14.3548 23 12 23C9.64518 23 7.46319 22.2601 5.67384 21H18.3262ZM18.8598 20.5995L12 1C18.0751 1 23 5.92487 23 12C23 15.4808 21.3833 18.5839 18.8598 20.5995ZM5.14017 20.5995C2.6167 18.5839 1 15.4808 1 12C1 5.92487 5.92487 1 12 1L5.14017 20.5995ZM7.81896 19L12 7.05418L16.181 19H7.81896Z" 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="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.3262 21C16.5368 22.2601 14.3548 23 12 23C9.64518 23 7.46319 22.2601 5.67384 21H18.3262ZM18.8598 20.5995L12 1C18.0751 1 23 5.92487 23 12C23 15.4808 21.3833 18.5839 18.8598 20.5995ZM5.14017 20.5995C2.6167 18.5839 1 15.4808 1 12C1 5.92487 5.92487 1 12 1L5.14017 20.5995ZM7.81896 19L12 7.05418L16.181 19H7.81896Z" fill="currentColor"/>
+</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-iec-02-associated-target-ais': ObiIEC02AssociatedTargetAis;
+  }
+}

package/src/icons/icon-iec-02-associated-target-radar.ts

@@ -0,0 +1,40 @@
+import {LitElement, html, css, svg} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('obi-iec-02-associated-target-radar')
+export class ObiIEC02AssociatedTargetRadar 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="M18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12ZM13.5138 15.7036C13.0468 15.8947 12.5357 16 12 16C11.4643 16 10.9532 15.8947 10.4862 15.7036L12 11.1623L13.5138 15.7036ZM14.4001 15.2002L12 8C14.2091 8 16 9.79086 16 12C16 13.3086 15.3716 14.4705 14.4001 15.2002ZM9.59992 15.2002C8.62841 14.4705 8 13.3086 8 12C8 9.79086 9.79086 8 12 8L9.59992 15.2002Z" 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="M18 12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12ZM13.5138 15.7036C13.0468 15.8947 12.5357 16 12 16C11.4643 16 10.9532 15.8947 10.4862 15.7036L12 11.1623L13.5138 15.7036ZM14.4001 15.2002L12 8C14.2091 8 16 9.79086 16 12C16 13.3086 15.3716 14.4705 14.4001 15.2002ZM9.59992 15.2002C8.62841 14.4705 8 13.3086 8 12C8 9.79086 9.79086 8 12 8L9.59992 15.2002Z" 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-iec-02-associated-target-radar': ObiIEC02AssociatedTargetRadar;
+  }
+}

package/src/icons/icon-iec-02-radar-target-tracked-selected.ts

@@ -0,0 +1,48 @@
+import {LitElement, html, css, svg} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('obi-iec-02-radar-target-tracked-selected')
+export class ObiIEC02RadarTargetTrackedSelected 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="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="currentColor"/>
+<path d="M2 5V2H5V0H1C0.447715 0 0 0.447716 0 1V5H2Z" fill="currentColor"/>
+<path d="M2 19H0V23C0 23.5523 0.447716 24 1 24H5V22H2V19Z" fill="currentColor"/>
+<path d="M19 22V24H23C23.5523 24 24 23.5523 24 23V19H22V22H19Z" fill="currentColor"/>
+<path d="M22 5H24V1C24 0.447715 23.5523 0 23 0H19V2H22V5Z" 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="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" style="fill: var(--element-active-color)"/>
+<path d="M2 5V2H5V0H1C0.447715 0 0 0.447716 0 1V5H2Z" style="fill: var(--element-active-color)"/>
+<path d="M2 19H0V23C0 23.5523 0.447716 24 1 24H5V22H2V19Z" style="fill: var(--element-active-color)"/>
+<path d="M19 22V24H23C23.5523 24 24 23.5523 24 23V19H22V22H19Z" style="fill: var(--element-active-color)"/>
+<path d="M22 5H24V1C24 0.447715 23.5523 0 23 0H19V2H22V5Z" 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-iec-02-radar-target-tracked-selected': ObiIEC02RadarTargetTrackedSelected;
+  }
+}

package/src/icons/icon-iec-02-radar-target-tracked.ts

@@ -0,0 +1,40 @@
+import {LitElement, html, css, svg} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+@customElement('obi-iec-02-radar-target-tracked')
+export class ObiIEC02RadarTargetTracked 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="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" 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="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" 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-iec-02-radar-target-tracked': ObiIEC02RadarTargetTracked;
+  }
+}

package/src/icons/index.ts

@@ -5,6 +5,9 @@ import './icon-01-check';
 import './icon-01-checkbox-checked';
 import './icon-01-checkbox-uncheck';
 import './icon-01-close';
+import './icon-01-content-copy';
+import './icon-01-content-cut';
+import './icon-01-content-paste';
 import './icon-01-delete';
 import './icon-01-edit';
 import './icon-01-expanditem';
@@ -57,6 +60,9 @@ import './icon-02-chevron-left';
 import './icon-02-chevron-right';
 import './icon-02-chevron-up';
 import './icon-02-collapse-content';
+import './icon-02-dock-bottom';
+import './icon-02-dock-left';
+import './icon-02-dock-right';
 import './icon-02-drop-down';
 import './icon-02-expand-content';
 import './icon-02-page-first';
@@ -74,6 +80,7 @@ import './icon-03-configure';
 import './icon-03-diagnostic';
 import './icon-03-filter';
 import './icon-03-info';
+import './icon-03-license';
 import './icon-03-monitoring';
 import './icon-03-pin-checked';
 import './icon-03-pin-unchecked';
@@ -172,12 +179,12 @@ import './icon-07-report-info';
 import './icon-07-route-planning';
 import './icon-07-silence';
 import './icon-07-smode';
+import './icon-07-target-associated-ais-camera';
+import './icon-07-target-associated-camera-radar';
+import './icon-07-target-associated-radar-camera';
+import './icon-07-target-camera';
 import './icon-07-target-cancel';
 import './icon-07-target-cancel-all';
-import './icon-07-target-ias';
-import './icon-07-target-ias-selected';
-import './icon-07-target-radar';
-import './icon-07-target-radar-selected';
 import './icon-07-target-select';
 import './icon-07-track';
 import './icon-07-track-no';
@@ -393,7 +400,9 @@ import './icon-14-alert-list';
 import './icon-14-alert-off';
 import './icon-14-alert-rectified';
 import './icon-14-alertheader-aggregated';
+import './icon-14-alertheader-aggregated-large';
 import './icon-14-alertheader-group';
+import './icon-14-alertheader-group-large';
 import './icon-14-alerts';
 import './icon-14-audio';
 import './icon-14-audio-low';
@@ -537,4 +546,10 @@ import './icon-20-wifi-wifi_statusbar_4';
 import './icon-20-wifi2';
 import './icon-20-wifi2-off';
 import './icon-frame2622';
+import './icon-iec-02-ais-target-activated';
+import './icon-iec-02-ais-target-activated-selected';
+import './icon-iec-02-associated-target-ais';
+import './icon-iec-02-associated-target-radar';
+import './icon-iec-02-radar-target-tracked';
+import './icon-iec-02-radar-target-tracked-selected';
 import './icon-temp';

package/src/icons/names.ts

@@ -6,6 +6,9 @@ export const iconIds: string[] = [
   '01-checkbox-checked',
   '01-checkbox-uncheck',
   '01-close',
+  '01-content-copy',
+  '01-content-cut',
+  '01-content-paste',
   '01-delete',
   '01-edit',
   '01-expanditem',
@@ -58,6 +61,9 @@ export const iconIds: string[] = [
   '02-chevron-right',
   '02-chevron-up',
   '02-collapse-content',
+  '02-dock-bottom',
+  '02-dock-left',
+  '02-dock-right',
   '02-drop-down',
   '02-expand-content',
   '02-page-first',
@@ -75,6 +81,7 @@ export const iconIds: string[] = [
   '03-diagnostic',
   '03-filter',
   '03-info',
+  '03-license',
   '03-monitoring',
   '03-pin-checked',
   '03-pin-unchecked',
@@ -173,12 +180,12 @@ export const iconIds: string[] = [
   '07-route-planning',
   '07-silence',
   '07-smode',
+  '07-target-associated-ais-camera',
+  '07-target-associated-camera-radar',
+  '07-target-associated-radar-camera',
+  '07-target-camera',
   '07-target-cancel',
   '07-target-cancel-all',
-  '07-target-ias',
-  '07-target-ias-selected',
-  '07-target-radar',
-  '07-target-radar-selected',
   '07-target-select',
   '07-track',
   '07-track-no',
@@ -396,7 +403,9 @@ export const iconIds: string[] = [
   '14-alert-off',
   '14-alert-rectified',
   '14-alertheader-aggregated',
+  '14-alertheader-aggregated-large',
   '14-alertheader-group',
+  '14-alertheader-group-large',
   '14-alerts',
   '14-audio',
   '14-audio-low',
@@ -538,5 +547,11 @@ export const iconIds: string[] = [
   '20-wifi2',
   '20-wifi2-off',
   'Frame2622',
+  'IEC-02-ais-target-activated',
+  'IEC-02-ais-target-activated-selected',
+  'IEC-02-associated-target-ais',
+  'IEC-02-associated-target-radar',
+  'IEC-02-radar-target-tracked',
+  'IEC-02-radar-target-tracked-selected',
   'temp',
 ];

package/src/icons.stories.ts

@@ -0,0 +1,78 @@
+import type {Meta, StoryObj} from '@storybook/web-components';
+import './icons';
+import {html, unsafeStatic} from 'lit/static-html.js';
+import {iconIds} from './icons/names';
+
+const meta: Meta = {
+  title: 'Icons/icon',
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+export const List: Story = {
+  args: {
+    search: '',
+    useCssColor: true,
+  },
+  argTypes: {
+    search: {
+      control: {type: 'text', description: 'Search for icon'},
+    },
+    useCssColor: {
+      control: {type: 'boolean'},
+    },
+  },
+  render: (args) => {
+    const items = iconIds.filter((name) => name.includes(args.search));
+    return html`
+      <style>
+        .icon {
+          height: 32px;
+          display: inline-block;
+        }
+
+        .item {
+          display: flex;
+          align-items: center;
+          margin: 4px;
+          gap: 4px;
+        }
+      </style>
+      <div style="display: flex; flex-wrap: wrap; flex-direction: column">
+        ${items.map(
+          (name) =>
+            html`<div class="item"><${unsafeStatic(
+              `obi-${name}`
+            )} ?use-css-color=${args.useCssColor} class="icon"></${unsafeStatic(
+              `obi-${name}`
+            )}> &lt;obi-${name}&gt;</div>`
+        )}
+      </div>
+    `;
+  },
+};
+
+export const UseFontColor: Story = {
+  args: {
+    useCssColor: false,
+    name: '01-log-add',
+    size: 32,
+    color: 'green',
+  },
+  argTypes: {
+    name: {
+      options: iconIds,
+      control: {type: 'select'},
+    },
+    size: {
+      control: {type: 'range', min: 16, max: 128, step: 1},
+    },
+  },
+  render: (args) =>
+    html`<div style="height: ${args.size}px; color: ${args.color}">
+         <${unsafeStatic(`obi-${args.name}`)} ?use-css-color=${
+           args.useCssColor
+         } class="icon"></${unsafeStatic(`obi-${args.name}`)}> 
+         </div>`,
+};

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

@@ -2,15 +2,25 @@ import type {Meta, StoryObj} from '@storybook/web-components';
 import {ObcThruster} from './thruster';
 import './thruster';
 import {InstrumentState} from '../types';
+import {html} from 'lit';
 
 const meta: Meta<typeof ObcThruster> = {
   title: 'Navigation instruments/Thruster',
   tags: ['autodocs'],
   component: 'obc-thruster',
-  args: {},
+  args: {containerSize: 320},
   argTypes: {
     setpoint: {control: {type: 'range', min: -100, max: 100, step: 1}},
   },
+  decorators: [
+    (story, contex) => {
+      return html`<div
+        style="height: ${contex.args.containerSize}px; width: fit-content;"
+      >
+        ${story()}
+      </div>`;
+    },
+  ],
 } satisfies Meta<ObcThruster>;
 
 export default meta;
@@ -31,6 +41,13 @@ export const Tunnel: Story = {
     state: InstrumentState.inCommand,
     tunnel: true,
   },
+  decorators: [
+    (story, contex) => {
+      return html`<div style="width: ${contex.args.containerSize}px">
+        ${story()}
+      </div>`;
+    },
+  ],
 };
 
 export const InCommandAtSetpoint: Story = {

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/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"}