@oicl/openbridge-webcomponents 0.0.7 → 0.0.9

package/dist/components/alert-button/alert-button.css.js

@@ -44,10 +44,6 @@ const compentStyle = css`* {
             padding-right: 8px;
         }
 
-.wrapper .badge {
-        color: var(--on-normal-active-color, #1A1A1A);
-    }
-
 .wrapper .icon {
         height: 24px;
         width: 24px;
@@ -71,6 +67,10 @@ const compentStyle = css`* {
             border-radius: 0 6px 6px 0;
         }
 
+.wrapper.type-alarm {
+        color: var(--on-alarm-active-color);
+    }
+
 .wrapper.type-alarm {
     cursor: pointer;
 }
@@ -115,14 +115,6 @@ const compentStyle = css`* {
     color: var(--on-alarm-disabled-color);
 }
 
-.wrapper.type-alarm .visible-wrapper {
-            color: var(--on-alarm-active-color, #FFF);
-        }
-
-.wrapper.type-alarm .visible-wrapper .badge {
-                color: var(--on-alarm-active-color, #FFF);
-            }
-
 .wrapper.type-warning {
     cursor: pointer;
 }

package/dist/components/alert-button/alert-button.css.js.map

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

package/dist/components/alert-button/alert-button.d.ts

@@ -2,7 +2,15 @@ import { LitElement } from 'lit';
 import '../../icons/icon-14-alerts';
 import { AlertType } from '../../types';
 /**
- * Represents an alert button component.
+ * Button used for alerts and notification
+ *
+ * @prop {number} nAlerts - Number of alerts.
+ * @prop {AlertType} alertType - Type of alert.
+ * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.
+ * @prop {boolean} counter - If the button should display a counter.
+ * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.
+ *                        It should be synchronized with the blinkValue of other alarms.
+ * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.
  *
  * @fires click - Fires when the button is clicked.
  */
@@ -11,6 +19,8 @@ export declare class ObcAlertButton extends LitElement {
     alertType: AlertType;
     standalone: boolean;
     counter: boolean;
+    blinkAlarmValue: boolean;
+    blinkWarningValue: boolean;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }

package/dist/components/alert-button/alert-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-button.d.ts","sourceRoot":"","sources":["../../../src/components/alert-button/alert-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC;;;;GAIG;AACH,qBACa,cAAe,SAAQ,UAAU;IACK,OAAO,SAAK;IACV,SAAS,YAAkB;IACnD,UAAU,UAAS;IACnB,OAAO,UAAS;IAElC,MAAM;IAiBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"alert-button.d.ts","sourceRoot":"","sources":["../../../src/components/alert-button/alert-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;IACK,OAAO,SAAK;IACV,SAAS,YAAkB;IACnD,UAAU,UAAS;IACnB,OAAO,UAAS;IACgB,eAAe,UAClE;IAER,iBAAiB,UAAS;IAEjB,MAAM;IA6Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/alert-button/alert-button.js

@@ -3,6 +3,7 @@ import { property, customElement } from "lit/decorators.js";
 import compentStyle from "./alert-button.css.js";
 import "../../icons/icon-14-alerts.js";
 import { AlertType } from "../../types.js";
+import { classMap } from "lit/directives/class-map.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -21,11 +22,24 @@ let ObcAlertButton = class extends LitElement {
     this.alertType = AlertType.None;
     this.standalone = false;
     this.counter = false;
+    this.blinkAlarmValue = false;
+    this.blinkWarningValue = false;
   }
   render() {
+    let alertType = this.alertType;
+    if (this.alertType === AlertType.Alarm && !this.blinkAlarmValue) {
+      alertType = AlertType.None;
+    } else if (this.alertType === AlertType.Warning && !this.blinkWarningValue) {
+      alertType = AlertType.None;
+    }
     return html`
       <button
-        class="wrapper type-${this.alertType} ${this.counter ? "counter" : null} ${this.standalone ? "standalone" : null}"
+        class=${classMap({
+      wrapper: true,
+      [`type-${alertType}`]: true,
+      counter: this.counter,
+      standalone: this.standalone
+    })}
       >
         <div class="visible-wrapper">
           <obi-14-alerts class="icon"></obi-14-alerts>
@@ -48,6 +62,12 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcAlertButton.prototype, "counter", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "blink-alarm-value" })
+], ObcAlertButton.prototype, "blinkAlarmValue", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "blink-warning-value" })
+], ObcAlertButton.prototype, "blinkWarningValue", 2);
 ObcAlertButton = __decorateClass([
   customElement("obc-alert-button")
 ], ObcAlertButton);

