@oicl/openbridge-webcomponents 0.0.4

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

@@ -0,0 +1,484 @@
+import { css } from "lit";
+const compentStyle = css`* {
+    box-sizing: border-box;
+}
+
+.wrapper {
+    box-sizing: border-box;
+    padding: 0;
+    padding-right: 8px;
+    background: transparent;
+    height: 48px;
+    width: 56px;
+    appearance: none;
+    border: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    font-family: 'Noto Sans';
+
+    font-size: 1rem;
+
+    font-style: normal;
+
+    font-weight: 570;
+
+    line-height: 1.5rem;
+
+    /* 150% */
+}
+
+.wrapper.standalone {
+        width: 48px;
+        padding-right: 0;
+    }
+
+.wrapper.counter {
+        width: 64px;
+    }
+
+.wrapper.counter.standalone {
+            width: 72px;
+            padding-left: 8px;
+            padding-right: 8px;
+        }
+
+.wrapper .badge {
+        color: var(--on-normal-active-color, #1A1A1A);
+    }
+
+.wrapper .icon {
+        height: 24px;
+        width: 24px;
+    }
+
+.wrapper .visible-wrapper {
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 32px;
+        width: 100%;
+        gap: 4px;
+    }
+
+.wrapper.standalone:not(.counter) .visible-wrapper {
+        width: 32px;
+    }
+
+.wrapper:not(.standalone) .visible-wrapper {
+            border-radius: 0 6px 6px 0;
+        }
+
+.wrapper.type-alarm {
+    cursor: pointer;
+}
+
+.wrapper.type-alarm:focus {
+    outline: none;
+}
+
+.wrapper.type-alarm.activated .visible-wrapper {
+    border-color: var(--alarm-activated-border-color);
+    background-color: var(--alarm-activated-background-color);
+}
+
+.wrapper.type-alarm .visible-wrapper {
+    border-color: var(--alarm-enabled-border-color);
+    background-color: var(--alarm-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-alarm:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-alarm:hover .visible-wrapper {
+    border-color: var(--alarm-hover-border-color);
+    background-color: var(--alarm-hover-background-color);
+}
+
+.wrapper.type-alarm:active .visible-wrapper {
+    border-color: var(--alarm-pressed-border-color);
+    background-color: var(--alarm-pressed-background-color);
+}
+
+.wrapper.type-alarm:disabled .visible-wrapper {
+    border-color: var(--alarm-disabled-border-color);
+    background-color: var(--alarm-disabled-background-color);
+    cursor: not-allowed;
+    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;
+}
+
+.wrapper.type-warning:focus {
+    outline: none;
+}
+
+.wrapper.type-warning.activated .visible-wrapper {
+    border-color: var(--warning-activated-border-color);
+    background-color: var(--warning-activated-background-color);
+}
+
+.wrapper.type-warning .visible-wrapper {
+    border-color: var(--warning-enabled-border-color);
+    background-color: var(--warning-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-warning:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-warning:hover .visible-wrapper {
+    border-color: var(--warning-hover-border-color);
+    background-color: var(--warning-hover-background-color);
+}
+
+.wrapper.type-warning:active .visible-wrapper {
+    border-color: var(--warning-pressed-border-color);
+    background-color: var(--warning-pressed-background-color);
+}
+
+.wrapper.type-warning:disabled .visible-wrapper {
+    border-color: var(--warning-disabled-border-color);
+    background-color: var(--warning-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-warning-disabled-color);
+}
+
+.wrapper.type-warning .visible-wrapper {
+            color: var(--on-warning-active-color, #FFF);
+        }
+
+.wrapper.type-warning .visible-wrapper .badge {
+                color: var(--on-warning-active-color, #FFF);
+            }
+
+.wrapper.type-caution {
+    cursor: pointer;
+}
+
+.wrapper.type-caution:focus {
+    outline: none;
+}
+
+.wrapper.type-caution.activated .visible-wrapper {
+    border-color: var(--caution-activated-border-color);
+    background-color: var(--caution-activated-background-color);
+}
+
+.wrapper.type-caution .visible-wrapper {
+    border-color: var(--caution-enabled-border-color);
+    background-color: var(--caution-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-caution:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-caution:hover .visible-wrapper {
+    border-color: var(--caution-hover-border-color);
+    background-color: var(--caution-hover-background-color);
+}
+
+.wrapper.type-caution:active .visible-wrapper {
+    border-color: var(--caution-pressed-border-color);
+    background-color: var(--caution-pressed-background-color);
+}
+
+.wrapper.type-caution:disabled .visible-wrapper {
+    border-color: var(--caution-disabled-border-color);
+    background-color: var(--caution-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-caution-disabled-color);
+}
+
+.wrapper.type-caution .visible-wrapper {
+            color: var(--on-caution-active-color, #FFF);
+        }
+
+.wrapper.type-caution .visible-wrapper .badge {
+                color: var(--on-caution-active-color, #FFF);
+            }
+
+.wrapper.type-running {
+    cursor: pointer;
+}
+
+.wrapper.type-running:focus {
+    outline: none;
+}
+
+.wrapper.type-running.activated .visible-wrapper {
+    border-color: var(--normal-activated-border-color);
+    background-color: var(--normal-activated-background-color);
+}
+
+.wrapper.type-running .visible-wrapper {
+    border-color: var(--normal-enabled-border-color);
+    background-color: var(--normal-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-running:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-running:hover .visible-wrapper {
+    border-color: var(--normal-hover-border-color);
+    background-color: var(--normal-hover-background-color);
+}
+
+.wrapper.type-running:active .visible-wrapper {
+    border-color: var(--normal-pressed-border-color);
+    background-color: var(--normal-pressed-background-color);
+}
+
+.wrapper.type-running:disabled .visible-wrapper {
+    border-color: var(--normal-disabled-border-color);
+    background-color: var(--normal-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-normal-disabled-color);
+}
+
+.wrapper.type-running .icon {
+            color: var(--alert-running-color);
+        }
+
+.wrapper.type-command {
+    cursor: pointer;
+}
+
+.wrapper.type-command:focus {
+    outline: none;
+}
+
+.wrapper.type-command.activated .visible-wrapper {
+    border-color: var(--notification-activated-border-color);
+    background-color: var(--notification-activated-background-color);
+}
+
+.wrapper.type-command .visible-wrapper {
+    border-color: var(--notification-enabled-border-color);
+    background-color: var(--notification-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-command:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-command:hover .visible-wrapper {
+    border-color: var(--notification-hover-border-color);
+    background-color: var(--notification-hover-background-color);
+}
+
+.wrapper.type-command:active .visible-wrapper {
+    border-color: var(--notification-pressed-border-color);
+    background-color: var(--notification-pressed-background-color);
+}
+
+.wrapper.type-command:disabled .visible-wrapper {
+    border-color: var(--notification-disabled-border-color);
+    background-color: var(--notification-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-notification-disabled-color);
+}
+
+.wrapper.type-command .visible-wrapper {
+            color: var(--on-running-active-color, #FFF);
+        }
+
+.wrapper.type-command .visible-wrapper .badge {
+                color: var(--on-running-active-color, #FFF);
+            }
+
+.wrapper.type-notification {
+    cursor: pointer;
+}
+
+.wrapper.type-notification:focus {
+    outline: none;
+}
+
+.wrapper.type-notification.activated .visible-wrapper {
+    border-color: var(--normal-activated-border-color);
+    background-color: var(--normal-activated-background-color);
+}
+
+.wrapper.type-notification .visible-wrapper {
+    border-color: var(--normal-enabled-border-color);
+    background-color: var(--normal-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-notification:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-notification:hover .visible-wrapper {
+    border-color: var(--normal-hover-border-color);
+    background-color: var(--normal-hover-background-color);
+}
+
+.wrapper.type-notification:active .visible-wrapper {
+    border-color: var(--normal-pressed-border-color);
+    background-color: var(--normal-pressed-background-color);
+}
+
+.wrapper.type-notification:disabled .visible-wrapper {
+    border-color: var(--normal-disabled-border-color);
+    background-color: var(--normal-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-normal-disabled-color);
+}
+
+.wrapper.type-notification .icon {
+            color: var(--instrument-enhanced-secondary-color);
+        }
+
+.wrapper.type-none {
+        color: var(--on-normal-active-color);
+    }
+
+.wrapper.type-none {
+    cursor: pointer;
+}
+
+.wrapper.type-none:focus {
+    outline: none;
+}
+
+.wrapper.type-none.activated .visible-wrapper {
+    border-color: var(--normal-activated-border-color);
+    background-color: var(--normal-activated-background-color);
+}
+
+.wrapper.type-none .visible-wrapper {
+    border-color: var(--normal-enabled-border-color);
+    background-color: var(--normal-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-none:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-none:hover .visible-wrapper {
+    border-color: var(--normal-hover-border-color);
+    background-color: var(--normal-hover-background-color);
+}
+
+.wrapper.type-none:active .visible-wrapper {
+    border-color: var(--normal-pressed-border-color);
+    background-color: var(--normal-pressed-background-color);
+}
+
+.wrapper.type-none:disabled .visible-wrapper {
+    border-color: var(--normal-disabled-border-color);
+    background-color: var(--normal-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-normal-disabled-color);
+}
+
+.wrapper.type-none .icon {
+            color: var(--on-normal-neutral-color);
+        }
+
+.wrapper.type-flat {
+        color: var(--on-flat-active-color);
+    }
+
+.wrapper.type-flat {
+    cursor: pointer;
+}
+
+.wrapper.type-flat:focus {
+    outline: none;
+}
+
+.wrapper.type-flat.activated .visible-wrapper {
+    border-color: var(--flat-activated-border-color);
+    background-color: var(--flat-activated-background-color);
+}
+
+.wrapper.type-flat .visible-wrapper {
+    border-color: var(--flat-enabled-border-color);
+    background-color: var(--flat-enabled-background-color);
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
+
+.wrapper.type-flat:focus-visible .visible-wrapper {
+    outline-color: hsla(211, 100%, 44%, 0.3);
+    outline-width: 4px;
+    outline-style: solid;
+}
+
+.wrapper.type-flat:hover .visible-wrapper {
+    border-color: var(--flat-hover-border-color);
+    background-color: var(--flat-hover-background-color);
+}
+
+.wrapper.type-flat:active .visible-wrapper {
+    border-color: var(--flat-pressed-border-color);
+    background-color: var(--flat-pressed-background-color);
+}
+
+.wrapper.type-flat:disabled .visible-wrapper {
+    border-color: var(--flat-disabled-border-color);
+    background-color: var(--flat-disabled-background-color);
+    cursor: not-allowed;
+    color: var(--on-flat-disabled-color);
+}
+
+.wrapper.type-flat .icon {
+            color: var(--on-flat-neutral-color);
+        }`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=alert-button.css.js.map

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

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

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

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+import '../../icons/icon-14-alerts';
+import { AlertType } from '../../types';
+/**
+ * Represents an alert button component.
+ *
+ * @fires click - Fires when the button is clicked.
+ */
+export declare class ObcAlertButton extends LitElement {
+    nAlerts: number;
+    alertType: AlertType;
+    standalone: boolean;
+    counter: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-alert-button': ObcAlertButton;
+    }
+}
+//# sourceMappingURL=alert-button.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,57 @@
+import { unsafeCSS, LitElement, html } from "lit";
+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";
+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 ObcAlertButton = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.nAlerts = 0;
+    this.alertType = AlertType.None;
+    this.standalone = false;
+    this.counter = false;
+  }
+  render() {
+    return html`
+      <button
+        class="wrapper type-${this.alertType} ${this.counter ? "counter" : null} ${this.standalone ? "standalone" : null}"
+      >
+        <div class="visible-wrapper">
+          <obi-14-alerts class="icon"></obi-14-alerts>
+          ${this.counter ? html`<div class="badge">${this.nAlerts}</div>` : null}
+        </div>
+      </button>
+    `;
+  }
+};
+ObcAlertButton.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: Number, attribute: "n-alerts" })
+], ObcAlertButton.prototype, "nAlerts", 2);
+__decorateClass([
+  property({ type: String, attribute: "alert-type" })
+], ObcAlertButton.prototype, "alertType", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcAlertButton.prototype, "standalone", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcAlertButton.prototype, "counter", 2);
+ObcAlertButton = __decorateClass([
+  customElement("obc-alert-button")
+], ObcAlertButton);
+export {
+  ObcAlertButton
+};
+//# sourceMappingURL=alert-button.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,92 @@
+import { css } from "lit";
+const compentStyle = css`* {
+    box-sizing: border-box;
+}
+
+.wrapper {
+    border-radius: 8px;
+    background: var(--container-global-color, #fcfcfc);
+    /* Shadow/Floating */
+    box-shadow: var(--shadow-floating);
+    display: grid;
+    grid-template-columns: min-content 1fr repeat(3, max-content);
+    align-items: center;
+    gap: 0 16px;
+    padding: 0 24px;
+}
+
+.divider, ::slotted(*)::after {
+    grid-column-start: 1;
+    grid-column-end: -1;
+    border-bottom: 1px solid var(--border-divider-color);
+    margin-left: -24px;
+    margin-right: -24px;
+}
+
+::slotted(*)::after {
+    content: "";
+    display: block;
+}
+
+
+.header {
+    display: contents;
+    padding: 8px 24px;
+
+}
+
+
+.header .title {
+        /* UI/Overline */
+        font-family: 'Noto Sans';
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 24px;
+        /* 200% */
+        letter-spacing: 1.2px;
+        text-transform: uppercase;
+        color: var(--element-neutral-color);
+        grid-column-start: 1;
+        grid-column-end: -2;
+        height: 64px;
+        display: flex;
+        align-items: center;
+    }
+
+
+.header .ack-all-btn {
+        grid-column-end: -1;
+        height: 64px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+.empty {
+    grid-column-start: 1;
+    grid-column-end: -1;
+    padding: 16px 0;
+    /* UI/Body */
+    font-family: 'Noto Sans';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 370;
+    line-height: 24px;
+    /* 150% */
+    text-decoration: none;
+    color: var(--element-neutral-color);
+}
+
+.alert-list-btn {
+    grid-column-start: 1;
+    grid-column-end: -1;
+    margin-left: -24px;
+    margin-right: -24px;
+}
+
+`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=alert-menu.css.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import '../button/button';
+import '../card-list-button/card-list-button';
+import '../../icons/icon-02-chevron-right';
+import '../../icons/icon-14-alert-list';
+/**
+ *
+ * @fires ack-all-click - Fired when the ack button is clicked
+ * @fires alert-list-click - Fired when the alert list button is clicked
+ */
+export declare class ObcAlertMenu extends LitElement {
+    empty: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-alert-menu': ObcAlertMenu;
+    }
+}
+//# sourceMappingURL=alert-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-menu.d.ts","sourceRoot":"","sources":["../../../src/components/alert-menu/alert-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,gCAAgC,CAAC;AAExC;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACf,KAAK,EAAE,OAAO,CAAS;IAEzC,MAAM;IAuCf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}