@oicl/openbridge-webcomponents 2.0.0-next.58 → 2.0.0-next.59

package/dist/navigation-instruments/readout-list-item/readout-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"readout-list-item.js","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport componentStyle from './readout-list-item.css?inline';\nimport {customElement} from '../../decorator.js';\nimport {ReadoutSetpointSize} from '../readout-setpoint/readout-setpoint.js';\nimport {ReadoutSetpointValueTypography} from '../readout-setpoint/readout-setpoint.js';\nimport {Priority} from '../types.js';\nimport '../readout-setpoint/readout-setpoint.js';\nimport '../../icons/icon-input-right.js';\nimport {ReadoutSetpointMode} from '../readout-setpoint/readout-setpoint.js';\n\nexport enum ReadoutListItemAlertState {\n  none = 'none',\n  lowIntegrity = 'low-integrity',\n  invalid = 'invalid',\n  caution = 'caution',\n  warning = 'warning',\n  alarm = 'alarm',\n}\n\nexport enum ReadoutListItemSize {\n  base = 'base',\n  priority = 'priority',\n  enhanced = 'enhanced',\n}\n\nexport enum ReadoutListItemStacking {\n  trailingUnit = 'trailing-unit',\n  leadingUnit = 'leading-unit',\n  leadingSrc = 'leading-src',\n}\n\nexport enum ReadoutListItemPriority {\n  regular = 'regular',\n  enhanced = 'enhanced',\n  setpoint = 'setpoint',\n  setpointFlipFlop = 'setpoint-flip-flop',\n}\n\n/**\n * `<obc-readout-list-item>` – A compact inline readout row for lists.\n *\n * Renders a compact label/value/unit composition with a dedicated size scale and stacking modes for unit and source placement. Use it when you need dense, consistent readout rows in tables or lists without bringing in the full `<obc-readout>` segment layout.\n *\n * ### Features\n * - **Sizes:** `base`, `priority`, and `enhanced` typography/padding scales.\n * - **Stacking modes:** `trailing-unit`, `leading-unit`, and `leading-src` control where unit/source appear relative to the label/value.\n * - **Priority styling:** `priority` controls emphasis and setpoint presentation (`regular`, `enhanced`, `setpoint`, `setpoint-flip-flop`).\n * - **Alert states:** Supports `alertState` styling for integrity/invalid and attention states (`caution`, `warning`, `alarm`).\n * - **Formatting:** Supports numeric formatting, fixed-length width templates, hinted zeros, and optional degree suffix (`°`).\n *\n * ### Usage Guidelines\n * Use this component for dense readouts in list contexts. Prefer `<obc-readout>` when you need multi-segment advice/setpoint/source composition, rich layouts, or source picker/flyout behavior.\n *\n * ### Slots\n * | Slot Name     | Renders When             | Purpose |\n * |---------------|--------------------------|---------|\n * | leading-icon  | `hasLeadingIcon` is true | Optional leading icon before the label. |\n * | value-icon    | `hasValueIcon` is true   | Optional icon next to the value. |\n *\n * @slot leading-icon - Optional leading icon before the label.\n * @slot value-icon - Optional icon next to the value.\n */\n@customElement('obc-readout-list-item')\nexport class ObcReadoutListItem extends LitElement {\n  @property({type: String}) size: ReadoutListItemSize =\n    ReadoutListItemSize.base;\n  @property({type: String})\n  stacking: ReadoutListItemStacking = ReadoutListItemStacking.trailingUnit;\n  @property({type: String})\n  priority: ReadoutListItemPriority = ReadoutListItemPriority.regular;\n  @property({type: String})\n  alertState: ReadoutListItemAlertState = ReadoutListItemAlertState.none;\n\n  @property({type: String}) label = '';\n  @property({type: String}) unit = '';\n  @property({type: String}) src = '';\n\n  @property({type: Number}) value: number | undefined = undefined;\n  @property({type: Number}) setpointValue: number | undefined = undefined;\n\n  @property({type: Boolean}) hasSetpoint = false;\n\n  @property({type: Boolean}) hasDegree = false;\n  @property({type: Boolean}) hasUnit = false;\n  @property({type: Boolean}) hasLabel = false;\n  @property({type: Boolean}) hasSource = false;\n  @property({type: Boolean}) hasLeadingIcon = false;\n  @property({type: Boolean}) hasValueIcon = false;\n\n  @property({type: Number}) fractionDigits = 0;\n  @property({type: Boolean}) showZeroPadding = false;\n\n  @property({type: Number}) minValueLength = 0;\n  @property({type: Boolean}) hasHintedZeros = false;\n\n  @property({type: Boolean}) labelOnly = false;\n\n  private get resolvedMainValueSize(): ReadoutSetpointSize {\n    return this.size === ReadoutListItemSize.enhanced\n      ? ReadoutSetpointSize.large\n      : this.size === ReadoutListItemSize.priority\n        ? ReadoutSetpointSize.medium\n        : ReadoutSetpointSize.regular;\n  }\n\n  private get resolvedValueSize(): ReadoutSetpointSize {\n    if (this.priority === ReadoutListItemPriority.setpointFlipFlop) {\n      if (this.size === ReadoutListItemSize.priority) {\n        return ReadoutSetpointSize.small;\n      }\n\n      if (this.size === ReadoutListItemSize.enhanced) {\n        return ReadoutSetpointSize.regular;\n      }\n    }\n\n    if (this.size === ReadoutListItemSize.enhanced) {\n      return ReadoutSetpointSize.large;\n    }\n    return ReadoutSetpointSize.regular;\n  }\n\n  private get resolvedValueTypography():\n    | ReadoutSetpointValueTypography\n    | undefined {\n    if (\n      this.priority === ReadoutListItemPriority.setpointFlipFlop &&\n      this.resolvedValueSize === ReadoutSetpointSize.small\n    ) {\n      return undefined;\n    }\n\n    if (\n      this.priority === ReadoutListItemPriority.setpointFlipFlop &&\n      this.size === ReadoutListItemSize.enhanced\n    ) {\n      return ReadoutSetpointValueTypography.regular;\n    }\n\n    switch (this.size) {\n      case ReadoutListItemSize.enhanced:\n        return ReadoutSetpointValueTypography.large;\n      case ReadoutListItemSize.priority:\n        return ReadoutSetpointValueTypography.medium;\n      case ReadoutListItemSize.base:\n      default:\n        return ReadoutSetpointValueTypography.regular;\n    }\n  }\n\n  private get resolvedSetpointSize(): ReadoutSetpointSize {\n    if (!this.hasSetpoint) {\n      return ReadoutSetpointSize.small;\n    }\n\n    if (\n      this.priority === ReadoutListItemPriority.setpoint ||\n      this.priority === ReadoutListItemPriority.setpointFlipFlop\n    ) {\n      return this.resolvedMainValueSize;\n    }\n\n    return ReadoutSetpointSize.small;\n  }\n\n  private get resolvedActualPriority(): Priority {\n    if (\n      this.priority === ReadoutListItemPriority.enhanced ||\n      (this.priority === ReadoutListItemPriority.setpoint &&\n        !this.hasSetpoint) ||\n      this.priority === ReadoutListItemPriority.setpointFlipFlop\n    ) {\n      return Priority.enhanced;\n    }\n\n    return Priority.regular;\n  }\n\n  private get resolvedActualMode(): ReadoutSetpointMode {\n    return this.priority === ReadoutListItemPriority.enhanced\n      ? ReadoutSetpointMode.setpoint\n      : ReadoutSetpointMode.display;\n  }\n\n  private get resolvedSetpointPriority(): Priority {\n    if (\n      !this.hasSetpoint ||\n      this.priority === ReadoutListItemPriority.regular\n    ) {\n      return Priority.regular;\n    }\n\n    return Priority.enhanced;\n  }\n\n  private get resolvedSetpointMode(): ReadoutSetpointMode {\n    if (\n      this.hasSetpoint &&\n      this.priority === ReadoutListItemPriority.setpoint\n    ) {\n      return ReadoutSetpointMode.setpoint;\n    }\n    return ReadoutSetpointMode.display;\n  }\n\n  private get showsTrailingSource(): boolean {\n    return (\n      this.hasSource && this.stacking !== ReadoutListItemStacking.leadingSrc\n    );\n  }\n\n  private get stacksLeadingUnitVertically(): boolean {\n    return (\n      this.stacking === ReadoutListItemStacking.leadingUnit &&\n      this.size === ReadoutListItemSize.enhanced\n    );\n  }\n\n  private get stacksLeadingSrcVertically(): boolean {\n    return (\n      this.stacking === ReadoutListItemStacking.leadingSrc &&\n      this.size === ReadoutListItemSize.enhanced\n    );\n  }\n\n  private renderLabelContainer() {\n    if (!this.hasLabel) {\n      return nothing;\n    }\n\n    const showsLeadingUnit =\n      this.stacking === ReadoutListItemStacking.leadingUnit && this.hasUnit;\n    const showsLeadingSrc =\n      this.stacking === ReadoutListItemStacking.leadingSrc && this.hasSource;\n\n    if (showsLeadingUnit && !this.stacksLeadingUnitVertically) {\n      return html`\n        <div class=\"label-inline\" part=\"label-inline\">\n          <div class=\"label\" part=\"label\">${this.label}</div>\n          <div class=\"unit unit-leading\" part=\"unit-leading\">${this.unit}</div>\n        </div>\n      `;\n    }\n\n    if (showsLeadingSrc && !this.stacksLeadingSrcVertically) {\n      return html`\n        <div class=\"label-inline\" part=\"label-inline\">\n          <div class=\"label\" part=\"label\">${this.label}</div>\n          <div class=\"source source-inline\" part=\"source-inline\">\n            ${this.src}\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"label-stack\" part=\"label-stack\">\n        <div class=\"label\" part=\"label\">${this.label}</div>\n        ${showsLeadingUnit\n          ? html`<div class=\"unit unit-leading\" part=\"unit-leading\">\n              ${this.unit}\n            </div>`\n          : nothing}\n        ${showsLeadingSrc\n          ? html`<div class=\"source source-inline\" part=\"source-inline\">\n              ${this.src}\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  private renderValueIconSlot() {\n    if (!this.hasValueIcon) {\n      return nothing;\n    }\n    return html`<span class=\"value-icon\" slot=\"icon\" aria-hidden=\"true\">\n      <slot name=\"value-icon\"></slot>\n    </span>`;\n  }\n\n  private renderSetpoint() {\n    if (!this.hasSetpoint) {\n      return nothing;\n    }\n\n    return html`\n      <obc-readout-setpoint\n        .variant=${'setpoint'}\n        .readoutStyle=${'regular'}\n        .direction=${'horizontal'}\n        .size=${this.resolvedSetpointSize}\n        .priority=${this.resolvedSetpointPriority}\n        .mode=${this.resolvedSetpointMode}\n        .hugContent=${true}\n        .value=${this.setpointValue}\n        .showZeroPadding=${this.showZeroPadding}\n        .fractionDigits=${this.fractionDigits}\n        .minValueLength=${this.minValueLength}\n        .hasHintedZeros=${this.hasHintedZeros}\n        .hasDegree=${this.hasDegree}\n      >\n        <obi-input-right slot=\"icon\"></obi-input-right>\n      </obc-readout-setpoint>\n    `;\n  }\n\n  private renderActualValue() {\n    return html`\n      <obc-readout-setpoint\n        .variant=${'value'}\n        .readoutStyle=${'regular'}\n        .direction=${'horizontal'}\n        .size=${this.resolvedValueSize}\n        .valueTypography=${this.resolvedValueTypography ?? undefined}\n        .priority=${this.resolvedActualPriority}\n        .mode=${this.resolvedActualMode}\n        .hugContent=${true}\n        .value=${this.value}\n        .showZeroPadding=${this.showZeroPadding}\n        .fractionDigits=${this.fractionDigits}\n        .minValueLength=${this.minValueLength}\n        .hasHintedZeros=${this.hasHintedZeros}\n        .hasDegree=${this.hasDegree}\n      >\n        ${this.renderValueIconSlot()}\n      </obc-readout-setpoint>\n    `;\n  }\n\n  private renderValue() {\n    return html`\n      <div class=\"value-wrap\" part=\"value-wrap\">\n        ${this.hasSetpoint\n          ? html`<div class=\"value-cluster\" part=\"value-cluster\">\n              ${this.renderSetpoint()} ${this.renderActualValue()}\n            </div>`\n          : this.renderActualValue()}\n      </div>\n    `;\n  }\n\n  private renderTrailingUnit() {\n    if (\n      !this.hasUnit ||\n      this.stacking === ReadoutListItemStacking.leadingUnit\n    ) {\n      return nothing;\n    }\n\n    return html`<div class=\"unit unit-trailing\" part=\"unit-trailing\">\n      ${this.unit}\n    </div>`;\n  }\n\n  private renderTrailingSource() {\n    if (!this.showsTrailingSource) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"divider\" part=\"divider\" aria-hidden=\"true\"></div>\n      <div class=\"source source-trailing\" part=\"source-trailing\">\n        ${this.src}\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          root: true,\n          [`size-${this.size}`]: true,\n          [`stacking-${this.stacking}`]: true,\n          'priority-enhanced':\n            this.priority === ReadoutListItemPriority.enhanced,\n          'priority-setpoint':\n            this.priority === ReadoutListItemPriority.setpoint,\n          'priority-setpoint-flip-flop':\n            this.priority === ReadoutListItemPriority.setpointFlipFlop,\n          [`alert-${this.alertState}`]: true,\n          'has-leading-icon': this.hasLeadingIcon,\n          'has-value-icon': this.hasValueIcon,\n        })}\n        part=\"root\"\n      >\n        <div class=\"content\" part=\"content\">\n          <div class=\"label-container\" part=\"label-container\">\n            ${this.hasLeadingIcon\n              ? html`<span class=\"leading-icon\" aria-hidden=\"true\"\n                  ><slot name=\"leading-icon\"></slot\n                ></span>`\n              : nothing}\n            ${this.renderLabelContainer()}\n          </div>\n\n          ${this.labelOnly\n            ? nothing\n            : html`\n                <div class=\"value-container\" part=\"value-container\">\n                  ${this.renderValue()} ${this.renderTrailingUnit()}\n                </div>\n\n                ${this.renderTrailingSource()}\n              `}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-readout-list-item': ObcReadoutListItem;\n  }\n}\n"],"names":["ReadoutListItemAlertState","ReadoutListItemSize","ReadoutListItemStacking","ReadoutListItemPriority"],"mappings":"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"}
+{"version":3,"file":"readout-list-item.js","sources":["../../../src/navigation-instruments/readout-list-item/readout-list-item.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport componentStyle from './readout-list-item.css?inline';\nimport {customElement} from '../../decorator.js';\nimport {ReadoutSetpointSize} from '../readout-setpoint/readout-setpoint.js';\nimport {ReadoutSetpointValueTypography} from '../readout-setpoint/readout-setpoint.js';\nimport {Priority} from '../types.js';\nimport '../readout-setpoint/readout-setpoint.js';\nimport '../../icons/icon-input-right.js';\nimport {ReadoutSetpointMode} from '../readout-setpoint/readout-setpoint.js';\nimport {\n  type AlertFrameConfig,\n  wrapWithAlertFrame,\n} from '../../components/alert-frame/alert-frame.js';\n\nexport enum ReadoutListItemDataState {\n  none = 'none',\n  lowIntegrity = 'low-integrity',\n  invalid = 'invalid',\n}\n\nexport enum ReadoutListItemSize {\n  base = 'base',\n  priority = 'priority',\n  enhanced = 'enhanced',\n}\n\nexport enum ReadoutListItemStacking {\n  trailingUnit = 'trailing-unit',\n  leadingUnit = 'leading-unit',\n  leadingSrc = 'leading-src',\n}\n\nexport enum ReadoutListItemPriority {\n  regular = 'regular',\n  enhanced = 'enhanced',\n  setpoint = 'setpoint',\n  setpointFlipFlop = 'setpoint-flip-flop',\n}\n\n/**\n * `<obc-readout-list-item>` – A compact inline readout row for lists.\n *\n * Renders a compact label/value/unit composition with a dedicated size scale and stacking modes for unit and source placement. Use it when you need dense, consistent readout rows in tables or lists without bringing in the full `<obc-readout>` segment layout.\n *\n * ### Features\n * - **Sizes:** `base`, `priority`, and `enhanced` typography/padding scales.\n * - **Stacking modes:** `trailing-unit`, `leading-unit`, and `leading-src` control where unit/source appear relative to the label/value.\n * - **Priority styling:** `priority` controls emphasis and setpoint presentation (`regular`, `enhanced`, `setpoint`, `setpoint-flip-flop`).\n * - **Data states:** Supports `dataState` styling for `low-integrity` and `invalid` data quality.\n * - **Alert frame:** Optional `alert` wrapper for caution, warning, alarm, and other alert-frame statuses.\n * - **Formatting:** Supports numeric formatting, fixed-length width templates, hinted zeros, and optional degree suffix (`°`).\n *\n * ### Usage Guidelines\n * Use this component for dense readouts in list contexts. Prefer `<obc-readout>` when you need multi-segment advice/setpoint/source composition, rich layouts, or source picker/flyout behavior.\n *\n * ### Slots\n * | Slot Name     | Renders When             | Purpose |\n * |---------------|--------------------------|---------|\n * | leading-icon  | `hasLeadingIcon` is true | Optional leading icon before the label. |\n * | value-icon    | `hasValueIcon` is true   | Optional icon next to the value. |\n *\n * @slot leading-icon - Optional leading icon before the label.\n * @slot value-icon - Optional icon next to the value.\n */\n@customElement('obc-readout-list-item')\nexport class ObcReadoutListItem extends LitElement {\n  @property({type: String}) size: ReadoutListItemSize =\n    ReadoutListItemSize.base;\n  @property({type: String})\n  stacking: ReadoutListItemStacking = ReadoutListItemStacking.trailingUnit;\n  @property({type: String})\n  priority: ReadoutListItemPriority = ReadoutListItemPriority.regular;\n  @property({type: String})\n  dataState: ReadoutListItemDataState = ReadoutListItemDataState.none;\n\n  @property({type: Object}) alert: AlertFrameConfig | boolean = false;\n\n  @property({type: String}) label = '';\n  @property({type: String}) unit = '';\n  @property({type: String}) src = '';\n\n  @property({type: Number}) value: number | undefined = undefined;\n  @property({type: Number}) setpointValue: number | undefined = undefined;\n\n  @property({type: Boolean}) hasSetpoint = false;\n\n  @property({type: Boolean}) hasDegree = false;\n  @property({type: Boolean}) hasUnit = false;\n  @property({type: Boolean}) hasLabel = false;\n  @property({type: Boolean}) hasSource = false;\n  @property({type: Boolean}) hasLeadingIcon = false;\n  @property({type: Boolean}) hasValueIcon = false;\n\n  @property({type: Number}) fractionDigits = 0;\n  @property({type: Boolean}) showZeroPadding = false;\n\n  @property({type: Number}) minValueLength = 0;\n  @property({type: Boolean}) hasHintedZeros = false;\n\n  @property({type: Boolean}) labelOnly = false;\n\n  private get resolvedMainValueSize(): ReadoutSetpointSize {\n    return this.size === ReadoutListItemSize.enhanced\n      ? ReadoutSetpointSize.large\n      : this.size === ReadoutListItemSize.priority\n        ? ReadoutSetpointSize.medium\n        : ReadoutSetpointSize.regular;\n  }\n\n  private get resolvedValueSize(): ReadoutSetpointSize {\n    if (this.priority === ReadoutListItemPriority.setpointFlipFlop) {\n      if (this.size === ReadoutListItemSize.priority) {\n        return ReadoutSetpointSize.small;\n      }\n\n      if (this.size === ReadoutListItemSize.enhanced) {\n        return ReadoutSetpointSize.regular;\n      }\n    }\n\n    if (this.size === ReadoutListItemSize.enhanced) {\n      return ReadoutSetpointSize.large;\n    }\n    return ReadoutSetpointSize.regular;\n  }\n\n  private get resolvedValueTypography():\n    | ReadoutSetpointValueTypography\n    | undefined {\n    if (\n      this.priority === ReadoutListItemPriority.setpointFlipFlop &&\n      this.resolvedValueSize === ReadoutSetpointSize.small\n    ) {\n      return undefined;\n    }\n\n    if (\n      this.priority === ReadoutListItemPriority.setpointFlipFlop &&\n      this.size === ReadoutListItemSize.enhanced\n    ) {\n      return ReadoutSetpointValueTypography.regular;\n    }\n\n    switch (this.size) {\n      case ReadoutListItemSize.enhanced:\n        return ReadoutSetpointValueTypography.large;\n      case ReadoutListItemSize.priority:\n        return ReadoutSetpointValueTypography.medium;\n      case ReadoutListItemSize.base:\n      default:\n        return ReadoutSetpointValueTypography.regular;\n    }\n  }\n\n  private get resolvedSetpointSize(): ReadoutSetpointSize {\n    if (!this.hasSetpoint) {\n      return ReadoutSetpointSize.small;\n    }\n\n    if (\n      this.priority === ReadoutListItemPriority.setpoint ||\n      this.priority === ReadoutListItemPriority.setpointFlipFlop\n    ) {\n      return this.resolvedMainValueSize;\n    }\n\n    return ReadoutSetpointSize.small;\n  }\n\n  private get resolvedActualPriority(): Priority {\n    if (\n      this.priority === ReadoutListItemPriority.enhanced ||\n      (this.priority === ReadoutListItemPriority.setpoint &&\n        !this.hasSetpoint) ||\n      this.priority === ReadoutListItemPriority.setpointFlipFlop\n    ) {\n      return Priority.enhanced;\n    }\n\n    return Priority.regular;\n  }\n\n  private get resolvedActualMode(): ReadoutSetpointMode {\n    return this.priority === ReadoutListItemPriority.enhanced\n      ? ReadoutSetpointMode.setpoint\n      : ReadoutSetpointMode.display;\n  }\n\n  private get resolvedSetpointPriority(): Priority {\n    if (\n      !this.hasSetpoint ||\n      this.priority === ReadoutListItemPriority.regular\n    ) {\n      return Priority.regular;\n    }\n\n    return Priority.enhanced;\n  }\n\n  private get resolvedSetpointMode(): ReadoutSetpointMode {\n    if (\n      this.hasSetpoint &&\n      this.priority === ReadoutListItemPriority.setpoint\n    ) {\n      return ReadoutSetpointMode.setpoint;\n    }\n    return ReadoutSetpointMode.display;\n  }\n\n  private get showsTrailingSource(): boolean {\n    return (\n      this.hasSource && this.stacking !== ReadoutListItemStacking.leadingSrc\n    );\n  }\n\n  private get stacksLeadingUnitVertically(): boolean {\n    return (\n      this.stacking === ReadoutListItemStacking.leadingUnit &&\n      this.size === ReadoutListItemSize.enhanced\n    );\n  }\n\n  private get stacksLeadingSrcVertically(): boolean {\n    return (\n      this.stacking === ReadoutListItemStacking.leadingSrc &&\n      this.size === ReadoutListItemSize.enhanced\n    );\n  }\n\n  private renderLabelContainer() {\n    if (!this.hasLabel) {\n      return nothing;\n    }\n\n    const showsLeadingUnit =\n      this.stacking === ReadoutListItemStacking.leadingUnit && this.hasUnit;\n    const showsLeadingSrc =\n      this.stacking === ReadoutListItemStacking.leadingSrc && this.hasSource;\n\n    if (showsLeadingUnit && !this.stacksLeadingUnitVertically) {\n      return html`\n        <div class=\"label-inline\" part=\"label-inline\">\n          <div class=\"label\" part=\"label\">${this.label}</div>\n          <div class=\"unit unit-leading\" part=\"unit-leading\">${this.unit}</div>\n        </div>\n      `;\n    }\n\n    if (showsLeadingSrc && !this.stacksLeadingSrcVertically) {\n      return html`\n        <div class=\"label-inline\" part=\"label-inline\">\n          <div class=\"label\" part=\"label\">${this.label}</div>\n          <div class=\"source source-inline\" part=\"source-inline\">\n            ${this.src}\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"label-stack\" part=\"label-stack\">\n        <div class=\"label\" part=\"label\">${this.label}</div>\n        ${showsLeadingUnit\n          ? html`<div class=\"unit unit-leading\" part=\"unit-leading\">\n              ${this.unit}\n            </div>`\n          : nothing}\n        ${showsLeadingSrc\n          ? html`<div class=\"source source-inline\" part=\"source-inline\">\n              ${this.src}\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  private renderValueIconSlot() {\n    if (!this.hasValueIcon) {\n      return nothing;\n    }\n    return html`<span class=\"value-icon\" slot=\"icon\" aria-hidden=\"true\">\n      <slot name=\"value-icon\"></slot>\n    </span>`;\n  }\n\n  private renderSetpoint() {\n    if (!this.hasSetpoint) {\n      return nothing;\n    }\n\n    return html`\n      <obc-readout-setpoint\n        .variant=${'setpoint'}\n        .readoutStyle=${'regular'}\n        .direction=${'horizontal'}\n        .size=${this.resolvedSetpointSize}\n        .priority=${this.resolvedSetpointPriority}\n        .mode=${this.resolvedSetpointMode}\n        .hugContent=${true}\n        .value=${this.setpointValue}\n        .showZeroPadding=${this.showZeroPadding}\n        .fractionDigits=${this.fractionDigits}\n        .minValueLength=${this.minValueLength}\n        .hasHintedZeros=${this.hasHintedZeros}\n        .hasDegree=${this.hasDegree}\n      >\n        <obi-input-right slot=\"icon\"></obi-input-right>\n      </obc-readout-setpoint>\n    `;\n  }\n\n  private renderActualValue() {\n    return html`\n      <obc-readout-setpoint\n        .variant=${'value'}\n        .readoutStyle=${'regular'}\n        .direction=${'horizontal'}\n        .size=${this.resolvedValueSize}\n        .valueTypography=${this.resolvedValueTypography ?? undefined}\n        .priority=${this.resolvedActualPriority}\n        .mode=${this.resolvedActualMode}\n        .hugContent=${true}\n        .value=${this.value}\n        .showZeroPadding=${this.showZeroPadding}\n        .fractionDigits=${this.fractionDigits}\n        .minValueLength=${this.minValueLength}\n        .hasHintedZeros=${this.hasHintedZeros}\n        .hasDegree=${this.hasDegree}\n      >\n        ${this.renderValueIconSlot()}\n      </obc-readout-setpoint>\n    `;\n  }\n\n  private renderValue() {\n    return html`\n      <div class=\"value-wrap\" part=\"value-wrap\">\n        ${this.hasSetpoint\n          ? html`<div class=\"value-cluster\" part=\"value-cluster\">\n              ${this.renderSetpoint()} ${this.renderActualValue()}\n            </div>`\n          : this.renderActualValue()}\n      </div>\n    `;\n  }\n\n  private renderTrailingUnit() {\n    if (\n      !this.hasUnit ||\n      this.stacking === ReadoutListItemStacking.leadingUnit\n    ) {\n      return nothing;\n    }\n\n    return html`<div class=\"unit unit-trailing\" part=\"unit-trailing\">\n      ${this.unit}\n    </div>`;\n  }\n\n  private renderTrailingSource() {\n    if (!this.showsTrailingSource) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"divider\" part=\"divider\" aria-hidden=\"true\"></div>\n      <div class=\"source source-trailing\" part=\"source-trailing\">\n        ${this.src}\n      </div>\n    `;\n  }\n\n  override render() {\n    return wrapWithAlertFrame(\n      this.alert,\n      html`\n        <div\n          class=${classMap({\n            root: true,\n            [`size-${this.size}`]: true,\n            [`stacking-${this.stacking}`]: true,\n            'priority-enhanced':\n              this.priority === ReadoutListItemPriority.enhanced,\n            'priority-setpoint':\n              this.priority === ReadoutListItemPriority.setpoint,\n            'priority-setpoint-flip-flop':\n              this.priority === ReadoutListItemPriority.setpointFlipFlop,\n            'data-none': this.dataState === ReadoutListItemDataState.none,\n            'data-low-integrity':\n              this.dataState === ReadoutListItemDataState.lowIntegrity,\n            'data-invalid': this.dataState === ReadoutListItemDataState.invalid,\n            'has-leading-icon': this.hasLeadingIcon,\n            'has-value-icon': this.hasValueIcon,\n          })}\n          part=\"root\"\n        >\n          <div class=\"content\" part=\"content\">\n            <div class=\"label-container\" part=\"label-container\">\n              ${this.hasLeadingIcon\n                ? html`<span class=\"leading-icon\" aria-hidden=\"true\"\n                    ><slot name=\"leading-icon\"></slot\n                  ></span>`\n                : nothing}\n              ${this.renderLabelContainer()}\n            </div>\n\n            ${this.labelOnly\n              ? nothing\n              : html`\n                  <div class=\"value-container\" part=\"value-container\">\n                    ${this.renderValue()} ${this.renderTrailingUnit()}\n                  </div>\n\n                  ${this.renderTrailingSource()}\n                `}\n          </div>\n        </div>\n      `\n    );\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-readout-list-item': ObcReadoutListItem;\n  }\n}\n"],"names":["ReadoutListItemDataState","ReadoutListItemSize","ReadoutListItemStacking","ReadoutListItemPriority"],"mappings":"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"}