package/dist/components/alert-button/alert-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-button.js","sources":["../../../src/components/alert-button/alert-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-button.css?inline';\nimport '../../icons/icon-14-alerts';\nimport {AlertType} from '../../types';\n\n/**\n * Represents an alert button component.\n *\n * @fires click - Fires when the button is clicked.\n */\n@customElement('obc-alert-button')\nexport class ObcAlertButton extends LitElement {\n  @property({type: Number, attribute: 'n-alerts'}) nAlerts = 0;\n  @property({type: String, attribute: 'alert-type'}) alertType = AlertType.None;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n\n  override render() {\n    return html`\n      <button\n        class=\"wrapper type-${this.alertType} ${this.counter\n          ? 'counter'\n          : null} ${this.standalone ? 'standalone' : null}\"\n      >\n        <div class=\"visible-wrapper\">\n          <obi-14-alerts class=\"icon\"></obi-14-alerts>\n          ${this.counter\n            ? html`<div class=\"badge\">${this.nAlerts}</div>`\n            : null}\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-button': ObcAlertButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAYa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsD,SAAA,UAAA;AACR,SAAA,YAAY,UAAU;AACjC,SAAA,aAAA;AACH,SAAA,UAAA;AAAA,EAAA;AAAA,EAE5B,SAAS;AACT,WAAA;AAAA;AAAA,8BAEmB,KAAK,SAAS,IAAI,KAAK,UACzC,YACA,IAAI,IAAI,KAAK,aAAa,eAAe,IAAI;AAAA;AAAA;AAAA;AAAA,YAI7C,KAAK,UACH,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA;AAAA;AAAA,EAIhB;AAGF;AAxBa,eAuBK,SAAS,UAAU,YAAY;AAtBE,gBAAA;AAAA,EAAhD,SAAS,EAAC,MAAM,QAAQ,WAAW,YAAW;AAAA,GADpC,eACsC,WAAA,WAAA,CAAA;AACE,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAFtC,eAEwC,WAAA,aAAA,CAAA;AACxB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,eAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,eAIgB,WAAA,WAAA,CAAA;AAJhB,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"version":3,"file":"alert-button.js","sources":["../../../src/components/alert-button/alert-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-button.css?inline';\nimport '../../icons/icon-14-alerts';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Button used for alerts and notification\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.\n * @prop {boolean} counter - If the button should display a counter.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                        It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n *\n * @fires click - Fires when the button is clicked.\n */\n@customElement('obc-alert-button')\nexport class ObcAlertButton extends LitElement {\n  @property({type: Number, attribute: 'n-alerts'}) nAlerts = 0;\n  @property({type: String, attribute: 'alert-type'}) alertType = AlertType.None;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n  @property({type: Boolean, attribute: 'blink-alarm-value'}) blinkAlarmValue =\n    false;\n  @property({type: Boolean, attribute: 'blink-warning-value'})\n  blinkWarningValue = false;\n\n  override render() {\n    let alertType = this.alertType;\n    if (this.alertType === AlertType.Alarm && !this.blinkAlarmValue) {\n      alertType = AlertType.None;\n    } else if (\n      this.alertType === AlertType.Warning &&\n      !this.blinkWarningValue\n    ) {\n      alertType = AlertType.None;\n    }\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          [`type-${alertType}`]: true,\n          counter: this.counter,\n          standalone: this.standalone,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <obi-14-alerts class=\"icon\"></obi-14-alerts>\n          ${this.counter\n            ? html`<div class=\"badge\">${this.nAlerts}</div>`\n            : null}\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-button': ObcAlertButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAqBa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsD,SAAA,UAAA;AACR,SAAA,YAAY,UAAU;AACjC,SAAA,aAAA;AACH,SAAA,UAAA;AAEnC,SAAA,kBAAA;AAEkB,SAAA,oBAAA;AAAA,EAAA;AAAA,EAEX,SAAS;AAChB,QAAI,YAAY,KAAK;AACrB,QAAI,KAAK,cAAc,UAAU,SAAS,CAAC,KAAK,iBAAiB;AAC/D,kBAAY,UAAU;AAAA,IAAA,WAEtB,KAAK,cAAc,UAAU,WAC7B,CAAC,KAAK,mBACN;AACA,kBAAY,UAAU;AAAA,IACxB;AACO,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,QAAQ,SAAS,EAAE,GAAG;AAAA,MACvB,SAAS,KAAK;AAAA,MACd,YAAY,KAAK;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA,YAIE,KAAK,UACH,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA;AAAA;AAAA,EAIhB;AAGF;AAxCa,eAuCK,SAAS,UAAU,YAAY;AAtCE,gBAAA;AAAA,EAAhD,SAAS,EAAC,MAAM,QAAQ,WAAW,YAAW;AAAA,GADpC,eACsC,WAAA,WAAA,CAAA;AACE,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAFtC,eAEwC,WAAA,aAAA,CAAA;AACxB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,eAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,eAIgB,WAAA,WAAA,CAAA;AACgC,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAL9C,eAKgD,WAAA,mBAAA,CAAA;AAG3D,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,uBAAsB;AAAA,GAPhD,eAQX,WAAA,qBAAA,CAAA;AARW,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

package/dist/components/alert-icon/alert-icon.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+declare const mapping: {
+    'alarm-silenced': {
+        a: import("lit-html").TemplateResult<2>;
+        b: import("lit-html").TemplateResult<2>;
+    };
+    'alarm-unack': {
+        a: import("lit-html").TemplateResult<2>;
+        b: import("lit-html").TemplateResult<2>;
+    };
+    'warning-unack': {
+        a: import("lit-html").TemplateResult<2>;
+        b: import("lit-html").TemplateResult<2>;
+    };
+};
+export declare const AlertIconNames: ("alarm-silenced" | "alarm-unack" | "warning-unack")[];
+export type AlertIconName = keyof typeof mapping;
+/**
+ * Icon used for alerts and notification with blinking effect
+ *
+ * @prop {boolean} blinkValue - This value should alternate between true and false to make the icon blink.
+ * @prop {AlertIconName} name - Name of the icon.
+ */
+export declare class ObcAlertIcon extends LitElement {
+    blinkValue: boolean;
+    name: AlertIconName;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-alert-icon': ObcAlertIcon;
+    }
+}
+export {};
+//# sourceMappingURL=alert-icon.d.ts.map

package/dist/components/alert-icon/alert-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../src/components/alert-icon/alert-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAU1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;CAIZ,CAAC;AAEF,eAAO,MAAM,cAAc,wDAA0C,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,qBACa,YAAa,SAAQ,UAAU;IACW,UAAU,UAAS;IAC9C,IAAI,EAAE,aAAa,CAAiB;IAErD,MAAM;IAgBf,OAAgB,MAAM,0BAqBpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/alert-icon/alert-icon.js

