@oicl/openbridge-webcomponents 2.0.0 → 2.1.0-next.2

package/dist/pages/alert-list-page-small/alert-list-page-small.d.ts

@@ -1,13 +1,10 @@
-import { LitElement, PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
+import { ObcAlertListPageSmallBase, AlertListPageMode } from './alert-list-page-small-base.js';
 import { Alert } from '../../types.js';
 import '../../building-blocks/alert-list/alert-list.js';
-import '../../components/icon-button/icon-button.js';
-import '../../components/button/button.js';
-import '../../icons/icon-silence-iec.js';
 import '../../icons/icon-alerts.js';
 import '../../icons/icon-alerts-shelf.js';
 import '../../icons/icon-unacknowledged.js';
-import '../../components/dropdown-button/dropdown-button.js';
 import '../../icons/icon-alarm-noack-iec.js';
 import '../../icons/icon-warning-noack-iec.js';
 import '../../components/alert-list-details/alert-list-details.js';
@@ -27,28 +24,28 @@ export type ObcRowClickEvent = CustomEvent<{
     alert: Alert;
 }>;
 /**
+ * @property alerts - Alerts to list.
  * @fires {ObcAlertListPageAckAllClickEvent} ack-all-visible-click - Fired when the user clicks the "ACK visible" button.
  * @fires {ObcAckClickEvent} ack-click - Fired when the user clicks the "ACK" button.
  * @fires {ObcRowClickEvent} row-click - Fired when the user clicks a row.
  * @fires {CustomEvent<void>} silence-click - Fired when the user clicks the "Silence" button.
  * @beta
  */
-export declare class ObcAlertListPageSmall extends LitElement {
-    hasShelved: boolean;
-    selectedMode: AlertListMode;
+export declare class ObcAlertListPageSmall extends ObcAlertListPageSmallBase {
+    /** Alerts to list. */
     alerts: Alert[];
-    showTime: boolean;
-    timeFormatter: (time: Date) => string;
+    selectedMode: AlertListMode;
     private _mode;
     private alertList;
     willUpdate(changedProperties: PropertyValues): void;
-    private handleAckAllVisibleClick;
-    private onModeSelect;
-    private get metadata();
+    protected get modes(): AlertListPageMode[];
+    protected get mode(): AlertListMode;
+    protected selectMode(mode: string): void;
+    protected get canAckAll(): boolean;
+    protected visibleAlerts(): Alert[];
     private onAckClick;
     private onRowClick;
-    render(): import('lit-html').TemplateResult<1>;
-    static styles: import('lit').CSSResult;
+    protected renderList(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/pages/alert-list-page-small/alert-list-page-small.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-list-page-small.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-list-page-small/alert-list-page-small.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAkB,MAAM,KAAK,CAAC;AAKhE,OAAO,gDAAgD,CAAC;AACxD,OAAO,6CAA6C,CAAC;AACrD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qDAAqD,CAAC;AAE7D,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AACrC,OAAO,2DAA2D,CAAC;AAQnE,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC;IACzD,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACxB,UAAU,EAAE,OAAO,CAAS;IAC7B,YAAY,EAAE,aAAa,CAAqB;IACjD,MAAM,EAAE,KAAK,EAAE,CAAM;IACnB,QAAQ,EAAE,OAAO,CAAS;IACvB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAEV;IAEhD,OAAO,CAAC,KAAK,CAAoC;IAG1D,OAAO,CAAC,SAAS,CAAuB;IAE/B,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS5D,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,YAAY;IAIpB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,UAAU;IAQT,MAAM;IAuEf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,qBAAqB,CAAC;KACpD;CACF"}
+{"version":3,"file":"alert-list-page-small.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-list-page-small/alert-list-page-small.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAO,MAAM,KAAK,CAAC;AAIzC,OAAO,EACL,yBAAyB,EACzB,KAAK,iBAAiB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,gDAAgD,CAAC;AACxD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAC;AACrC,OAAO,2DAA2D,CAAC;AAOnE,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,gCAAgC,GAAG,WAAW,CAAC;IACzD,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,qBACa,qBAAsB,SAAQ,yBAAyB;IACzC,MAAM,EAAE,KAAK,EAAE,CAAM;IACpB,YAAY,EAAE,aAAa,CAAqB;IAEjE,OAAO,CAAC,KAAK,CAAoC;IAG1D,OAAO,CAAC,SAAS,CAAuB;IAE/B,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS5D,cAAuB,KAAK,IAAI,iBAAiB,EAAE,CASlD;IAED,cAAuB,IAAI,IAAI,aAAa,CAE3C;cAEkB,UAAU,CAAC,IAAI,EAAE,MAAM;IAI1C,cAAuB,SAAS,IAAI,OAAO,CAI1C;cAEkB,aAAa,IAAI,KAAK,EAAE;IAI3C,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;cAIC,UAAU;CAY9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,qBAAqB,CAAC;KACpD;CACF"}

package/dist/pages/alert-list-page-small/alert-list-page-small.js

@@ -3,17 +3,13 @@ import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm
 import "../../icons/icon-alarm-noack-iec.js";
 import "../../icons/icon-alerts-shelf.js";
 import "../../icons/icon-alerts.js";
-import "../../icons/icon-silence-iec.js";
 import "../../icons/icon-unacknowledged.js";
 import "../../icons/icon-warning-noack-iec.js";
-import "../../components/icon-button/icon-button.js";
-import { ButtonVariant } from "../../components/button/button.js";
 import "../../building-blocks/alert-list/alert-list.js";
 import { canAckFilter, getAlertListModeData } from "../../components/alert-list-details/alert-list-details.js";
-import "../../components/dropdown-button/dropdown-button.js";
-import alert_list_page_small_default from "./alert-list-page-small.css.js";
+import { ObcAlertListPageSmallBase } from "./alert-list-page-small-base.js";
 import { msg } from "@lit/localize";
-import { LitElement, html, unsafeCSS } from "lit";
+import { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 //#region src/pages/alert-list-page-small/alert-list-page-small.ts
 var AlertListMode = /* @__PURE__ */ function(AlertListMode) {
@@ -22,110 +18,63 @@ var AlertListMode = /* @__PURE__ */ function(AlertListMode) {
 	AlertListMode["SHELVED"] = "shelved";
 	return AlertListMode;
 }({});
-var ObcAlertListPageSmall = class ObcAlertListPageSmall extends LitElement {
+var ObcAlertListPageSmall = class ObcAlertListPageSmall extends ObcAlertListPageSmallBase {
 	constructor(..._args) {
 		super(..._args);
-		this.hasShelved = false;
-		this.selectedMode = "all";
 		this.alerts = [];
-		this.showTime = false;
-		this.timeFormatter = (time) => time.toLocaleTimeString(void 0, { hour12: false });
+		this.selectedMode = "all";
 		this._mode = "all";
 	}
 	willUpdate(changedProperties) {
 		if (changedProperties.has("selectedMode") && this._mode !== this.selectedMode) this._mode = this.selectedMode;
 	}
-	handleAckAllVisibleClick() {
-		const tabName = this.selectedMode;
-		const visibleElements = this.alertList.getVisibleAlerts();
-		this.dispatchEvent(new CustomEvent("ack-all-visible-click", { detail: {
-			alerts: visibleElements,
-			mode: tabName
-		} }));
+	get modes() {
+		const modes = [{
+			value: "all",
+			label: msg("All")
+		}, {
+			value: "unacked",
+			label: msg("Unacked")
+		}];
+		if (this.hasShelved) modes.push({
+			value: "shelved",
+			label: msg("Shelved")
+		});
+		return modes;
+	}
+	get mode() {
+		return this._mode;
+	}
+	selectMode(mode) {
+		this._mode = mode;
 	}
-	onModeSelect(e) {
-		this._mode = e.detail.value;
+	get canAckAll() {
+		return this.alerts.some(canAckFilter(getAlertListModeData(this._mode).filter));
 	}
-	get metadata() {
-		return getAlertListModeData(this.selectedMode);
+	visibleAlerts() {
+		return this.alertList.getVisibleAlerts();
 	}
 	onAckClick(e) {
-		this.dispatchEvent(new CustomEvent("ack-click", { detail: { alert: e.detail.alert } }));
+		this.dispatchAckClick(e.detail.alert);
 	}
 	onRowClick(e) {
-		this.dispatchEvent(new CustomEvent("row-click", { detail: { alert: e.detail.alert } }));
+		this.dispatchRowClick(e.detail.alert);
 	}
-	render() {
-		const lists = [{
-			name: "all",
-			title: msg("All")
-		}, {
-			name: "unacked",
-			title: msg("Unacked")
-		}];
-		if (this.hasShelved) lists.push({
-			name: "shelved",
-			title: msg("Shelved")
-		});
-		const metadata = this.metadata;
-		const canAckAll = this.alerts.some(canAckFilter(metadata.filter));
-		return html`
-      <div class="wrapper">
-        <obc-alert-list-details
-          class="alert-list"
-          .small=${true}
-          .alerts=${this.alerts}
-          .selectedMode=${this._mode}
-          .showTime=${this.showTime}
-          .timeFormatter=${this.timeFormatter}
-          @ack-click=${this.onAckClick}
-          @row-click=${this.onRowClick}
-        ></obc-alert-list-details>
-        <div class="action">
-          <div class="btn-group">
-            <obc-dropdown-button
-              .value=${this._mode}
-              @change=${this.onModeSelect}
-              .options=${lists.map((v) => ({
-			value: v.name,
-			label: v.title
-		}))}
-            >
-            </obc-dropdown-button>
-          </div>
-
-          <div class="btn-group">
-            <obc-icon-button
-              variant="normal"
-              @click=${() => this.dispatchEvent(new CustomEvent("silence-click"))}
-              aria-label=${msg("Silence")}
-            >
-              <obi-silence-iec></obi-silence-iec>
-            </obc-icon-button>
-            <obc-button
-              .variant=${ButtonVariant.raised}
-              .disabled=${!canAckAll}
-              fullWidth
-              class="btn"
-              data-testid="ack-all-visible-button"
-              @click=${() => this.handleAckAllVisibleClick()}
-            >
-              ${msg("ACK visible")}
-            </obc-button>
-          </div>
-        </div>
-      </div>
-    `;
-	}
-	static {
-		this.styles = unsafeCSS(alert_list_page_small_default);
+	renderList() {
+		return html`<obc-alert-list-details
+      class="alert-list"
+      .small=${true}
+      .alerts=${this.alerts}
+      .selectedMode=${this._mode}
+      .showTime=${this.showTime}
+      .timeFormatter=${this.timeFormatter}
+      @ack-click=${this.onAckClick}
+      @row-click=${this.onRowClick}
+    ></obc-alert-list-details>`;
 	}
 };
-__decorate([property({ type: Boolean })], ObcAlertListPageSmall.prototype, "hasShelved", void 0);
-__decorate([property({ type: String })], ObcAlertListPageSmall.prototype, "selectedMode", void 0);
 __decorate([property({ type: Array })], ObcAlertListPageSmall.prototype, "alerts", void 0);
-__decorate([property({ type: Boolean })], ObcAlertListPageSmall.prototype, "showTime", void 0);
-__decorate([property({ attribute: false })], ObcAlertListPageSmall.prototype, "timeFormatter", void 0);
+__decorate([property({ type: String })], ObcAlertListPageSmall.prototype, "selectedMode", void 0);
 __decorate([state()], ObcAlertListPageSmall.prototype, "_mode", void 0);
 __decorate([query("obc-alert-list-details")], ObcAlertListPageSmall.prototype, "alertList", void 0);
 ObcAlertListPageSmall = __decorate([customElement("obc-alert-list-page-small")], ObcAlertListPageSmall);

package/dist/pages/alert-list-page-small/alert-list-page-small.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-list-page-small.js","names":[],"sources":["../../../src/pages/alert-list-page-small/alert-list-page-small.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-list-page-small.css?inline';\nimport {msg} from '@lit/localize';\nimport {property, query, state} from 'lit/decorators.js';\nimport '../../building-blocks/alert-list/alert-list.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../components/button/button.js';\nimport '../../icons/icon-silence-iec.js';\nimport '../../icons/icon-alerts.js';\nimport '../../icons/icon-alerts-shelf.js';\nimport '../../icons/icon-unacknowledged.js';\nimport '../../components/dropdown-button/dropdown-button.js';\nimport {ObcDropdownButtonChangeEvent} from '../../components/dropdown-button/dropdown-button.js';\nimport '../../icons/icon-alarm-noack-iec.js';\nimport '../../icons/icon-warning-noack-iec.js';\nimport {Alert} from '../../types.js';\nimport '../../components/alert-list-details/alert-list-details.js';\nimport {\n  canAckFilter,\n  getAlertListModeData,\n  ObcAlertListDetails,\n} from '../../components/alert-list-details/alert-list-details.js';\nimport {ButtonVariant} from '../../components/button/button.js';\n\nexport enum AlertListMode {\n  UNACKED = 'unacked',\n  ALL = 'all',\n  SHELVED = 'shelved',\n}\n\nexport type ObcAlertListPageAckAllClickEvent = CustomEvent<{\n  mode: AlertListMode;\n  alerts: Alert[];\n}>;\n\nexport type ObcAckClickEvent = CustomEvent<{\n  alert: Alert;\n}>;\n\nexport type ObcRowClickEvent = CustomEvent<{\n  alert: Alert;\n}>;\n\n/**\n * @fires {ObcAlertListPageAckAllClickEvent} ack-all-visible-click - Fired when the user clicks the \"ACK visible\" button.\n * @fires {ObcAckClickEvent} ack-click - Fired when the user clicks the \"ACK\" button.\n * @fires {ObcRowClickEvent} row-click - Fired when the user clicks a row.\n * @fires {CustomEvent<void>} silence-click - Fired when the user clicks the \"Silence\" button.\n * @beta\n */\n@customElement('obc-alert-list-page-small')\nexport class ObcAlertListPageSmall extends LitElement {\n  @property({type: Boolean}) hasShelved: boolean = false;\n  @property({type: String}) selectedMode: AlertListMode = AlertListMode.ALL;\n  @property({type: Array}) alerts: Alert[] = [];\n  @property({type: Boolean}) showTime: boolean = false;\n  @property({attribute: false}) timeFormatter: (time: Date) => string = (\n    time: Date\n  ) => time.toLocaleTimeString(undefined, {hour12: false});\n\n  @state() private _mode: AlertListMode = AlertListMode.ALL;\n\n  @query('obc-alert-list-details')\n  private alertList!: ObcAlertListDetails;\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    if (\n      changedProperties.has('selectedMode') &&\n      this._mode !== this.selectedMode\n    ) {\n      this._mode = this.selectedMode;\n    }\n  }\n\n  private handleAckAllVisibleClick() {\n    const tabName = this.selectedMode;\n    const visibleElements = this.alertList.getVisibleAlerts();\n    this.dispatchEvent(\n      new CustomEvent('ack-all-visible-click', {\n        detail: {\n          alerts: visibleElements,\n          mode: tabName,\n        },\n      }) as ObcAlertListPageAckAllClickEvent\n    );\n  }\n\n  private onModeSelect(e: ObcDropdownButtonChangeEvent) {\n    this._mode = e.detail.value as AlertListMode;\n  }\n\n  private get metadata() {\n    return getAlertListModeData(this.selectedMode);\n  }\n\n  private onAckClick(e: ObcAckClickEvent) {\n    this.dispatchEvent(\n      new CustomEvent('ack-click', {\n        detail: {\n          alert: e.detail.alert,\n        },\n      }) as ObcAckClickEvent\n    );\n  }\n\n  private onRowClick(e: ObcRowClickEvent) {\n    this.dispatchEvent(\n      new CustomEvent('row-click', {\n        detail: {alert: e.detail.alert},\n      }) as ObcRowClickEvent\n    );\n  }\n\n  override render() {\n    const lists = [\n      {\n        name: AlertListMode.ALL,\n        title: msg('All'),\n      },\n      {\n        name: AlertListMode.UNACKED,\n        title: msg('Unacked'),\n      },\n    ];\n    if (this.hasShelved) {\n      lists.push({\n        name: AlertListMode.SHELVED,\n        title: msg('Shelved'),\n      });\n    }\n\n    const metadata = this.metadata;\n    const canAckAll = this.alerts.some(canAckFilter(metadata.filter));\n\n    return html`\n      <div class=\"wrapper\">\n        <obc-alert-list-details\n          class=\"alert-list\"\n          .small=${true}\n          .alerts=${this.alerts}\n          .selectedMode=${this._mode}\n          .showTime=${this.showTime}\n          .timeFormatter=${this.timeFormatter}\n          @ack-click=${this.onAckClick}\n          @row-click=${this.onRowClick}\n        ></obc-alert-list-details>\n        <div class=\"action\">\n          <div class=\"btn-group\">\n            <obc-dropdown-button\n              .value=${this._mode}\n              @change=${this.onModeSelect}\n              .options=${lists.map((v) => ({\n                value: v.name,\n                label: v.title,\n              }))}\n            >\n            </obc-dropdown-button>\n          </div>\n\n          <div class=\"btn-group\">\n            <obc-icon-button\n              variant=\"normal\"\n              @click=${() =>\n                this.dispatchEvent(new CustomEvent('silence-click'))}\n              aria-label=${msg('Silence')}\n            >\n              <obi-silence-iec></obi-silence-iec>\n            </obc-icon-button>\n            <obc-button\n              .variant=${ButtonVariant.raised}\n              .disabled=${!canAckAll}\n              fullWidth\n              class=\"btn\"\n              data-testid=\"ack-all-visible-button\"\n              @click=${() => this.handleAckAllVisibleClick()}\n            >\n              ${msg('ACK visible')}\n            </obc-button>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-list-page-small': ObcAlertListPageSmall;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"alert-list-page-small.js","names":[],"sources":["../../../src/pages/alert-list-page-small/alert-list-page-small.ts"],"sourcesContent":["import {PropertyValues, html} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport {msg} from '@lit/localize';\nimport {property, query, state} from 'lit/decorators.js';\nimport {\n  ObcAlertListPageSmallBase,\n  type AlertListPageMode,\n} from './alert-list-page-small-base.js';\nimport '../../building-blocks/alert-list/alert-list.js';\nimport '../../icons/icon-alerts.js';\nimport '../../icons/icon-alerts-shelf.js';\nimport '../../icons/icon-unacknowledged.js';\nimport '../../icons/icon-alarm-noack-iec.js';\nimport '../../icons/icon-warning-noack-iec.js';\nimport {Alert} from '../../types.js';\nimport '../../components/alert-list-details/alert-list-details.js';\nimport {\n  canAckFilter,\n  getAlertListModeData,\n  ObcAlertListDetails,\n} from '../../components/alert-list-details/alert-list-details.js';\n\nexport enum AlertListMode {\n  UNACKED = 'unacked',\n  ALL = 'all',\n  SHELVED = 'shelved',\n}\n\nexport type ObcAlertListPageAckAllClickEvent = CustomEvent<{\n  mode: AlertListMode;\n  alerts: Alert[];\n}>;\n\nexport type ObcAckClickEvent = CustomEvent<{\n  alert: Alert;\n}>;\n\nexport type ObcRowClickEvent = CustomEvent<{\n  alert: Alert;\n}>;\n\n/**\n * @property alerts - Alerts to list.\n * @fires {ObcAlertListPageAckAllClickEvent} ack-all-visible-click - Fired when the user clicks the \"ACK visible\" button.\n * @fires {ObcAckClickEvent} ack-click - Fired when the user clicks the \"ACK\" button.\n * @fires {ObcRowClickEvent} row-click - Fired when the user clicks a row.\n * @fires {CustomEvent<void>} silence-click - Fired when the user clicks the \"Silence\" button.\n * @beta\n */\n@customElement('obc-alert-list-page-small')\nexport class ObcAlertListPageSmall extends ObcAlertListPageSmallBase {\n  @property({type: Array}) alerts: Alert[] = [];\n  @property({type: String}) selectedMode: AlertListMode = AlertListMode.ALL;\n\n  @state() private _mode: AlertListMode = AlertListMode.ALL;\n\n  @query('obc-alert-list-details')\n  private alertList!: ObcAlertListDetails;\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    if (\n      changedProperties.has('selectedMode') &&\n      this._mode !== this.selectedMode\n    ) {\n      this._mode = this.selectedMode;\n    }\n  }\n\n  protected override get modes(): AlertListPageMode[] {\n    const modes = [\n      {value: AlertListMode.ALL, label: msg('All')},\n      {value: AlertListMode.UNACKED, label: msg('Unacked')},\n    ];\n    if (this.hasShelved) {\n      modes.push({value: AlertListMode.SHELVED, label: msg('Shelved')});\n    }\n    return modes;\n  }\n\n  protected override get mode(): AlertListMode {\n    return this._mode;\n  }\n\n  protected override selectMode(mode: string) {\n    this._mode = mode as AlertListMode;\n  }\n\n  protected override get canAckAll(): boolean {\n    return this.alerts.some(\n      canAckFilter(getAlertListModeData(this._mode).filter)\n    );\n  }\n\n  protected override visibleAlerts(): Alert[] {\n    return this.alertList.getVisibleAlerts();\n  }\n\n  private onAckClick(e: ObcAckClickEvent) {\n    this.dispatchAckClick(e.detail.alert);\n  }\n\n  private onRowClick(e: ObcRowClickEvent) {\n    this.dispatchRowClick(e.detail.alert);\n  }\n\n  protected override renderList() {\n    return html`<obc-alert-list-details\n      class=\"alert-list\"\n      .small=${true}\n      .alerts=${this.alerts}\n      .selectedMode=${this._mode}\n      .showTime=${this.showTime}\n      .timeFormatter=${this.timeFormatter}\n      @ack-click=${this.onAckClick}\n      @row-click=${this.onRowClick}\n    ></obc-alert-list-details>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-list-page-small': ObcAlertListPageSmall;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,aAAA;CACA,cAAA,SAAA;CACA,cAAA,aAAA;;AACF,EAAA,CAAA,CAAA;AAwBO,IAAM,wBAAN,MAAM,8BAA8B,0BAA0B;;;EACxB,KAAA,SAAA,CAAC;;;;CAQ5C,WAAoB,mBAAyC;EAC3D,IACE,kBAAkB,IAAI,cAAc,KACpC,KAAK,UAAU,KAAK,cAEpB,KAAK,QAAQ,KAAK;CAEtB;CAEA,IAAuB,QAA6B;EAClD,MAAM,QAAQ,CACZ;GAAC,OAAA;GAA0B,OAAO,IAAI,KAAK;EAAC,GAC5C;GAAC,OAAA;GAA8B,OAAO,IAAI,SAAS;EAAC,CACtD;EACA,IAAI,KAAK,YACP,MAAM,KAAK;GAAC,OAAA;GAA8B,OAAO,IAAI,SAAS;EAAC,CAAC;EAElE,OAAO;CACT;CAEA,IAAuB,OAAsB;EAC3C,OAAO,KAAK;CACd;CAEA,WAA8B,MAAc;EAC1C,KAAK,QAAQ;CACf;CAEA,IAAuB,YAAqB;EAC1C,OAAO,KAAK,OAAO,KACjB,aAAa,qBAAqB,KAAK,KAAK,CAAC,CAAC,MAAM,CACtD;CACF;CAEA,gBAA4C;EAC1C,OAAO,KAAK,UAAU,iBAAiB;CACzC;CAEA,WAAmB,GAAqB;EACtC,KAAK,iBAAiB,EAAE,OAAO,KAAK;CACtC;CAEA,WAAmB,GAAqB;EACtC,KAAK,iBAAiB,EAAE,OAAO,KAAK;CACtC;CAEA,aAAgC;EAC9B,OAAO,IAAI;;eAEA,KAAK;gBACJ,KAAK,OAAO;sBACN,KAAK,MAAM;kBACf,KAAK,SAAS;uBACT,KAAK,cAAc;mBACvB,KAAK,WAAW;mBAChB,KAAK,WAAW;;CAEjC;AACF;AAlEG,WAAA,CAAA,SAAS,EAAC,MAAM,MAAK,CAAC,CAAA,GAAA,sBAAA,WAAA,UAAA,KAAA,CAAA;AACtB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,sBAAA,WAAA,gBAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,MAAM,CAAA,GAAA,sBAAA,WAAA,SAAA,KAAA,CAAA;AAEN,WAAA,CAAA,MAAM,wBAAwB,CAAA,GAAA,sBAAA,WAAA,aAAA,KAAA,CAAA;AAPhC,wBAAA,WAAA,CAAA,cAAc,2BAA2B,CAAA,GAAA,qBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "2.0.0",
+  "version": "2.1.0-next.2",
   "type": "module",
   "repository": {
     "type": "git",