package/dist/openbridge.css

@@ -14564,6 +14564,161 @@
   animation: warning-blink 4s infinite;
   animation-timing-function: steps(1);
 }
+:root[data-obc-theme="day"] {
+  --critical-enabled-background-color: rgb(196, 36, 183);
+  --critical-enabled-border-color: rgb(153, 0, 143);
+  --critical-hover-background-color: rgb(173, 5, 162);
+  --critical-hover-border-color: rgb(153, 0, 143);
+  --critical-pressed-background-color: rgb(153, 0, 143);
+  --critical-pressed-border-color: rgb(153, 0, 143);
+  --critical-focused-background-color: rgb(196, 36, 183);
+  --critical-focused-border-color: rgb(153, 0, 143);
+  --critical-disabled-background-color: rgb(196, 36, 183);
+  --critical-disabled-border-color: rgb(196, 36, 183);
+  --on-critical-color: rgb(255, 255, 255);
+  --on-critical-active-color: rgb(255, 255, 255);
+  --on-critical-neutral-color: rgb(254, 232, 250);
+  --on-critical-disabled-color: rgb(248, 155, 235);
+  --alert-critical-color: var(--critical-enabled-background-color);
+  --alert-critical-outline-color: var(--critical-enabled-border-color);
+  --alert-critical-container-background-color: rgb(254, 207, 246);
+  --alert-critical-container-border-color: rgb(248, 155, 235);
+  --alert-diagnostic-color: var(--notification-enabled-background-color);
+  --alert-diagnostic-outline-color: var(--notification-enabled-border-color);
+  --alert-notification-container-background-color: rgb(226, 240, 255);
+  --alert-notification-container-border-color: rgb(195, 223, 255);
+}
+:root[data-obc-theme="dusk"] {
+  --critical-enabled-background-color: rgb(189, 40, 190);
+  --critical-enabled-border-color: rgb(206, 65, 207);
+  --critical-hover-background-color: rgb(206, 65, 207);
+  --critical-hover-border-color: rgb(206, 65, 207);
+  --critical-pressed-background-color: rgb(218, 85, 218);
+  --critical-pressed-border-color: rgb(206, 65, 207);
+  --critical-focused-background-color: rgb(189, 40, 190);
+  --critical-focused-border-color: rgb(132, 179, 239);
+  --critical-disabled-background-color: rgb(189, 40, 190);
+  --critical-disabled-border-color: rgb(189, 40, 190);
+  --on-critical-color: rgb(255, 255, 255);
+  --on-critical-active-color: rgb(255, 255, 255);
+  --on-critical-neutral-color: rgb(255, 255, 255);
+  --on-critical-disabled-color: rgb(38, 38, 38);
+  --alert-critical-color: var(--critical-enabled-background-color);
+  --alert-critical-outline-color: var(--critical-enabled-border-color);
+  --alert-critical-container-background-color: rgb(85, 0, 86);
+  --alert-critical-container-border-color: rgb(102, 0, 104);
+  --alert-diagnostic-color: var(--notification-enabled-background-color);
+  --alert-diagnostic-outline-color: var(--notification-enabled-border-color);
+  --alert-notification-container-background-color: rgb(0, 35, 123);
+  --alert-notification-container-border-color: rgb(0, 44, 144);
+}
+:root[data-obc-theme="night"] {
+  --critical-enabled-background-color: rgb(195, 48, 196);
+  --critical-enabled-border-color: rgb(195, 48, 196);
+  --critical-hover-background-color: rgb(195, 48, 196);
+  --critical-hover-border-color: rgb(224, 100, 224);
+  --critical-pressed-background-color: rgb(181, 30, 182);
+  --critical-pressed-border-color: rgb(224, 100, 224);
+  --critical-focused-background-color: rgb(195, 48, 196);
+  --critical-focused-border-color: rgb(44, 131, 102);
+  --critical-disabled-background-color: rgb(161, 6, 163);
+  --critical-disabled-border-color: rgb(161, 6, 163);
+  --on-critical-color: rgb(0, 0, 0);
+  --on-critical-active-color: rgb(0, 0, 0);
+  --on-critical-neutral-color: rgb(0, 0, 0, 0.699999988079071);
+  --on-critical-disabled-color: rgb(0, 0, 0, 0.30000001192092896);
+  --alert-critical-color: var(--critical-enabled-background-color);
+  --alert-critical-outline-color: var(--critical-enabled-border-color);
+  --alert-critical-container-background-color: rgb(59, 0, 60);
+  --alert-critical-container-border-color: rgb(59, 0, 60);
+  --alert-diagnostic-color: var(--notification-enabled-background-color);
+  --alert-diagnostic-outline-color: var(--notification-enabled-border-color);
+  --alert-notification-container-background-color: rgb(16, 33, 26);
+  --alert-notification-container-border-color: rgb(16, 33, 26);
+}
+:root[data-obc-theme="bright"] {
+  --critical-enabled-background-color: rgb(196, 36, 183);
+  --critical-enabled-border-color: rgb(112, 0, 104);
+  --critical-hover-background-color: rgb(153, 0, 143);
+  --critical-hover-border-color: rgb(112, 0, 104);
+  --critical-pressed-background-color: rgb(112, 0, 104);
+  --critical-pressed-border-color: rgb(112, 0, 104);
+  --critical-focused-background-color: rgb(153, 0, 143);
+  --critical-focused-border-color: rgb(93, 143, 213);
+  --critical-disabled-background-color: rgb(196, 36, 183);
+  --critical-disabled-border-color: rgb(196, 36, 183);
+  --on-critical-color: rgb(255, 255, 255);
+  --on-critical-active-color: rgb(255, 255, 255);
+  --on-critical-neutral-color: rgb(255, 255, 255);
+  --on-critical-disabled-color: rgb(248, 155, 235);
+  --alert-critical-color: var(--critical-enabled-background-color);
+  --alert-critical-outline-color: var(--critical-enabled-border-color);
+  --alert-critical-container-background-color: rgb(252, 184, 242);
+  --alert-critical-container-border-color: rgb(252, 184, 242);
+  --alert-diagnostic-color: var(--notification-enabled-background-color);
+  --alert-diagnostic-outline-color: var(--notification-enabled-border-color);
+  --alert-notification-container-background-color: rgb(226, 240, 255);
+  --alert-notification-container-border-color: rgb(226, 240, 255);
+}
+@property --critical-blink-on {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 1;
+}
+@property --critical-blink-off {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0;
+}
+@property --low-blink-on {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 1;
+}
+@property --low-blink-off {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0;
+}
+@keyframes critical-blink {
+  0% {
+    --critical-blink-on: 1;
+    --critical-blink-off: 0;
+  }
+
+  50% {
+    --critical-blink-on: 0;
+    --critical-blink-off: 1;
+  }
+
+  100% {
+    --critical-blink-on: 1;
+    --critical-blink-off: 0;
+  }
+}
+@keyframes low-blink {
+  0% {
+    --low-blink-on: 1;
+    --low-blink-off: 0;
+  }
+
+  50% {
+    --low-blink-on: 0;
+    --low-blink-off: 1;
+  }
+
+  100% {
+    --low-blink-on: 1;
+    --low-blink-off: 0;
+  }
+}
+:root {
+  animation:
+    warning-blink 4s infinite,
+    critical-blink 1s infinite,
+    low-blink 8s infinite;
+  animation-timing-function: steps(1);
+}
 .obc-radio-button {
   user-select: none;
 

package/dist/types.d.ts

@@ -7,8 +7,14 @@ export declare enum Direction {
 export declare enum AlertType {
     Alarm = "alarm",
     Warning = "warning",
-    Caution = "caution"
+    Caution = "caution",
+    IsaCritical = "isa-critical",
+    IsaHigh = "isa-high",
+    IsaMedium = "isa-medium",
+    IsaLow = "isa-low",
+    IsaDiagnostic = "isa-diagnostic"
 }
+export declare const ALERT_SEVERITY_PRIORITY: AlertType[];
 export declare enum AlertCategory {
     a = "a",
     b = "b",

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;CACpB;AAED,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;AAID,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,UAavD;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,WAAW,iBAAiB;IAC5B,OAAO,aAAa;IACpB,SAAS,eAAe;IACxB,MAAM,YAAY;IAClB,aAAa,mBAAmB;CACjC;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"}

package/dist/types.js

@@ -9,8 +9,24 @@ var AlertType = /* @__PURE__ */ ((AlertType2) => {
   AlertType2["Alarm"] = "alarm";
   AlertType2["Warning"] = "warning";
   AlertType2["Caution"] = "caution";
+  AlertType2["IsaCritical"] = "isa-critical";
+  AlertType2["IsaHigh"] = "isa-high";
+  AlertType2["IsaMedium"] = "isa-medium";
+  AlertType2["IsaLow"] = "isa-low";
+  AlertType2["IsaDiagnostic"] = "isa-diagnostic";
   return AlertType2;
 })(AlertType || {});
+const ALERT_SEVERITY_PRIORITY = [
+  "isa-critical",
+  "alarm",
+  "isa-high",
+  "warning",
+  "isa-medium",
+  "caution",
+  "isa-low",
+  "isa-diagnostic"
+  /* IsaDiagnostic */
+];
 var AlertCategory = /* @__PURE__ */ ((AlertCategory2) => {
   AlertCategory2["a"] = "a";
   AlertCategory2["b"] = "b";
@@ -29,15 +45,9 @@ function isShelved(alert) {
 function isBlocked(alert) {
   return alert.blocked !== false && alert.blocked !== void 0;
 }
-const priorityOrder = [
-  "alarm",
-  "warning",
-  "caution"
-  /* Caution */
-];
 function comparePriorityAlerts(a, b) {
   if (a.type !== b.type) {
-    return priorityOrder.indexOf(b.type) - priorityOrder.indexOf(a.type);
+    return ALERT_SEVERITY_PRIORITY.indexOf(b.type) - ALERT_SEVERITY_PRIORITY.indexOf(a.type);
   }
   if (isActive(a) !== isActive(b)) {
     return isActive(a) ? 1 : -1;
@@ -69,6 +79,7 @@ function formatTimeSince(time) {
   return Math.round(diffInDays / 365) + "y " + Math.round(diffInDays % 365) + "d";
 }
 export {
+  ALERT_SEVERITY_PRIORITY,
   AlertCategory,
   AlertType,
   Direction,

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}\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\nconst priorityOrder = [AlertType.Alarm, AlertType.Warning, AlertType.Caution];\n\nexport function comparePriorityAlerts(a: Alert, b: Alert) {\n  if (a.type !== b.type) {\n    return priorityOrder.indexOf(b.type) - priorityOrder.indexOf(a.type);\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;AAHA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAML,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;AAEA,MAAM,gBAAgB;AAAA,EAAC;AAAA,EAAiB;AAAA,EAAmB;AAAA;AAAA;AAEpD,SAAS,sBAAsB,GAAU,GAAU;AACxD,MAAI,EAAE,SAAS,EAAE,MAAM;AACrB,WAAO,cAAc,QAAQ,EAAE,IAAI,IAAI,cAAc,QAAQ,EAAE,IAAI;AAAA,EACrE;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  IsaCritical = 'isa-critical',\n  IsaHigh = 'isa-high',\n  IsaMedium = 'isa-medium',\n  IsaLow = 'isa-low',\n  IsaDiagnostic = 'isa-diagnostic',\n}\n\nexport const ALERT_SEVERITY_PRIORITY = [\n  AlertType.IsaCritical,\n  AlertType.Alarm,\n  AlertType.IsaHigh,\n  AlertType.Warning,\n  AlertType.IsaMedium,\n  AlertType.Caution,\n  AlertType.IsaLow,\n  AlertType.IsaDiagnostic,\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,aAAA,IAAc;AACdA,aAAA,SAAA,IAAU;AACVA,aAAA,WAAA,IAAY;AACZA,aAAA,QAAA,IAAS;AACTA,aAAA,eAAA,IAAgB;AARN,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;"}

package/package.json

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