@@ -0,0 +1,84 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { svg14AlarmSilencedA } from "./icons/icon-14-alarm-silenced-a.js";
+import { svg14AlarmSilencedB } from "./icons/icon-14-alarm-silenced-b.js";
+import { svg14AlarmUnackA } from "./icons/icon-14-alarm-unack-a.js";
+import { svg14AlarmUnackB } from "./icons/icon-14-alarm-unack-b.js";
+import { svg14WarningUnackA } from "./icons/icon-14-warning-unack-a.js";
+import { svg14WarningUnackB } from "./icons/icon-14-warning-unack-b.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;
+};
+const mapping = {
+  "alarm-silenced": { a: svg14AlarmSilencedA, b: svg14AlarmSilencedB },
+  "alarm-unack": { a: svg14AlarmUnackA, b: svg14AlarmUnackB },
+  "warning-unack": { a: svg14WarningUnackA, b: svg14WarningUnackB }
+};
+const AlertIconNames = Object.keys(mapping);
+let ObcAlertIcon = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.blinkValue = false;
+    this.name = "alarm-unack";
+  }
+  render() {
+    const icons = mapping[this.name];
+    return html`
+      <div
+        class=${classMap({
+      wrapper: true,
+      "show-a": this.blinkValue,
+      "show-b": !this.blinkValue
+    })}
+      >
+        <span class="a">${icons.a}</span>
+        <span class="b">${icons.b}</span>
+      </div>
+    `;
+  }
+};
+ObcAlertIcon.styles = css`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+    }
+    .wrapper * {
+      height: 100%;
+      width: 100%;
+    }
+    .a,
+    .b {
+      display: none;
+    }
+
+    .show-a .a {
+      display: revert;
+    }
+
+    .show-b .b {
+      display: revert;
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, attribute: "blink-value" })
+], ObcAlertIcon.prototype, "blinkValue", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAlertIcon.prototype, "name", 2);
+ObcAlertIcon = __decorateClass([
+  customElement("obc-alert-icon")
+], ObcAlertIcon);
+export {
+  AlertIconNames,
+  ObcAlertIcon
+};
+//# sourceMappingURL=alert-icon.js.map

package/dist/components/alert-icon/alert-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-icon.js","sources":["../../../src/components/alert-icon/alert-icon.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {svg14AlarmSilencedA} from './icons/icon-14-alarm-silenced-a';\nimport {svg14AlarmSilencedB} from './icons/icon-14-alarm-silenced-b';\nimport {svg14AlarmUnackA} from './icons/icon-14-alarm-unack-a';\nimport {svg14AlarmUnackB} from './icons/icon-14-alarm-unack-b';\nimport {svg14WarningUnackA} from './icons/icon-14-warning-unack-a';\nimport {svg14WarningUnackB} from './icons/icon-14-warning-unack-b';\n\nconst mapping = {\n  'alarm-silenced': {a: svg14AlarmSilencedA, b: svg14AlarmSilencedB},\n  'alarm-unack': {a: svg14AlarmUnackA, b: svg14AlarmUnackB},\n  'warning-unack': {a: svg14WarningUnackA, b: svg14WarningUnackB},\n};\n\nexport const AlertIconNames = Object.keys(mapping) as AlertIconName[];\nexport type AlertIconName = keyof typeof mapping;\n\n/**\n * Icon used for alerts and notification with blinking effect\n *\n * @prop {boolean} blinkValue - This value should alternate between true and false to make the icon blink.\n * @prop {AlertIconName} name - Name of the icon.\n */\n@customElement('obc-alert-icon')\nexport class ObcAlertIcon extends LitElement {\n  @property({type: Boolean, attribute: 'blink-value'}) blinkValue = false;\n  @property({type: String}) name: AlertIconName = 'alarm-unack';\n\n  override render() {\n    const icons = mapping[this.name];\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          'show-a': this.blinkValue,\n          'show-b': !this.blinkValue,\n        })}\n      >\n        <span class=\"a\">${icons.a}</span>\n        <span class=\"b\">${icons.b}</span>\n      </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    .a,\n    .b {\n      display: none;\n    }\n\n    .show-a .a {\n      display: revert;\n    }\n\n    .show-b .b {\n      display: revert;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-icon': ObcAlertIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,UAAU;AAAA,EACd,kBAAkB,EAAC,GAAG,qBAAqB,GAAG,oBAAmB;AAAA,EACjE,eAAe,EAAC,GAAG,kBAAkB,GAAG,iBAAgB;AAAA,EACxD,iBAAiB,EAAC,GAAG,oBAAoB,GAAG,mBAAkB;AAChE;AAEa,MAAA,iBAAiB,OAAO,KAAK,OAAO;AAUpC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6D,SAAA,aAAA;AAClB,SAAA,OAAA;AAAA,EAAA;AAAA,EAEvC,SAAS;AACV,UAAA,QAAQ,QAAQ,KAAK,IAAI;AACxB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,UAAU,CAAC,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA;AAAA,0BAEgB,MAAM,CAAC;AAAA,0BACP,MAAM,CAAC;AAAA;AAAA;AAAA,EAG/B;AAwBF;AA1Ca,aAoBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnB4B,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GADxC,aAC0C,WAAA,cAAA,CAAA;AAC3B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,aAEe,WAAA,QAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.d.ts

@@ -0,0 +1,2 @@
+export declare const svg14AlarmSilencedA: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icon-14-alarm-silenced-a.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-silenced-a.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-a.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,sCAO/B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.js

@@ -0,0 +1,13 @@
+import { svg } from "lit";
+const svg14AlarmSilencedA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z" fill="var(--alarm-enabled-background-color)"/>
+<path d="M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z" style="fill: var(--on-alarm-active-color)"/>
+</svg>
+`;
+export {
+  svg14AlarmSilencedA
+};
+//# sourceMappingURL=icon-14-alarm-silenced-a.js.map

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-silenced-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmSilencedA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z\" fill=\"var(--alarm-enabled-background-color)\"/>\n<path d=\"M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.d.ts

