@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.148 → 2.0.0-next.150

package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"integration-bar-dropdown.js","sources":["../../../src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-bar-dropdown.css?inline';\nimport '../integration-tabs/integration-tabs.js';\nimport '../../components/clock/clock.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../icons/icon-palette-day-night-iec.js';\nimport '../../icons/icon-user.js';\nimport '../../icons/icon-configure.js';\nimport '../../icons/icon-notification.js';\nimport '../../icons/icon-home.js';\nimport {NotificationButtonStyle} from '../../components/notification-button/notification-button.js';\nimport {property} from 'lit/decorators.js';\n\n/**\n *\n * @fires home-button-clicked - Fired when the home button is clicked\n * @fires dimming-button-clicked - Fired when the dimming button is clicked\n * @fires notification-button-clicked - Fired when the notification button is clicked\n * @fires user-button-clicked - Fired when the user button is clicked\n * @fires system-button-clicked - Fired when the system button is clicked\n *\n * @slot vessel-selector - Vessel selector content\n * @slot status-label-1 - Label for the first status field\n * @slot status-icon-1 - Icon for the first status field\n * @slot status-label-2 - Label for the second status field\n * @slot status-icon-2 - Icon for the second status field\n * @slot status-label-3 - Label for the third status field\n * @slot status-icon-3 - Icon for the third status field\n * @slot clock - Custom clock content, rendered when `showClock` is true\n * @experimental\n */\n@customElement('obc-integration-bar-dropdown')\nexport class ObcIntegrationBarDropdown extends LitElement {\n  @property({type: Boolean}) showHomeButton = false;\n  @property({type: Boolean}) homeButtonActivated = false;\n  @property({type: Boolean}) showClock = false;\n  @property({type: Boolean}) showNotificationButton = false;\n  @property({type: Boolean}) notificationButtonActivated = false;\n  @property({type: Number}) notificationCount = 0;\n  @property({type: Boolean}) showNotificationCount = false;\n  @property({type: Boolean}) showUserButton = false;\n  @property({type: Boolean}) userButtonActivated = false;\n  @property({type: Boolean}) showDimmingButton = false;\n  @property({type: Boolean}) dimmingButtonActivated = false;\n  @property({type: Boolean}) showSystemButton = false;\n  @property({type: Boolean}) systemButtonActivated = false;\n  @property({type: Number}) nStatusFields = 0;\n\n  private renderStatusFields() {\n    if (this.nStatusFields <= 0) {\n      return nothing;\n    }\n    const result = [];\n    for (let i = 0; i < this.nStatusFields; i++) {\n      if (i > 0) {\n        result.push(html`<div class=\"divider\"></div>`);\n      }\n      result.push(html`\n        <div class=\"status-item\">\n          <slot class=\"status-icon\" name=\"status-icon-${i + 1}\"></slot>\n          <slot class=\"status-label\" name=\"status-label-${i + 1}\"></slot>\n        </div>\n      `);\n    }\n    return html`<div class=\"status\">${result}</div>`;\n  }\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"left-side\">\n          ${this.showHomeButton\n            ? html`<obc-icon-button\n                class=\"home-button\"\n                part=\"home-button\"\n                variant=\"integration\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('home-button-clicked'))}\n                ?activated=${this.homeButtonActivated}\n              >\n                <obi-home></obi-home>\n              </obc-icon-button>`\n            : null}\n          <slot name=\"vessel-selector\"></slot>\n          ${this.renderStatusFields()}\n        </div>\n        <div class=\"right-side\">\n          ${this.showNotificationButton\n            ? html`<obc-notification-button\n                @click=${() =>\n                  this.dispatchEvent(\n                    new CustomEvent('notification-button-clicked')\n                  )}\n                .buttonStyle=${NotificationButtonStyle.Enhanced}\n                .showCount=${this.showNotificationCount}\n                .count=${this.notificationCount}\n                ?isActive=${this.notificationButtonActivated}\n              ></obc-notification-button>`\n            : nothing}\n          ${this.showSystemButton\n            ? html`<obc-icon-button\n                class=\"system-button\"\n                part=\"system-button\"\n                variant=\"integration\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('system-button-clicked'))}\n                ?activated=${this.systemButtonActivated}\n              >\n                <obi-configure></obi-configure>\n              </obc-icon-button>`\n            : null}\n          ${this.showDimmingButton\n            ? html`<obc-icon-button\n                class=\"dimming-button\"\n                part=\"dimming-button\"\n                variant=\"integration\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('dimming-button-clicked'))}\n                ?activated=${this.dimmingButtonActivated}\n              >\n                <obi-palette-day-night-iec></obi-palette-day-night-iec>\n              </obc-icon-button>`\n            : null}\n          ${this.showUserButton\n            ? html`<obc-icon-button\n                class=\"user-button\"\n                part=\"user-button\"\n                variant=\"integration\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('user-button-clicked'))}\n                ?activated=${this.userButtonActivated}\n              >\n                <obi-user></obi-user>\n              </obc-icon-button>`\n            : null}\n          ${this.showClock ? html`<slot name=\"clock\"></slot>` : null}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-bar-dropdown': ObcIntegrationBarDropdown;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"integration-bar-dropdown.js","sources":["../../../src/integration-systems/integration-bar-dropdown/integration-bar-dropdown.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS, type TemplateResult} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-bar-dropdown.css?inline';\nimport '../integration-tabs/integration-tabs.js';\nimport '../../components/clock/clock.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../icons/icon-palette-day-night-iec.js';\nimport '../../icons/icon-user.js';\nimport '../../icons/icon-configure.js';\nimport '../../icons/icon-notification.js';\nimport '../../icons/icon-home.js';\nimport '../../icons/icon-screen-desk.js';\nimport '../../icons/icon-alerts.js';\nimport '../../icons/icon-link.js';\nimport {NotificationButtonStyle} from '../../components/notification-button/notification-button.js';\nimport {property} from 'lit/decorators.js';\nimport {msg} from '@lit/localize';\n\n/**\n * `<obc-integration-bar-dropdown>` – A compact top-level integration header with a dropdown selector, status fields and system action buttons.\n *\n * @property showHomeButton - Home button at the left end of the bar.\n * @property homeButtonActivated - Pressed styling for the home button.\n * @availableWhen homeButtonActivated showHomeButton==true\n * @property showLinkButton - Link button, between home and the selector.\n * @property linkButtonActivated - Pressed styling for the link button.\n * @availableWhen linkButtonActivated showLinkButton==true\n * @property showClock - Renders the `clock` slot at the right end.\n * @property showAlertButton - Alert button, first in the right-hand group.\n * @property alertButtonActivated - Pressed styling for the alert button.\n * @availableWhen alertButtonActivated showAlertButton==true\n * @property showNotificationButton - Notification button, after the alert button.\n * @property notificationButtonActivated - Pressed styling; the count badge only appears in this state.\n * @availableWhen notificationButtonActivated showNotificationButton==true\n * @property notificationCount - Number drawn in the count badge.\n * @availableWhen notificationCount showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true\n * @property showNotificationCount - Draws the count badge on the notification button.\n * @availableWhen showNotificationCount showNotificationButton==true && notificationButtonActivated==true\n * @property showScreenButton - Screen button, after the notification button.\n * @property screenButtonActivated - Pressed styling for the screen button.\n * @availableWhen screenButtonActivated showScreenButton==true\n * @property showUserButton - User button, last before the clock.\n * @property userButtonActivated - Pressed styling for the user button.\n * @availableWhen userButtonActivated showUserButton==true\n * @property showDimmingButton - Dimming button, between system and user.\n * @property dimmingButtonActivated - Pressed styling for the dimming button.\n * @availableWhen dimmingButtonActivated showDimmingButton==true\n * @property showSystemButton - System button, after the screen button.\n * @property systemButtonActivated - Pressed styling for the system button.\n * @availableWhen systemButtonActivated showSystemButton==true\n * @property nStatusFields - How many `status-icon-N`/`status-label-N` slot pairs are rendered.\n *\n * @slot vessel-selector - Vessel selector content\n * @slot status-label-1 - Label for the first status field\n * @slot status-icon-1 - Icon for the first status field\n * @slot status-label-2 - Label for the second status field\n * @slot status-icon-2 - Icon for the second status field\n * @slot status-label-3 - Label for the third status field\n * @slot status-icon-3 - Icon for the third status field\n * @slot clock - Custom clock content, rendered when `showClock` is true\n *\n * @fires {CustomEvent} home-button-clicked - Fired when the home button is clicked\n * @fires {CustomEvent} link-button-clicked - Fired when the link button is clicked\n * @fires {CustomEvent} alert-button-clicked - Fired when the alert button is clicked\n * @fires {CustomEvent} dimming-button-clicked - Fired when the dimming button is clicked\n * @fires {CustomEvent} notification-button-clicked - Fired when the notification button is clicked\n * @fires {CustomEvent} screen-button-clicked - Fired when the screen button is clicked\n * @fires {CustomEvent} user-button-clicked - Fired when the user button is clicked\n * @fires {CustomEvent} system-button-clicked - Fired when the system button is clicked\n * @experimental\n */\n@customElement('obc-integration-bar-dropdown')\nexport class ObcIntegrationBarDropdown extends LitElement {\n  @property({type: Boolean}) showHomeButton = false;\n  @property({type: Boolean}) homeButtonActivated = false;\n  @property({type: Boolean}) showLinkButton = false;\n  @property({type: Boolean}) linkButtonActivated = false;\n  @property({type: Boolean}) showClock = false;\n  @property({type: Boolean}) showAlertButton = false;\n  @property({type: Boolean}) alertButtonActivated = false;\n  @property({type: Boolean}) showNotificationButton = false;\n  @property({type: Boolean}) notificationButtonActivated = false;\n  @property({type: Number}) notificationCount = 0;\n  @property({type: Boolean}) showNotificationCount = false;\n  @property({type: Boolean}) showScreenButton = false;\n  @property({type: Boolean}) screenButtonActivated = false;\n  @property({type: Boolean}) showUserButton = false;\n  @property({type: Boolean}) userButtonActivated = false;\n  @property({type: Boolean}) showDimmingButton = false;\n  @property({type: Boolean}) dimmingButtonActivated = false;\n  @property({type: Boolean}) showSystemButton = false;\n  @property({type: Boolean}) systemButtonActivated = false;\n  @property({type: Number}) nStatusFields = 0;\n\n  private renderStatusFields() {\n    if (this.nStatusFields <= 0) {\n      return nothing;\n    }\n    const result = [];\n    for (let i = 0; i < this.nStatusFields; i++) {\n      if (i > 0) {\n        result.push(html`<div class=\"divider\"></div>`);\n      }\n      result.push(html`\n        <div class=\"status-item\">\n          <slot class=\"status-icon\" name=\"status-icon-${i + 1}\"></slot>\n          <slot class=\"status-label\" name=\"status-label-${i + 1}\"></slot>\n        </div>\n      `);\n    }\n    return html`<div class=\"status\">${result}</div>`;\n  }\n\n  // The event name stays a literal at each call site so `cem analyze` can read it.\n  private renderIconButton(\n    name: string,\n    activated: boolean,\n    label: string,\n    icon: TemplateResult,\n    onClick: () => void\n  ) {\n    return html`<obc-icon-button\n      class=\"${name}-button\"\n      part=\"${name}-button\"\n      variant=\"integration\"\n      aria-label=${label}\n      @click=${onClick}\n      ?activated=${activated}\n    >\n      ${icon}\n    </obc-icon-button>`;\n  }\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"left-side\">\n          ${this.showHomeButton\n            ? this.renderIconButton(\n                'home',\n                this.homeButtonActivated,\n                msg('Home'),\n                html`<obi-home></obi-home>`,\n                () => this.dispatchEvent(new CustomEvent('home-button-clicked'))\n              )\n            : nothing}\n          ${this.showLinkButton\n            ? this.renderIconButton(\n                'link',\n                this.linkButtonActivated,\n                msg('Link'),\n                html`<obi-link></obi-link>`,\n                () => this.dispatchEvent(new CustomEvent('link-button-clicked'))\n              )\n            : nothing}\n          <slot name=\"vessel-selector\"></slot>\n          ${this.renderStatusFields()}\n        </div>\n        <div class=\"right-side\">\n          ${this.showAlertButton\n            ? this.renderIconButton(\n                'alert',\n                this.alertButtonActivated,\n                msg('Alerts'),\n                html`<obi-alerts></obi-alerts>`,\n                () =>\n                  this.dispatchEvent(new CustomEvent('alert-button-clicked'))\n              )\n            : nothing}\n          ${this.showNotificationButton\n            ? // TODO(designer): keep the Enhanced badge button here, or match the\n              // sibling bar's plain notification icon button? (#624)\n              html`<obc-notification-button\n                @click=${() =>\n                  this.dispatchEvent(\n                    new CustomEvent('notification-button-clicked')\n                  )}\n                .buttonStyle=${NotificationButtonStyle.Enhanced}\n                .showCount=${this.showNotificationCount}\n                .count=${this.notificationCount}\n                ?isActive=${this.notificationButtonActivated}\n              ></obc-notification-button>`\n            : nothing}\n          ${this.showScreenButton\n            ? this.renderIconButton(\n                'screen',\n                this.screenButtonActivated,\n                msg('Screen'),\n                html`<obi-screen-desk></obi-screen-desk>`,\n                () =>\n                  this.dispatchEvent(new CustomEvent('screen-button-clicked'))\n              )\n            : nothing}\n          ${this.showSystemButton\n            ? this.renderIconButton(\n                'system',\n                this.systemButtonActivated,\n                msg('System'),\n                html`<obi-configure></obi-configure>`,\n                () =>\n                  this.dispatchEvent(new CustomEvent('system-button-clicked'))\n              )\n            : nothing}\n          ${this.showDimmingButton\n            ? this.renderIconButton(\n                'dimming',\n                this.dimmingButtonActivated,\n                msg('Dimming'),\n                html`<obi-palette-day-night-iec></obi-palette-day-night-iec>`,\n                () =>\n                  this.dispatchEvent(new CustomEvent('dimming-button-clicked'))\n              )\n            : nothing}\n          ${this.showUserButton\n            ? this.renderIconButton(\n                'user',\n                this.userButtonActivated,\n                msg('User'),\n                html`<obi-user></obi-user>`,\n                () => this.dispatchEvent(new CustomEvent('user-button-clicked'))\n              )\n            : nothing}\n          ${this.showClock ? html`<slot name=\"clock\"></slot>` : nothing}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-integration-bar-dropdown': ObcIntegrationBarDropdown;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -47,7 +47,9 @@ export interface Alert {
         blockedBy?: string;
     };
     noAck?: boolean;
