@oicl/openbridge-webcomponents 2.1.0-next.1 → 2.1.0-next.3

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

@@ -0,0 +1,63 @@
+import { CSSResultGroup, LitElement, TemplateResult, nothing } from 'lit';
+import '../../components/icon-button/icon-button.js';
+import '../../components/button/button.js';
+import '../../components/dropdown-button/dropdown-button.js';
+import '../../icons/icon-silence-iec.js';
+/** One entry of the mode dropdown. */
+export interface AlertListPageMode {
+    value: string;
+    label: string;
+}
+/**
+ * `ObcAlertListPageSmallBase` – Compact alert list page: a list of alerts over a
+ * bar with a mode dropdown, a silence button and "ACK visible".
+ *
+ * Not registered as an element: the subclasses supply the list and the
+ * modes. `obc-alert-list-page-small` renders `obc-alert-list-details`.
+ *
+ * ### Features
+ * - **Modes:** the dropdown offers `modes` and shows `mode`; picking one calls
+ *   `selectMode()`.
+ * - **ACK visible:** enabled while `canAckAll` holds; a click reports the
+ *   alerts `visibleAlerts()` returns, and the mode, in `ack-all-visible-click`.
+ * - **Silence:** the icon button fires `silence-click`.
+ *
+ * The base holds no alerts: each page declares `alerts` in the alert type it
+ * lists.
+ *
+ * @property hasShelved - Whether the dropdown offers the shelved alerts.
+ * @property showTime - Whether the list shows when each alert was raised.
+ * @property timeFormatter - Formats the time the list shows.
+ * @availableWhen timeFormatter showTime==true
+ */
+export declare class ObcAlertListPageSmallBase extends LitElement {
+    /** Whether the dropdown offers the shelved alerts. */
+    hasShelved: boolean;
+    /** Whether the list shows when each alert was raised. */
+    showTime: boolean;
+    /**
+     * Formats the time the list shows.
+     *
+     * Available when `showTime==true`.
+     */
+    timeFormatter: (time: Date) => string;
+    /** The dropdown's options, in order. */
+    protected get modes(): AlertListPageMode[];
+    /** The mode the list filters by and the dropdown shows. */
+    protected get mode(): string;
+    protected selectMode(_mode: string): void;
+    /** Whether an alert the list shows in `mode` can still be acknowledged. */
+    protected get canAckAll(): boolean;
+    /** Whether the page offers "ACK visible" at all; `canAckAll` enables it. */
+    protected get offersAckAll(): boolean;
+    /** The alerts in view, which "ACK visible" reports. */
+    protected visibleAlerts(): unknown[];
+    protected renderList(): TemplateResult | typeof nothing;
+    protected dispatchAckClick(alert: unknown): void;
+    protected dispatchRowClick(alert: unknown): void;
+    private handleAckAllVisibleClick;
+    private onModeSelect;
+    render(): TemplateResult<1>;
+    static styles: CSSResultGroup;
+}
+//# sourceMappingURL=alert-list-page-small-base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-list-page-small-base.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-list-page-small/alert-list-page-small-base.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,UAAU,EACV,cAAc,EAEd,OAAO,EAER,MAAM,KAAK,CAAC;AAIb,OAAO,6CAA6C,CAAC;AACrD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,qDAAqD,CAAC;AAE7D,OAAO,iCAAiC,CAAC;AAEzC,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,yBAA0B,SAAQ,UAAU;IAC5B,UAAU,EAAE,OAAO,CAAS;IAC5B,QAAQ,EAAE,OAAO,CAAS;IACvB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAEV;IAEzD,wCAAwC;IACxC,SAAS,KAAK,KAAK,IAAI,iBAAiB,EAAE,CAEzC;IAED,2DAA2D;IAC3D,SAAS,KAAK,IAAI,IAAI,MAAM,CAE3B;IAED,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM;IAElC,2EAA2E;IAC3E,SAAS,KAAK,SAAS,IAAI,OAAO,CAEjC;IAED,4EAA4E;IAC5E,SAAS,KAAK,YAAY,IAAI,OAAO,CAEpC;IAED,uDAAuD;IACvD,SAAS,CAAC,aAAa,IAAI,OAAO,EAAE;IAIpC,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;IAIvD,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO;IAIzC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO;IAIzC,OAAO,CAAC,wBAAwB;IAWhC,OAAO,CAAC,YAAY;IAIX,MAAM;IA2Cf,OAAgB,MAAM,EAAE,cAAc,CAA2B;CAClE"}

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