@@ -0,0 +1,2 @@
+export declare const svg14AlarmSilencedB: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icon-14-alarm-silenced-b.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-silenced-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,sCAc/B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.js

@@ -0,0 +1,20 @@
+import { svg } from "lit";
+const svg14AlarmSilencedB = 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_850_47505)">
+<path d="M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z" style="stroke: var(--element-neutral-color)" />
+<path d="M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z" style="fill: var(--element-neutral-color)" />
+<path d="M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z" style="fill: var(--element-neutral-color)" />
+<path d="M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z" style="fill: var(--element-neutral-color)" />
+<path d="M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z" style="fill: var(--element-neutral-color)" />
+</g>
+<defs>
+<clipPath id="clip0_850_47505">
+<rect width="24" height="24" fill="none"/>
+</clipPath>
+</defs>
+</svg>
+`;
+export {
+  svg14AlarmSilencedB
+};
+//# sourceMappingURL=icon-14-alarm-silenced-b.js.map

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-silenced-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-silenced-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmSilencedB = 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_850_47505)\">\n<path d=\"M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z\" style=\"stroke: var(--element-neutral-color)\" />\n<path d=\"M6.99848 10.8967L7.88021 10.015L17.3 19.2682L16.4183 20.1499L15.1363 18.868C14.4859 19.387 13.7168 19.7747 12.8788 19.9623V18.6741C13.3791 18.5303 13.8356 18.2864 14.2421 17.98L11.6281 15.366V19.487L8.50138 16.3603H6V12.6082H8.50138L8.68273 12.4206L6.99848 10.8967Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M15.7491 15.9476C15.9117 15.4911 16.0055 14.9971 16.0055 14.4843C16.0055 12.5019 14.6861 10.826 12.8788 10.2882V9C15.3864 9.56906 17.2562 11.8078 17.2562 14.4843C17.2562 15.3535 17.0561 16.1727 16.7059 16.9044L15.7491 15.9476Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M12.8788 11.9641C13.8043 12.4269 14.4422 13.3774 14.4422 14.4843C14.4422 14.5343 14.4359 14.5843 14.4297 14.6344L12.8788 13.0835V11.9641Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M10.4525 10.6572L11.6281 9.48152V11.8328L10.4525 10.6572Z\" style=\"fill: var(--element-neutral-color)\" />\n</g>\n<defs>\n<clipPath id=\"clip0_850_47505\">\n<rect width=\"24\" height=\"24\" fill=\"none\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.d.ts

@@ -0,0 +1,2 @@
+export declare const svg14AlarmUnackA: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icon-14-alarm-unack-a.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-unack-a.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-a.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,sCAM5B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.js

@@ -0,0 +1,12 @@
+import { svg } from "lit";
+const svg14AlarmUnackA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z" fill="var(--alarm-enabled-background-color)"/>
+<path d="M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z" style="fill: var(--on-alarm-active-color)"/>
+<path d="M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z" style="fill: var(--on-alarm-active-color)"/>
+</svg>
+`;
+export {
+  svg14AlarmUnackA
+};
+//# sourceMappingURL=icon-14-alarm-unack-a.js.map

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-unack-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmUnackA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.1409 1.51681C11.5032 0.82773 12.4968 0.827732 12.8591 1.51681L22.8888 20.5936C23.2254 21.2338 22.7573 22 22.0297 22H1.97033C1.24266 22 0.774615 21.2338 1.11121 20.5936L11.1409 1.51681Z\" fill=\"var(--alarm-enabled-background-color)\"/>\n<path d=\"M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n<path d=\"M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z\" style=\"fill: var(--on-alarm-active-color)\"/>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.d.ts

@@ -0,0 +1,2 @@
+export declare const svg14AlarmUnackB: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icon-14-alarm-unack-b.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-unack-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,sCAa5B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.js