+    noSilence?: boolean;
     category?: AlertCategory;
+    memberOf?: string[];
 }
 export declare function isActive(alert: Alert): boolean;
 export declare function isAcknowledged(alert: Alert): boolean;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,eAAO,MAAM,uBAAuB,aASnC,CAAC;AAEF,oBAAY,aAAa;IACvB,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EACR,KAAK,GACL;QACE,cAAc,EAAE,MAAM,CAAC;QACvB,cAAc,EAAE,IAAI,CAAC;KACtB,CAAC;IACN,MAAM,EACF,IAAI,GACJ;QACE,aAAa,EAAE,IAAI,CAAC;KACrB,CAAC;IACN,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,OAAO,CAAC,EACJ,KAAK,GACL;QACE,gBAAgB,EAAE,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACN,OAAO,CAAC,EACJ,KAAK,GACL;QACE,gBAAgB,EAAE,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACN,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,WAEpC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,WAE1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,WAErC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,WAErC;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,UAgBvD;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;AAEjD,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,UA0BzC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,eAAO,MAAM,uBAAuB,aASnC,CAAC;AAEF,oBAAY,aAAa;IACvB,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EACR,KAAK,GACL;QACE,cAAc,EAAE,MAAM,CAAC;QACvB,cAAc,EAAE,IAAI,CAAC;KACtB,CAAC;IACN,MAAM,EACF,IAAI,GACJ;QACE,aAAa,EAAE,IAAI,CAAC;KACrB,CAAC;IACN,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,OAAO,CAAC,EACJ,KAAK,GACL;QACE,gBAAgB,EAAE,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACN,OAAO,CAAC,EACJ,KAAK,GACL;QACE,gBAAgB,EAAE,IAAI,CAAC;QACvB,cAAc,CAAC,EAAE,IAAI,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACN,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,WAEpC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,WAE1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,WAErC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,WAErC;AAED,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,UAgBvD;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;AAEjD,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,UA0BzC"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["export enum Direction {\n  Up = 'up',\n  Down = 'down',\n  Left = 'left',\n  Right = 'right',\n}\n\nexport enum AlertType {\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Caution = 'caution',\n  LevelCritical = 'level-critical',\n  LevelHigh = 'level-high',\n  LevelMedium = 'level-medium',\n  LevelLow = 'level-low',\n  LevelDiagnostic = 'level-diagnostic',\n}\n\nexport const ALERT_SEVERITY_PRIORITY = [\n  AlertType.LevelCritical,\n  AlertType.Alarm,\n  AlertType.LevelHigh,\n  AlertType.Warning,\n  AlertType.LevelMedium,\n  AlertType.Caution,\n  AlertType.LevelLow,\n  AlertType.LevelDiagnostic,\n];\n\nexport enum AlertCategory {\n  a = 'a',\n  b = 'b',\n  c = 'c',\n}\n\nexport interface Alert {\n  id: string; // The id of the alert\n  tagId: string; // The tag ID visible to the user\n  source: string;\n  text: string;\n  note?: string; // The note of the alert, typically by the operator\n  acknowledged:\n    | false\n    | {\n        acknowledgedBy: string;\n        acknowledgedAt: Date;\n      };\n  active:\n    | true\n    | {\n        rectifiedTime: Date;\n      };\n  type: AlertType;\n  time: Date;\n  lastModified?: Date;\n  shelved?:\n    | false\n    | {\n        shelvedStartTime: Date;\n        shelvedEndTime?: Date;\n        shelvedBy?: string;\n      };\n  blocked?:\n    | false\n    | {\n        blockedStartTime: Date;\n        blockedEndTime?: Date;\n        blockedBy?: string;\n      };\n  noAck?: boolean; // If true, the alarm has no ack button\n  category?: AlertCategory;\n}\n\nexport function isActive(alert: Alert) {\n  return alert.active === true;\n}\n\nexport function isAcknowledged(alert: Alert) {\n  return alert.acknowledged !== false && alert.acknowledged !== undefined;\n}\n\nexport function isShelved(alert: Alert) {\n  return alert.shelved !== false && alert.shelved !== undefined;\n}\n\nexport function isBlocked(alert: Alert) {\n  return alert.blocked !== false && alert.blocked !== undefined;\n}\n\nexport function comparePriorityAlerts(a: Alert, b: Alert) {\n  if (a.type !== b.type) {\n    return (\n      ALERT_SEVERITY_PRIORITY.indexOf(b.type) -\n      ALERT_SEVERITY_PRIORITY.indexOf(a.type)\n    );\n  }\n\n  if (isActive(a) !== isActive(b)) {\n    return isActive(a) ? 1 : -1;\n  }\n\n  if (isAcknowledged(a) !== isAcknowledged(b)) {\n    return isAcknowledged(a) ? -1 : 1;\n  }\n  return a.time.getTime() - b.time.getTime();\n}\n\nexport type TimeSinceFn = (time: Date) => string;\n\nexport function formatTimeSince(time: Date) {\n  const now = new Date();\n  const diff = now.getTime() - time.getTime();\n  const diffInSeconds = diff / 1000;\n  if (diffInSeconds < 60) {\n    return Math.round(diffInSeconds) + 's';\n  }\n  const diffInMinutes = diffInSeconds / 60;\n  if (diffInMinutes < 60) {\n    return (\n      Math.round(diffInMinutes) + 'm ' + Math.round(diffInSeconds % 60) + 's'\n    );\n  }\n  const diffInHours = diffInMinutes / 60;\n  if (diffInHours < 24) {\n    return (\n      Math.round(diffInHours) + 'h ' + Math.round(diffInMinutes % 60) + 'm'\n    );\n  }\n  const diffInDays = diffInHours / 24;\n  if (diffInDays < 365) {\n    return Math.round(diffInDays) + 'd ' + Math.round(diffInHours % 24) + 'h';\n  }\n  return (\n    Math.round(diffInDays / 365) + 'y ' + Math.round(diffInDays % 365) + 'd'\n  );\n}\n"],"names":["Direction","AlertType","AlertCategory"],"mappings":"AAAO,IAAK,8BAAAA,eAAL;AACLA,aAAA,IAAA,IAAK;AACLA,aAAA,MAAA,IAAO;AACPA,aAAA,MAAA,IAAO;AACPA,aAAA,OAAA,IAAQ;AAJE,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAOL,IAAK,8BAAAC,eAAL;AACLA,aAAA,OAAA,IAAQ;AACRA,aAAA,SAAA,IAAU;AACVA,aAAA,SAAA,IAAU;AACVA,aAAA,eAAA,IAAgB;AAChBA,aAAA,WAAA,IAAY;AACZA,aAAA,aAAA,IAAc;AACdA,aAAA,UAAA,IAAW;AACXA,aAAA,iBAAA,IAAkB;AARR,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAWL,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAEO,IAAK,kCAAAC,mBAAL;AACLA,iBAAA,GAAA,IAAI;AACJA,iBAAA,GAAA,IAAI;AACJA,iBAAA,GAAA,IAAI;AAHM,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AA4CL,SAAS,SAAS,OAAc;AACrC,SAAO,MAAM,WAAW;AAC1B;AAEO,SAAS,eAAe,OAAc;AAC3C,SAAO,MAAM,iBAAiB,SAAS,MAAM,iBAAiB;AAChE;AAEO,SAAS,UAAU,OAAc;AACtC,SAAO,MAAM,YAAY,SAAS,MAAM,YAAY;AACtD;AAEO,SAAS,UAAU,OAAc;AACtC,SAAO,MAAM,YAAY,SAAS,MAAM,YAAY;AACtD;AAEO,SAAS,sBAAsB,GAAU,GAAU;AACxD,MAAI,EAAE,SAAS,EAAE,MAAM;AACrB,WACE,wBAAwB,QAAQ,EAAE,IAAI,IACtC,wBAAwB,QAAQ,EAAE,IAAI;AAAA,EAE1C;AAEA,MAAI,SAAS,CAAC,MAAM,SAAS,CAAC,GAAG;AAC/B,WAAO,SAAS,CAAC,IAAI,IAAI;AAAA,EAC3B;AAEA,MAAI,eAAe,CAAC,MAAM,eAAe,CAAC,GAAG;AAC3C,WAAO,eAAe,CAAC,IAAI,KAAK;AAAA,EAClC;AACA,SAAO,EAAE,KAAK,QAAA,IAAY,EAAE,KAAK,QAAA;AACnC;AAIO,SAAS,gBAAgB,MAAY;AAC1C,QAAM,0BAAU,KAAA;AAChB,QAAM,OAAO,IAAI,QAAA,IAAY,KAAK,QAAA;AAClC,QAAM,gBAAgB,OAAO;AAC7B,MAAI,gBAAgB,IAAI;AACtB,WAAO,KAAK,MAAM,aAAa,IAAI;AAAA,EACrC;AACA,QAAM,gBAAgB,gBAAgB;AACtC,MAAI,gBAAgB,IAAI;AACtB,WACE,KAAK,MAAM,aAAa,IAAI,OAAO,KAAK,MAAM,gBAAgB,EAAE,IAAI;AAAA,EAExE;AACA,QAAM,cAAc,gBAAgB;AACpC,MAAI,cAAc,IAAI;AACpB,WACE,KAAK,MAAM,WAAW,IAAI,OAAO,KAAK,MAAM,gBAAgB,EAAE,IAAI;AAAA,EAEtE;AACA,QAAM,aAAa,cAAc;AACjC,MAAI,aAAa,KAAK;AACpB,WAAO,KAAK,MAAM,UAAU,IAAI,OAAO,KAAK,MAAM,cAAc,EAAE,IAAI;AAAA,EACxE;AACA,SACE,KAAK,MAAM,aAAa,GAAG,IAAI,OAAO,KAAK,MAAM,aAAa,GAAG,IAAI;AAEzE;"}
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["export enum Direction {\n  Up = 'up',\n  Down = 'down',\n  Left = 'left',\n  Right = 'right',\n}\n\nexport enum AlertType {\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Caution = 'caution',\n  LevelCritical = 'level-critical',\n  LevelHigh = 'level-high',\n  LevelMedium = 'level-medium',\n  LevelLow = 'level-low',\n  LevelDiagnostic = 'level-diagnostic',\n}\n\nexport const ALERT_SEVERITY_PRIORITY = [\n  AlertType.LevelCritical,\n  AlertType.Alarm,\n  AlertType.LevelHigh,\n  AlertType.Warning,\n  AlertType.LevelMedium,\n  AlertType.Caution,\n  AlertType.LevelLow,\n  AlertType.LevelDiagnostic,\n];\n\nexport enum AlertCategory {\n  a = 'a',\n  b = 'b',\n  c = 'c',\n}\n\nexport interface Alert {\n  id: string;\n  tagId: string;\n  source: string;\n  text: string;\n  note?: string;\n  acknowledged:\n    | false\n    | {\n        acknowledgedBy: string;\n        acknowledgedAt: Date;\n      };\n  active:\n    | true\n    | {\n        rectifiedTime: Date;\n      };\n  type: AlertType;\n  time: Date;\n  lastModified?: Date;\n  shelved?:\n    | false\n    | {\n        shelvedStartTime: Date;\n        shelvedEndTime?: Date;\n        shelvedBy?: string;\n      };\n  blocked?:\n    | false\n    | {\n        blockedStartTime: Date;\n        blockedEndTime?: Date;\n        blockedBy?: string;\n      };\n  noAck?: boolean;\n  noSilence?: boolean;\n  category?: AlertCategory;\n  memberOf?: string[];\n}\n\nexport function isActive(alert: Alert) {\n  return alert.active === true;\n}\n\nexport function isAcknowledged(alert: Alert) {\n  return alert.acknowledged !== false && alert.acknowledged !== undefined;\n}\n\nexport function isShelved(alert: Alert) {\n  return alert.shelved !== false && alert.shelved !== undefined;\n}\n\nexport function isBlocked(alert: Alert) {\n  return alert.blocked !== false && alert.blocked !== undefined;\n}\n\nexport function comparePriorityAlerts(a: Alert, b: Alert) {\n  if (a.type !== b.type) {\n    return (\n      ALERT_SEVERITY_PRIORITY.indexOf(b.type) -\n      ALERT_SEVERITY_PRIORITY.indexOf(a.type)\n    );\n  }\n\n  if (isActive(a) !== isActive(b)) {\n    return isActive(a) ? 1 : -1;\n  }\n\n  if (isAcknowledged(a) !== isAcknowledged(b)) {\n    return isAcknowledged(a) ? -1 : 1;\n  }\n  return a.time.getTime() - b.time.getTime();\n}\n\nexport type TimeSinceFn = (time: Date) => string;\n\nexport function formatTimeSince(time: Date) {\n  const now = new Date();\n  const diff = now.getTime() - time.getTime();\n  const diffInSeconds = diff / 1000;\n  if (diffInSeconds < 60) {\n    return Math.round(diffInSeconds) + 's';\n  }\n  const diffInMinutes = diffInSeconds / 60;\n  if (diffInMinutes < 60) {\n    return (\n      Math.round(diffInMinutes) + 'm ' + Math.round(diffInSeconds % 60) + 's'\n    );\n  }\n  const diffInHours = diffInMinutes / 60;\n  if (diffInHours < 24) {\n    return (\n      Math.round(diffInHours) + 'h ' + Math.round(diffInMinutes % 60) + 'm'\n    );\n  }\n  const diffInDays = diffInHours / 24;\n  if (diffInDays < 365) {\n    return Math.round(diffInDays) + 'd ' + Math.round(diffInHours % 24) + 'h';\n  }\n  return (\n    Math.round(diffInDays / 365) + 'y ' + Math.round(diffInDays % 365) + 'd'\n  );\n}\n"],"names":["Direction","AlertType","AlertCategory"],"mappings":"AAAO,IAAK,8BAAAA,eAAL;AACLA,aAAA,IAAA,IAAK;AACLA,aAAA,MAAA,IAAO;AACPA,aAAA,MAAA,IAAO;AACPA,aAAA,OAAA,IAAQ;AAJE,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAOL,IAAK,8BAAAC,eAAL;AACLA,aAAA,OAAA,IAAQ;AACRA,aAAA,SAAA,IAAU;AACVA,aAAA,SAAA,IAAU;AACVA,aAAA,eAAA,IAAgB;AAChBA,aAAA,WAAA,IAAY;AACZA,aAAA,aAAA,IAAc;AACdA,aAAA,UAAA,IAAW;AACXA,aAAA,iBAAA,IAAkB;AARR,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAWL,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAEO,IAAK,kCAAAC,mBAAL;AACLA,iBAAA,GAAA,IAAI;AACJA,iBAAA,GAAA,IAAI;AACJA,iBAAA,GAAA,IAAI;AAHM,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AA8CL,SAAS,SAAS,OAAc;AACrC,SAAO,MAAM,WAAW;AAC1B;AAEO,SAAS,eAAe,OAAc;AAC3C,SAAO,MAAM,iBAAiB,SAAS,MAAM,iBAAiB;AAChE;AAEO,SAAS,UAAU,OAAc;AACtC,SAAO,MAAM,YAAY,SAAS,MAAM,YAAY;AACtD;AAEO,SAAS,UAAU,OAAc;AACtC,SAAO,MAAM,YAAY,SAAS,MAAM,YAAY;AACtD;AAEO,SAAS,sBAAsB,GAAU,GAAU;AACxD,MAAI,EAAE,SAAS,EAAE,MAAM;AACrB,WACE,wBAAwB,QAAQ,EAAE,IAAI,IACtC,wBAAwB,QAAQ,EAAE,IAAI;AAAA,EAE1C;AAEA,MAAI,SAAS,CAAC,MAAM,SAAS,CAAC,GAAG;AAC/B,WAAO,SAAS,CAAC,IAAI,IAAI;AAAA,EAC3B;AAEA,MAAI,eAAe,CAAC,MAAM,eAAe,CAAC,GAAG;AAC3C,WAAO,eAAe,CAAC,IAAI,KAAK;AAAA,EAClC;AACA,SAAO,EAAE,KAAK,QAAA,IAAY,EAAE,KAAK,QAAA;AACnC;AAIO,SAAS,gBAAgB,MAAY;AAC1C,QAAM,0BAAU,KAAA;AAChB,QAAM,OAAO,IAAI,QAAA,IAAY,KAAK,QAAA;AAClC,QAAM,gBAAgB,OAAO;AAC7B,MAAI,gBAAgB,IAAI;AACtB,WAAO,KAAK,MAAM,aAAa,IAAI;AAAA,EACrC;AACA,QAAM,gBAAgB,gBAAgB;AACtC,MAAI,gBAAgB,IAAI;AACtB,WACE,KAAK,MAAM,aAAa,IAAI,OAAO,KAAK,MAAM,gBAAgB,EAAE,IAAI;AAAA,EAExE;AACA,QAAM,cAAc,gBAAgB;AACpC,MAAI,cAAc,IAAI;AACpB,WACE,KAAK,MAAM,WAAW,IAAI,OAAO,KAAK,MAAM,gBAAgB,EAAE,IAAI;AAAA,EAEtE;AACA,QAAM,aAAa,cAAc;AACjC,MAAI,aAAa,KAAK;AACpB,WAAO,KAAK,MAAM,UAAU,IAAI,OAAO,KAAK,MAAM,cAAc,EAAE,IAAI;AAAA,EACxE;AACA,SACE,KAAK,MAAM,aAAa,GAAG,IAAI,OAAO,KAAK,MAAM,aAAa,GAAG,IAAI;AAEzE;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-full-bundle",
-  "version": "2.0.0-next.148",
+  "version": "2.0.0-next.150",
   "type": "module",
   "repository": {
     "type": "git",

package/src/components/alert-list-details-experimental/alert-list-details-experimental.css

@@ -0,0 +1,70 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  user-select: none;
+}
+
+.alert-list {
+  min-height: 0;
+  flex-grow: 0;
+}
+
+.spacer {
+  flex-grow: 1;
+}
+
+.action {
+  display: flex;
+  height: var(--app-components-tool-bar-touch-target-size);
+  padding: 0px var(--app-components-alert-toolbar-margin-horizontal);
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+  flex-grow: 0;
+  border-top: 1px solid var(--border-divider-color);
+  background: var(--container-section-color);
+  box-shadow: var(--shadow-flat);
+
+  .btn-group {
+    display: flex;
+  }
+}
+
+obc-table::part(grid) {
+  grid-template-columns: 1fr repeat(4, min-content);
+}
+
+.wrapper.small obc-table::part(grid) {
+  grid-template-columns: 1fr min-content var(
+      --app-components-alert-table-row-ack-container-width-small
+    );
+}
+
+.empty-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  gap: var(--app-components-alert-menu-button-spacing);
+
+  .icon {
+    height: 96px;
+    width: 96px;
+    color: var(--on-flat-neutral-color);
+  }
+
+  .empty-title {
+    color: var(--element-active-color);
+    @mixin font-body-active;
+  }
+
+  .empty-description {
+    color: var(--element-neutral-color);
+    @mixin font-body;
+    max-width: 344px;
+    text-align: center;
+  }
+}