@@ -0,0 +1,126 @@
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../../icons/icon-silence-iec.js";
+import "../../components/icon-button/icon-button.js";
+import { ButtonVariant } from "../../components/button/button.js";
+import "../../components/dropdown-button/dropdown-button.js";
+import alert_list_page_small_default from "./alert-list-page-small.css.js";
+import { msg } from "@lit/localize";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/pages/alert-list-page-small/alert-list-page-small-base.ts
+/**
+* `ObcAlertListPageSmallBase` – Compact alert list page: a list of alerts over a
+* bar with a mode dropdown, a silence button and "ACK visible".
+*
+* Not registered as an element: the subclasses supply the list and the
+* modes. `obc-alert-list-page-small` renders `obc-alert-list-details`.
+*
+* ### Features
+* - **Modes:** the dropdown offers `modes` and shows `mode`; picking one calls
+*   `selectMode()`.
+* - **ACK visible:** enabled while `canAckAll` holds; a click reports the
+*   alerts `visibleAlerts()` returns, and the mode, in `ack-all-visible-click`.
+* - **Silence:** the icon button fires `silence-click`.
+*
+* The base holds no alerts: each page declares `alerts` in the alert type it
+* lists.
+*
+* @property hasShelved - Whether the dropdown offers the shelved alerts.
+* @property showTime - Whether the list shows when each alert was raised.
+* @property timeFormatter - Formats the time the list shows.
+* @availableWhen timeFormatter showTime==true
+*/
+var ObcAlertListPageSmallBase = class extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.hasShelved = false;
+		this.showTime = false;
+		this.timeFormatter = (time) => time.toLocaleTimeString(void 0, { hour12: false });
+	}
+	/** The dropdown's options, in order. */
+	get modes() {
+		return [];
+	}
+	/** The mode the list filters by and the dropdown shows. */
+	get mode() {
+		return "";
+	}
+	selectMode(_mode) {}
+	/** Whether an alert the list shows in `mode` can still be acknowledged. */
+	get canAckAll() {
+		return false;
+	}
+	/** Whether the page offers "ACK visible" at all; `canAckAll` enables it. */
+	get offersAckAll() {
+		return true;
+	}
+	/** The alerts in view, which "ACK visible" reports. */
+	visibleAlerts() {
+		return [];
+	}
+	renderList() {
+		return nothing;
+	}
+	dispatchAckClick(alert) {
+		this.dispatchEvent(new CustomEvent("ack-click", { detail: { alert } }));
+	}
+	dispatchRowClick(alert) {
+		this.dispatchEvent(new CustomEvent("row-click", { detail: { alert } }));
+	}
+	handleAckAllVisibleClick() {
+		this.dispatchEvent(new CustomEvent("ack-all-visible-click", { detail: {
+			alerts: this.visibleAlerts(),
+			mode: this.mode
+		} }));
+	}
+	onModeSelect(e) {
+		this.selectMode(e.detail.value);
+	}
+	render() {
+		return html`
+      <div class="wrapper">
+        ${this.renderList()}
+        <div class="action">
+          <div class="btn-group">
+            <obc-dropdown-button
+              .value=${this.mode}
+              @change=${this.onModeSelect}
+              .options=${this.modes}
+            >
+            </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>
+            ${this.offersAckAll ? html`<obc-button
+                    .variant=${ButtonVariant.raised}
+                    .disabled=${!this.canAckAll}
+                    fullWidth
+                    class="btn"
+                    data-testid="ack-all-visible-button"
+                    @click=${() => this.handleAckAllVisibleClick()}
+                  >
+                    ${msg("ACK visible")}
+                  </obc-button>` : nothing}
+          </div>
+        </div>
+      </div>
+    `;
+	}
+	static {
+		this.styles = unsafeCSS(alert_list_page_small_default);
+	}
+};
+__decorate([property({ type: Boolean })], ObcAlertListPageSmallBase.prototype, "hasShelved", void 0);
+__decorate([property({ type: Boolean })], ObcAlertListPageSmallBase.prototype, "showTime", void 0);
+__decorate([property({ attribute: false })], ObcAlertListPageSmallBase.prototype, "timeFormatter", void 0);
+//#endregion
+export { ObcAlertListPageSmallBase };
+
+//# sourceMappingURL=alert-list-page-small-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-list-page-small-base.js","names":[],"sources":["../../../src/pages/alert-list-page-small/alert-list-page-small-base.ts"],"sourcesContent":["import {\n  CSSResultGroup,\n  LitElement,\n  TemplateResult,\n  html,\n  nothing,\n  unsafeCSS,\n} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {msg} from '@lit/localize';\nimport compentStyle from './alert-list-page-small.css?inline';\nimport '../../components/icon-button/icon-button.js';\nimport '../../components/button/button.js';\nimport {ButtonVariant} from '../../components/button/button.js';\nimport '../../components/dropdown-button/dropdown-button.js';\nimport {ObcDropdownButtonChangeEvent} from '../../components/dropdown-button/dropdown-button.js';\nimport '../../icons/icon-silence-iec.js';\n\n/** One entry of the mode dropdown. */\nexport interface AlertListPageMode {\n  value: string;\n  label: string;\n}\n\n/**\n * `ObcAlertListPageSmallBase` – Compact alert list page: a list of alerts over a\n * bar with a mode dropdown, a silence button and \"ACK visible\".\n *\n * Not registered as an element: the subclasses supply the list and the\n * modes. `obc-alert-list-page-small` renders `obc-alert-list-details`.\n *\n * ### Features\n * - **Modes:** the dropdown offers `modes` and shows `mode`; picking one calls\n *   `selectMode()`.\n * - **ACK visible:** enabled while `canAckAll` holds; a click reports the\n *   alerts `visibleAlerts()` returns, and the mode, in `ack-all-visible-click`.\n * - **Silence:** the icon button fires `silence-click`.\n *\n * The base holds no alerts: each page declares `alerts` in the alert type it\n * lists.\n *\n * @property hasShelved - Whether the dropdown offers the shelved alerts.\n * @property showTime - Whether the list shows when each alert was raised.\n * @property timeFormatter - Formats the time the list shows.\n * @availableWhen timeFormatter showTime==true\n */\nexport class ObcAlertListPageSmallBase extends LitElement {\n  @property({type: Boolean}) hasShelved: boolean = false;\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  /** The dropdown's options, in order. */\n  protected get modes(): AlertListPageMode[] {\n    return [];\n  }\n\n  /** The mode the list filters by and the dropdown shows. */\n  protected get mode(): string {\n    return '';\n  }\n\n  protected selectMode(_mode: string) {}\n\n  /** Whether an alert the list shows in `mode` can still be acknowledged. */\n  protected get canAckAll(): boolean {\n    return false;\n  }\n\n  /** Whether the page offers \"ACK visible\" at all; `canAckAll` enables it. */\n  protected get offersAckAll(): boolean {\n    return true;\n  }\n\n  /** The alerts in view, which \"ACK visible\" reports. */\n  protected visibleAlerts(): unknown[] {\n    return [];\n  }\n\n  protected renderList(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n\n  protected dispatchAckClick(alert: unknown) {\n    this.dispatchEvent(new CustomEvent('ack-click', {detail: {alert}}));\n  }\n\n  protected dispatchRowClick(alert: unknown) {\n    this.dispatchEvent(new CustomEvent('row-click', {detail: {alert}}));\n  }\n\n  private handleAckAllVisibleClick() {\n    this.dispatchEvent(\n      new CustomEvent('ack-all-visible-click', {\n        detail: {\n          alerts: this.visibleAlerts(),\n          mode: this.mode,\n        },\n      })\n    );\n  }\n\n  private onModeSelect(e: ObcDropdownButtonChangeEvent) {\n    this.selectMode(e.detail.value as string);\n  }\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        ${this.renderList()}\n        <div class=\"action\">\n          <div class=\"btn-group\">\n            <obc-dropdown-button\n              .value=${this.mode}\n              @change=${this.onModeSelect}\n              .options=${this.modes}\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            ${\n              this.offersAckAll\n                ? html`<obc-button\n                    .variant=${ButtonVariant.raised}\n                    .disabled=${!this.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                : nothing\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles: CSSResultGroup = unsafeCSS(compentStyle);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,IAAa,4BAAb,cAA+C,WAAW;;;EACP,KAAA,aAAA;EACF,KAAA,WAAA;EAE7C,KAAA,iBAAA,SACG,KAAK,mBAAmB,KAAA,GAAW,EAAC,QAAQ,MAAK,CAAC;;;CAGvD,IAAc,QAA6B;EACzC,OAAO,CAAC;CACV;;CAGA,IAAc,OAAe;EAC3B,OAAO;CACT;CAEA,WAAqB,OAAe,CAAC;;CAGrC,IAAc,YAAqB;EACjC,OAAO;CACT;;CAGA,IAAc,eAAwB;EACpC,OAAO;CACT;;CAGA,gBAAqC;EACnC,OAAO,CAAC;CACV;CAEA,aAAwD;EACtD,OAAO;CACT;CAEA,iBAA2B,OAAgB;EACzC,KAAK,cAAc,IAAI,YAAY,aAAa,EAAC,QAAQ,EAAC,MAAK,EAAC,CAAC,CAAC;CACpE;CAEA,iBAA2B,OAAgB;EACzC,KAAK,cAAc,IAAI,YAAY,aAAa,EAAC,QAAQ,EAAC,MAAK,EAAC,CAAC,CAAC;CACpE;CAEA,2BAAmC;EACjC,KAAK,cACH,IAAI,YAAY,yBAAyB,EACvC,QAAQ;GACN,QAAQ,KAAK,cAAc;GAC3B,MAAM,KAAK;EACb,EACF,CAAC,CACH;CACF;CAEA,aAAqB,GAAiC;EACpD,KAAK,WAAW,EAAE,OAAO,KAAe;CAC1C;CAEA,SAAkB;EAChB,OAAO,IAAI;;UAEL,KAAK,WAAW,EAAE;;;;uBAIL,KAAK,KAAK;wBACT,KAAK,aAAa;yBACjB,KAAK,MAAM;;;;;;;;6BASpB,KAAK,cAAc,IAAI,YAAY,eAAe,CAAC,EAAE;2BAC1C,IAAI,SAAS,EAAE;;;;cAK5B,KAAK,eACD,IAAI;+BACS,cAAc,OAAO;gCACpB,CAAC,KAAK,UAAU;;;;mCAIb,KAAK,yBAAyB,EAAE;;sBAE7C,IAAI,aAAa,EAAE;mCAEvB,QACL;;;;;CAKX;;EAEyC,KAAA,SAAA,UAAU,6BAAY;;AACjE;AAxGG,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,0BAAA,WAAA,cAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,0BAAA,WAAA,YAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,WAAW,MAAK,CAAC,CAAA,GAAA,0BAAA,WAAA,iBAAA,KAAA,CAAA"}

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.1.0-next.1",
+  "version": "2.1.0-next.3",
   "type": "module",
   "repository": {
     "type": "git",