@@ -0,0 +1,19 @@
+import { svg } from "lit";
+const svg14AlarmUnackB = 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_850_47508)">
+<path d="M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z" style="stroke: var(--element-neutral-color)" />
+<path d="M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z" style="fill: var(--element-neutral-color)" />
+<path d="M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z" style="fill: var(--element-neutral-color)" />
+<path d="M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z" style="fill: var(--element-neutral-color)" />
+</g>
+<defs>
+<clipPath id="clip0_850_47508">
+<rect width="24" height="24" fill="none"/>
+</clipPath>
+</defs>
+</svg>
+`;
+export {
+  svg14AlarmUnackB
+};
+//# sourceMappingURL=icon-14-alarm-unack-b.js.map

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-alarm-unack-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-alarm-unack-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14AlarmUnackB = 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_850_47508)\">\n<path d=\"M13.3017 1.28413L12.8591 1.51681L13.3017 1.28413C12.752 0.238626 11.248 0.238621 10.6983 1.28413L11.1314 1.51182L10.6983 1.28413L0.668648 20.3609C0.154023 21.3397 0.872928 22.5 1.97033 22.5H22.0297C23.1271 22.5 23.846 21.3397 23.3314 20.3609L13.3017 1.28413Z\" style=\"stroke: var(--element-neutral-color)\" />\n<path d=\"M8.50855 16.3814L11.6442 19.5171V9.4829L8.50855 12.6186H6V16.3814H8.50855Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M14.4664 14.5C14.4664 13.39 13.8267 12.4367 12.8985 11.9726V17.0211C13.8267 16.5633 14.4664 15.61 14.4664 14.5Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M12.8985 10.2919C14.7109 10.8312 16.0342 12.512 16.0342 14.5C16.0342 16.488 14.7109 18.1688 12.8985 18.7081V20C15.4133 19.4293 17.2885 17.1842 17.2885 14.5C17.2885 11.8159 15.4133 9.5707 12.8985 9V10.2919Z\" style=\"fill: var(--element-neutral-color)\" />\n</g>\n<defs>\n<clipPath id=\"clip0_850_47508\">\n<rect width=\"24\" height=\"24\" fill=\"none\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.d.ts

@@ -0,0 +1,2 @@
+export declare const svg14WarningUnackA: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icon-14-warning-unack-a.d.ts.map

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-warning-unack-a.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-warning-unack-a.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB,sCAM9B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.js

@@ -0,0 +1,12 @@
+import { svg } from "lit";
+const svg14WarningUnackA = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10.5" style="fill: var(--warning-enabled-background-color)" style="stroke: var(--element-active-color)"/>
+<path d="M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z" style="fill: var(--on-warning-active-color)" />
+<path d="M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z" style="fill: var(--on-warning-active-color)" />
+<path d="M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z" style="fill: var(--on-warning-active-color)" />
+</svg>
+`;
+export {
+  svg14WarningUnackA
+};
+//# sourceMappingURL=icon-14-warning-unack-a.js.map

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-warning-unack-a.js","sources":["../../../../src/components/alert-icon/icons/icon-14-warning-unack-a.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14WarningUnackA = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10.5\" style=\"fill: var(--warning-enabled-background-color)\" style=\"stroke: var(--element-active-color)\"/>\n<path d=\"M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z\" style=\"fill: var(--on-warning-active-color)\" />\n<path d=\"M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z\" style=\"fill: var(--on-warning-active-color)\" />\n<path d=\"M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z\" style=\"fill: var(--on-warning-active-color)\" />\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-icon/icons/icon-14-warning-unack-b.d.ts

@@ -0,0 +1,2 @@
+export declare const svg14WarningUnackB: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icon-14-warning-unack-b.d.ts.map

package/dist/components/alert-icon/icons/icon-14-warning-unack-b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-warning-unack-b.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-icon/icons/icon-14-warning-unack-b.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB,sCAM9B,CAAC"}

package/dist/components/alert-icon/icons/icon-14-warning-unack-b.js

@@ -0,0 +1,12 @@
+import { svg } from "lit";
+const svg14WarningUnackB = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10.5" style="stroke: var(--element-neutral-color)" />
+<path d="M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z" style="fill: var(--element-neutral-color)" />
+<path d="M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z" style="fill: var(--element-neutral-color)" />
+<path d="M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z" style="fill: var(--element-neutral-color)" />
+</svg>
+`;
+export {
+  svg14WarningUnackB
+};
+//# sourceMappingURL=icon-14-warning-unack-b.js.map

package/dist/components/alert-icon/icons/icon-14-warning-unack-b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-14-warning-unack-b.js","sources":["../../../../src/components/alert-icon/icons/icon-14-warning-unack-b.ts"],"sourcesContent":["import {svg} from 'lit';\nexport const svg14WarningUnackB = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10.5\" style=\"stroke: var(--element-neutral-color)\" />\n<path d=\"M8.50855 13.8814L11.6442 17.0171V6.9829L8.50855 10.1186H6V13.8814H8.50855Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M14.4664 12C14.4664 10.89 13.8267 9.93672 12.8985 9.47263V14.5211C13.8267 14.0633 14.4664 13.11 14.4664 12Z\" style=\"fill: var(--element-neutral-color)\" />\n<path d=\"M12.8985 7.7919C14.7109 8.33124 16.0342 10.012 16.0342 12C16.0342 13.988 14.7109 15.6688 12.8985 16.2081V17.5C15.4133 16.9293 17.2885 14.6842 17.2885 12C17.2885 9.31585 15.4133 7.0707 12.8985 6.5V7.7919Z\" style=\"fill: var(--element-neutral-color)\" />\n</svg>\n`;\n"],"names":[],"mappings":";AACO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/alert-topbar-element/alert-topbar-element.d.ts

@@ -8,16 +8,29 @@ import { AlertType } from '../../types';
  * Element that displays the alert in topbar
  * Use the element in the alerts slot in topbar
  *
+ * @prop {number} nAlerts - Number of alerts.
+ * @prop {AlertType} alertType - Type of alert.
+ * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.
+ *                       It should be synchronized with the blinkValue of other alarms.
+ * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.
+ * @prop {boolean} showAck - If the ack button should be shown.
+ * @prop {boolean} alertMuted - If the alert is muted.
+ * @prop {boolean} minimized - If the alert is minimized.
+ * @prop {number} maxWidth - The maximum width of the alert.
+ *
  * @fires muteclick - Fired when the mute button is clicked
  * @fires ackclick - Fired when the ack button is clicked
  * @fires alertclick - Fired when the alert button is clicked
  * @fires messageclick - Fired when the message is clicked
  *
  * @slot  - The message to display in the alert element of type `obc-notification-message-item`
+ * @slot empty - The message to display when there are no alerts
  */
 export declare class ObcAlertTopbarElement extends LitElement {
     nAlerts: number;
     alertType: AlertType;
+    blinkAlarmValue: boolean;
+    blinkWarningValue: boolean;
     showAck: boolean;
     alertMuted: boolean;
     minimized: boolean;

package/dist/components/alert-topbar-element/alert-topbar-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-topbar-element.d.ts","sourceRoot":"","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AAEtD,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;GAUG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACF,OAAO,SAAK;IACV,SAAS,EAAE,SAAS,CACtD;IACiC,OAAO,UAAS;IACb,UAAU,UAAS;IAC7C,SAAS,UAAS;IACK,QAAQ,SAAO;IAExD,MAAM;IAoEf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}
+{"version":3,"file":"alert-topbar-element.d.ts","sourceRoot":"","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AAEtD,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACF,OAAO,SAAK;IACV,SAAS,EAAE,SAAS,CACtD;IAC0C,eAAe,UAClE;IAER,iBAAiB,UAAS;IACwB,OAAO,UAAS;IACb,UAAU,UAAS;IAC7C,SAAS,UAAS;IACK,QAAQ,SAAO;IAExD,MAAM;IAsEf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}

package/dist/components/alert-topbar-element/alert-topbar-element.js

@@ -23,6 +23,8 @@ let ObcAlertTopbarElement = class extends LitElement {
     super(...arguments);
     this.nAlerts = 0;
     this.alertType = AlertType.None;
+    this.blinkAlarmValue = false;
+    this.blinkWarningValue = false;
     this.showAck = false;
     this.alertMuted = false;
     this.minimized = false;
@@ -83,6 +85,8 @@ let ObcAlertTopbarElement = class extends LitElement {
           alert-type=${this.alertType}
           n-alerts=${this.nAlerts}
           ?counter=${!empty}
+          ?blink-alarm-value=${this.blinkAlarmValue}
+          ?blink-warning-value=${this.blinkWarningValue}
           @click=${() => this.dispatchEvent(new CustomEvent("alertclick"))}
         ></obc-alert-button>
       </div>
@@ -96,6 +100,12 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "alert-type" })
 ], ObcAlertTopbarElement.prototype, "alertType", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "blink-alarm-value" })
+], ObcAlertTopbarElement.prototype, "blinkAlarmValue", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "blink-warning-value" })
+], ObcAlertTopbarElement.prototype, "blinkWarningValue", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "show-ack" })
 ], ObcAlertTopbarElement.prototype, "showAck", 2);

package/dist/components/alert-topbar-element/alert-topbar-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-topbar-element.js","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-topbar-element.css?inline';\nimport '../alert-button/alert-button';\nimport '../notification-button/notification-button';\nimport '../notification-message/notification-message';\n\nimport '../../icons/icon-14-mute';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Element that displays the alert in topbar\n * Use the element in the alerts slot in topbar\n *\n * @fires muteclick - Fired when the mute button is clicked\n * @fires ackclick - Fired when the ack button is clicked\n * @fires alertclick - Fired when the alert button is clicked\n * @fires messageclick - Fired when the message is clicked\n *\n * @slot  - The message to display in the alert element of type `obc-notification-message-item`\n */\n@customElement('obc-alert-topbar-element')\nexport class ObcAlertTopbarElement extends LitElement {\n  @property({type: Number, attribute: 'n-alerts'}) nAlerts = 0;\n  @property({type: String, attribute: 'alert-type'}) alertType: AlertType =\n    AlertType.None;\n  @property({type: Boolean, attribute: 'show-ack'}) showAck = false;\n  @property({type: Boolean, attribute: 'alert-muted'}) alertMuted = false;\n  @property({type: Boolean}) minimized = false;\n  @property({type: Number, attribute: 'max-width'}) maxWidth = 480;\n\n  override render() {\n    const empty = this.nAlerts === 0;\n    const disabledMute =\n      this.alertMuted ||\n      empty ||\n      this.alertType === AlertType.None ||\n      this.alertType === AlertType.Running ||\n      this.alertType === AlertType.Caution;\n    let firstPart;\n    if (this.minimized) {\n      firstPart = html`<obc-notification-button\n        icon\n        open-right\n        corner-left\n        @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n      >\n        <obi-14-mute></obi-14-mute>\n      </obc-notification-button>`;\n    } else {\n      firstPart = html`<obc-notification-message\n          class=\"notification-message\"\n          ?empty=${empty}\n          @click=${() => this.dispatchEvent(new CustomEvent('messageclick'))}\n        >\n          <slot></slot>\n          <div slot=\"empty\">No active alerts</div>\n        </obc-notification-message>\n        ${this.showAck\n          ? html`<obc-notification-button\n              open-right\n              @click=${() => this.dispatchEvent(new CustomEvent('ackclick'))}\n              >ACK</obc-notification-button\n            >`\n          : html``}\n        <obc-notification-button\n          icon\n          open-right\n          ?indent=${empty}\n          ?disabled=${disabledMute}\n          @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n        >\n          <obi-14-mute></obi-14-mute>\n        </obc-notification-button>`;\n    }\n    return html`\n      <style>\n        :host {\n          max-width: ${this.maxWidth}px;\n        }\n      </style>\n      <div\n        class=${classMap({\n          wrapper: true,\n          minimized: this.minimized,\n        })}\n        style=${`max-width: ${this.maxWidth - 8}px;`}\n      >\n        ${firstPart}\n        <obc-alert-button\n          alert-type=${this.alertType}\n          n-alerts=${this.nAlerts}\n          ?counter=${!empty}\n          @click=${() => this.dispatchEvent(new CustomEvent('alertclick'))}\n        ></obc-alert-button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ob-alert-topbar-element': ObcAlertTopbarElement;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AACsD,SAAA,UAAA;AACR,SAAA,YACjD,UAAU;AACgD,SAAA,UAAA;AACM,SAAA,aAAA;AAC3B,SAAA,YAAA;AACsB,SAAA,WAAA;AAAA,EAAA;AAAA,EAEpD,SAAS;AACV,UAAA,QAAQ,KAAK,YAAY;AAC/B,UAAM,eACJ,KAAK,cACL,SACA,KAAK,cAAc,UAAU,QAC7B,KAAK,cAAc,UAAU,WAC7B,KAAK,cAAc,UAAU;AAC3B,QAAA;AACJ,QAAI,KAAK,WAAW;AACN,kBAAA;AAAA;AAAA;AAAA;AAAA,iBAID,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAAA,OAI5D;AACO,kBAAA;AAAA;AAAA,mBAEC,KAAK;AAAA,mBACL,MAAM,KAAK,cAAc,IAAI,YAAY,cAAc,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKlE,KAAK,UACH;AAAA;AAAA,uBAEW,MAAM,KAAK,cAAc,IAAI,YAAY,UAAU,CAAC,CAAC;AAAA;AAAA,iBAGhE,MAAM;AAAA;AAAA;AAAA;AAAA,oBAIE,KAAK;AAAA,sBACH,YAAY;AAAA,mBACf,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIrE;AACO,WAAA;AAAA;AAAA;AAAA,uBAGY,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIpB,SAAS;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA,gBACM,cAAc,KAAK,WAAW,CAAC,KAAK;AAAA;AAAA,UAE1C,SAAS;AAAA;AAAA,uBAEI,KAAK,SAAS;AAAA,qBAChB,KAAK,OAAO;AAAA,qBACZ,CAAC,KAAK;AAAA,mBACR,MAAM,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxE;AAGF;AA9Ea,sBA6EK,SAAS,UAAU,YAAY;AA5EE,gBAAA;AAAA,EAAhD,SAAS,EAAC,MAAM,QAAQ,WAAW,YAAW;AAAA,GADpC,sBACsC,WAAA,WAAA,CAAA;AACE,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAFtC,sBAEwC,WAAA,aAAA,CAAA;AAED,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,SAAS,WAAW,YAAW;AAAA,GAJrC,sBAIuC,WAAA,WAAA,CAAA;AACG,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GALxC,sBAK0C,WAAA,cAAA,CAAA;AAC1B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,sBAMgB,WAAA,aAAA,CAAA;AACuB,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,QAAQ,WAAW,aAAY;AAAA,GAPrC,sBAOuC,WAAA,YAAA,CAAA;AAPvC,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;"}
+{"version":3,"file":"alert-topbar-element.js","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-topbar-element.css?inline';\nimport '../alert-button/alert-button';\nimport '../notification-button/notification-button';\nimport '../notification-message/notification-message';\n\nimport '../../icons/icon-14-mute';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Element that displays the alert in topbar\n * Use the element in the alerts slot in topbar\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                       It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n * @prop {boolean} showAck - If the ack button should be shown.\n * @prop {boolean} alertMuted - If the alert is muted.\n * @prop {boolean} minimized - If the alert is minimized.\n * @prop {number} maxWidth - The maximum width of the alert.\n *\n * @fires muteclick - Fired when the mute button is clicked\n * @fires ackclick - Fired when the ack button is clicked\n * @fires alertclick - Fired when the alert button is clicked\n * @fires messageclick - Fired when the message is clicked\n *\n * @slot  - The message to display in the alert element of type `obc-notification-message-item`\n * @slot empty - The message to display when there are no alerts\n */\n@customElement('obc-alert-topbar-element')\nexport class ObcAlertTopbarElement extends LitElement {\n  @property({type: Number, attribute: 'n-alerts'}) nAlerts = 0;\n  @property({type: String, attribute: 'alert-type'}) alertType: AlertType =\n    AlertType.None;\n  @property({type: Boolean, attribute: 'blink-alarm-value'}) blinkAlarmValue =\n    false;\n  @property({type: Boolean, attribute: 'blink-warning-value'})\n  blinkWarningValue = false;\n  @property({type: Boolean, attribute: 'show-ack'}) showAck = false;\n  @property({type: Boolean, attribute: 'alert-muted'}) alertMuted = false;\n  @property({type: Boolean}) minimized = false;\n  @property({type: Number, attribute: 'max-width'}) maxWidth = 480;\n\n  override render() {\n    const empty = this.nAlerts === 0;\n    const disabledMute =\n      this.alertMuted ||\n      empty ||\n      this.alertType === AlertType.None ||\n      this.alertType === AlertType.Running ||\n      this.alertType === AlertType.Caution;\n    let firstPart;\n    if (this.minimized) {\n      firstPart = html`<obc-notification-button\n        icon\n        open-right\n        corner-left\n        @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n      >\n        <obi-14-mute></obi-14-mute>\n      </obc-notification-button>`;\n    } else {\n      firstPart = html`<obc-notification-message\n          class=\"notification-message\"\n          ?empty=${empty}\n          @click=${() => this.dispatchEvent(new CustomEvent('messageclick'))}\n        >\n          <slot></slot>\n          <div slot=\"empty\">No active alerts</div>\n        </obc-notification-message>\n        ${this.showAck\n          ? html`<obc-notification-button\n              open-right\n              @click=${() => this.dispatchEvent(new CustomEvent('ackclick'))}\n              >ACK</obc-notification-button\n            >`\n          : html``}\n        <obc-notification-button\n          icon\n          open-right\n          ?indent=${empty}\n          ?disabled=${disabledMute}\n          @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n        >\n          <obi-14-mute></obi-14-mute>\n        </obc-notification-button>`;\n    }\n    return html`\n      <style>\n        :host {\n          max-width: ${this.maxWidth}px;\n        }\n      </style>\n      <div\n        class=${classMap({\n          wrapper: true,\n          minimized: this.minimized,\n        })}\n        style=${`max-width: ${this.maxWidth - 8}px;`}\n      >\n        ${firstPart}\n        <obc-alert-button\n          alert-type=${this.alertType}\n          n-alerts=${this.nAlerts}\n          ?counter=${!empty}\n          ?blink-alarm-value=${this.blinkAlarmValue}\n          ?blink-warning-value=${this.blinkWarningValue}\n          @click=${() => this.dispatchEvent(new CustomEvent('alertclick'))}\n        ></obc-alert-button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ob-alert-topbar-element': ObcAlertTopbarElement;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkCa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AACsD,SAAA,UAAA;AACR,SAAA,YACjD,UAAU;AAEV,SAAA,kBAAA;AAEkB,SAAA,oBAAA;AACwC,SAAA,UAAA;AACM,SAAA,aAAA;AAC3B,SAAA,YAAA;AACsB,SAAA,WAAA;AAAA,EAAA;AAAA,EAEpD,SAAS;AACV,UAAA,QAAQ,KAAK,YAAY;AAC/B,UAAM,eACJ,KAAK,cACL,SACA,KAAK,cAAc,UAAU,QAC7B,KAAK,cAAc,UAAU,WAC7B,KAAK,cAAc,UAAU;AAC3B,QAAA;AACJ,QAAI,KAAK,WAAW;AACN,kBAAA;AAAA;AAAA;AAAA;AAAA,iBAID,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAAA,OAI5D;AACO,kBAAA;AAAA;AAAA,mBAEC,KAAK;AAAA,mBACL,MAAM,KAAK,cAAc,IAAI,YAAY,cAAc,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKlE,KAAK,UACH;AAAA;AAAA,uBAEW,MAAM,KAAK,cAAc,IAAI,YAAY,UAAU,CAAC,CAAC;AAAA;AAAA,iBAGhE,MAAM;AAAA;AAAA;AAAA;AAAA,oBAIE,KAAK;AAAA,sBACH,YAAY;AAAA,mBACf,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIrE;AACO,WAAA;AAAA;AAAA;AAAA,uBAGY,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIpB,SAAS;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA,gBACM,cAAc,KAAK,WAAW,CAAC,KAAK;AAAA;AAAA,UAE1C,SAAS;AAAA;AAAA,uBAEI,KAAK,SAAS;AAAA,qBAChB,KAAK,OAAO;AAAA,qBACZ,CAAC,KAAK;AAAA,+BACI,KAAK,eAAe;AAAA,iCAClB,KAAK,iBAAiB;AAAA,mBACpC,MAAM,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxE;AAGF;AApFa,sBAmFK,SAAS,UAAU,YAAY;AAlFE,gBAAA;AAAA,EAAhD,SAAS,EAAC,MAAM,QAAQ,WAAW,YAAW;AAAA,GADpC,sBACsC,WAAA,WAAA,CAAA;AACE,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAFtC,sBAEwC,WAAA,aAAA,CAAA;AAEQ,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAJ9C,sBAIgD,WAAA,mBAAA,CAAA;AAG3D,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,uBAAsB;AAAA,GANhD,sBAOX,WAAA,qBAAA,CAAA;AACkD,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,SAAS,WAAW,YAAW;AAAA,GARrC,sBAQuC,WAAA,WAAA,CAAA;AACG,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GATxC,sBAS0C,WAAA,cAAA,CAAA;AAC1B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAVd,sBAUgB,WAAA,aAAA,CAAA;AACuB,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,QAAQ,WAAW,aAAY;AAAA,GAXrC,sBAWuC,WAAA,YAAA,CAAA;AAXvC,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;"}

package/dist/components/button/button.css.js

@@ -195,7 +195,6 @@ const iconStyle = css`.wrapper {
       color: var(--on-raised-disabled-color);
     }
 .wrapper.variant-check:not(.checked) {
-    color: var(--on-indent-active-color);
     /* UI/Body */
     font-family: 'Noto Sans';
     font-size: 16px;
@@ -204,6 +203,7 @@ const iconStyle = css`.wrapper {
     line-height: 24px;
     /* 150% */
     text-decoration: none;
+    color: var(--on-indent-active-color);
   }
 .wrapper.variant-check:not(.checked) {
   cursor: pointer;
@@ -248,7 +248,6 @@ const iconStyle = css`.wrapper {
       color: var(--on-indent-disabled-color);
     }
 .wrapper.variant-check.checked {
-    color: var(--on-selected-active-color);
     /* UI/Body-Active */
     font-family: Noto Sans;
     font-size: 16px;
@@ -256,6 +255,7 @@ const iconStyle = css`.wrapper {
     font-weight: 650;
     line-height: 24px;
     /* 150% */
+    color: var(--on-selected-active-color);
   }
 .wrapper.variant-check.checked {
   cursor: pointer;

package/dist/components/navigation-item/navigation-item.css.js

@@ -65,7 +65,6 @@ const compentStyle = css`.wrapper {
     font-style: normal;
     font-weight: 650;
     line-height: 24px;
-    /* 150% */
   }
 .wrapper.checked {
   border-color: var(--amplified-enabled-border-color);
@@ -100,6 +99,8 @@ const compentStyle = css`.wrapper {
   cursor: not-allowed;
   color: var(--on-amplified-disabled-color);
 }
+
+/* 150% */
 .wrapper.checked .icon {
       color: var(--instrument-enhanced-secondary-color);
     }