@oicl/openbridge-webcomponents 2.0.0-next.155 → 2.0.0-next.157

package/custom-elements.json

@@ -41569,7 +41569,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-transmitter-button>` – The pressable readout chip used as the core of a\ntransmitter on a process diagram.\n\nThe value content (leading icon, optional advice and setpoint segments,\nvalue, unit) is laid out inline. The value, advice and setpoint segments all\nshare one numeric format, so they support fixed-width values and muted\nleading zeros identically. The leading icon is slotted so the consumer\nprovides the type-specific content.\n\n### Features / Variants\n- **`value`** – white, bordered box showing an icon, value and unit. Opt into a\n  leading advice segment with `hasAdvice`/`adviceValue` and a setpoint segment\n  with `hasSetPoint`/`setpointValue`.\n- **`tag`** – a static rounded pill showing a short identifier (e.g. `TT`)\n  from the `label` property, with no live value.\n- **`size`** – `regular`, `medium` or `large`, scaling the value text, the icon\n  glyph and the advice/setpoint segments. The unit stays at a fixed size across\n  all sizes.\n- **Formatting** – `fractionDigits` sets the decimal precision, `maxDigits`\n  reserves a number of integer digits, and `hintedZeros` renders the reserved\n  leading positions as muted zeros (e.g. `0012.3`). The sign never consumes\n  a reserved position (`-0012.3`), so a negative value is one character\n  wider than a positive one; `hasSignSpacer` reserves the sign column so\n  the width does not change across zero. All three segments share this\n  formatting — it is `obc-readout-block`'s.\n- **Missing values** – `value`, `adviceValue` and `setpointValue` each render\n  dashes when they are `NaN`, `null` or `undefined`; with `hintedZeros` the\n  dashes fill the whole reserved width (e.g. `---.-`).\n\n### Usage Guidelines\nUse as a building block for `<obc-transmitter>`; it is the part that carries\nthe measured value or the tag identifier. Slot in the type-specific icon; the\nadvice and setpoint segments are value-driven and read-only.\n\n### Slots\n| Slot Name | Conditions                    | Purpose                        |\n|-----------|-------------------------------|--------------------------------|\n| icon      | `value` variant and `hasIcon` | Leading icon beside the value. |",
+          "description": "`<obc-transmitter-button>` – The pressable readout chip at the core of a\ntransmitter: a bordered button around one reading.\n\nThe reading is a label-less `<obc-readout-list-item>` (the Figma \"automation\nvalue\"): leading icon, optional advice and setpoint, value, optional degree\nand unit, all rendered by the readout family. The leading icon is slotted so\nthe consumer provides the type-specific content.\n\n### Features / Variants\n- **`value`** – bordered chip showing an icon, value and unit. Opt into a\n  leading advice segment with `hasAdvice`/`adviceValue`, a setpoint segment\n  with `hasSetPoint`/`setpointValue`, and a degree column before the unit\n  with `hasDegree`.\n- **`tag`** – a static rounded pill showing a short identifier (e.g. `TT`)\n  from the `label` property, with no live value.\n- **`size`** – `regular`, `medium` or `large`, the list item's `small`,\n  `medium` and `large` tiers: the value text, the icon and the advice/setpoint\n  segments scale, the unit stays extra small.\n- **Formatting** – `fractionDigits` sets the decimal precision, `maxDigits`\n  reserves a number of integer digits, and `hintedZeros` renders the reserved\n  leading positions as muted zeros (e.g. `0012.3`). The sign never consumes\n  a reserved position (`-0012.3`), so a negative value is one character\n  wider than a positive one; `hasSignSpacer` reserves the sign column so\n  the width does not change across zero. All three segments share this\n  formatting — it is `obc-readout-block`'s.\n- **Missing values** – `value`, `adviceValue` and `setpointValue` each render\n  dashes when they are `NaN`, `null` or `undefined`; with `hintedZeros` the\n  dashes fill the whole reserved width (e.g. `---.-`).\n\n### Usage Guidelines\nUse as a building block for `<obc-transmitter>` and `<obc-transmitter-stack>`;\nit is the part that carries the measured value or the tag identifier. Slot in\nthe type-specific icon; the advice and setpoint segments are value-driven and\nread-only.\n\n**TODO(designer):** the hit area is the visible chip, 24 px high at `regular`:\nat the WCAG 2.5.8 floor of 24 px, below the 48 px touch-target token. A\n48 px target would overlap the id tag, the leader line and neighbouring\n`<obc-transmitter-stack>` segments, so the size needs a design decision.\n\n### Slots\n| Slot Name | Conditions                    | Purpose                        |\n|-----------|-------------------------------|--------------------------------|\n| icon      | `value` variant and `hasIcon` | Leading icon beside the value. |",
           "name": "ObcTransmitterButton",
           "slots": [
             {
@@ -41649,6 +41649,16 @@
               "description": "Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the width does not change across zero.",
               "attribute": "hasSignSpacer"
             },
+            {
+              "kind": "field",
+              "name": "hasDegree",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show a degree column between the value and the unit (e.g. `12.3°` then `C`).",
+              "attribute": "hasDegree"
+            },
             {
               "kind": "field",
               "name": "hasIcon",
@@ -41706,42 +41716,23 @@
             },
             {
               "kind": "field",
-              "name": "isTag",
-              "privacy": "private",
-              "readonly": true
+              "name": "idTag",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Identifier appended to the button's accessible name only (e.g. `#0001`); the parent transmitter draws the visible tag outside the button, where it cannot join the name.",
+              "attribute": "idTag"
             },
             {
-              "kind": "method",
-              "name": "renderBlock",
+              "kind": "field",
+              "name": "isTag",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "variant",
-                  "type": {
-                    "text": "ReadoutBlockVariant"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number | null | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderAdvice",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderSetpoint",
-              "privacy": "private"
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "renderContent",
+              "name": "renderReading",
               "privacy": "private"
             }
           ],
@@ -41809,6 +41800,15 @@
               "description": "Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the width does not change across zero.",
               "fieldName": "hasSignSpacer"
             },
+            {
+              "name": "hasDegree",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show a degree column between the value and the unit (e.g. `12.3°` then `C`).",
+              "fieldName": "hasDegree"
+            },
             {
               "name": "hasIcon",
               "type": {
@@ -41857,6 +41857,15 @@
               "default": "''",
               "description": "Short tag identifier shown in the `tag` variant (e.g. `TT`).",
               "fieldName": "label"
+            },
+            {
+              "name": "idTag",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Identifier appended to the button's accessible name only (e.g. `#0001`); the parent transmitter draws the visible tag outside the button, where it cannot join the name.",
+              "fieldName": "idTag"
             }
           ],
           "superclass": {
@@ -41886,13 +41895,169 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/automation/transmitter-stack/transmitter-stack.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`<obc-transmitter-stack>` – Several transmitter readings side by side in one\njoined chip, attached to a line by a single leader line.\n\nEach entry of `values` renders an `<obc-transmitter-button>` segment with its\nown icon, value, unit and id tag. The segments take equal widths, set by the\nwidest reading, and share their borders. Positioning and the leader line\nfollow `<obc-transmitter>`.\n\n### Features / Variants\n- **`orientation`** – `top`, `right`, `bottom`, `left`; the edge the leader\n  line attaches to. `top` places the id tags above the chip.\n- **Values** – `value` and `unit` per segment. `idTag` adds a label row under\n  every segment once any value has one, so the chip stays aligned.\n- **Formatting** – per value `fractionDigits` (default `1`), `maxDigits`\n  (default `0`), `hintedZeros`, `hasSignSpacer` and `hasDegree`, formatted like\n  `<obc-transmitter-button>`. An omitted key takes its default; a key set to\n  `null`, `undefined` or `NaN` renders the reading as the unavailable dash.\n- **Icons** – `iconSlotName` projects the light-DOM element with that slot\n  name as the segment's icon; names must be unique within the stack. The\n  name is chosen per value, so it carries no `@slot` tag (the wrapper\n  generator needs literal names).\n- **Accessible name** – each segment is a native button named by its\n  reading, unit and `idTag`; the visible tag is hidden from assistive\n  technology so it is not read twice.\n- **Empty** – with no `values` nothing renders, leader line included.\n\n### Usage Guidelines\nUse when one source reports several readings that share one leader line. For\na single reading, a tag pill or a trend graph, use `<obc-transmitter>`. Each\nsegment's hit area is `<obc-transmitter-button>`'s chip (24 px high), below\nthe 48 px touch-target token; see its design note.\n\n### Slots\n| Slot Name        | Conditions                      | Purpose                       |\n|------------------|---------------------------------|-------------------------------|\n| `<iconSlotName>` | a value declares `iconSlotName` | Icon in that value's segment. |",
+          "name": "ObcTransmitterStack",
+          "members": [
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "TransmitterOrientation"
+              },
+              "description": "Edge of the chip the leader line attaches to.",
+              "attribute": "orientation"
+            },
+            {
+              "kind": "field",
+              "name": "lineType",
+              "type": {
+                "text": "LineType | undefined"
+              },
+              "default": "undefined",
+              "description": "Line the transmitter sits on; offsets the leader line by half its stroke.",
+              "attribute": "lineType"
+            },
+            {
+              "kind": "field",
+              "name": "values",
+              "type": {
+                "text": "TransmitterStackValue[]"
+              },
+              "default": "[]",
+              "description": "One segment per entry, in order.",
+              "attribute": "values"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "TransmitterStackValue"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderValue",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "entry",
+                  "type": {
+                    "text": "TransmitterStackValue"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "hasIdTags",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "value-click",
+              "type": {
+                "text": "CustomEvent<TransmitterStackValueClickDetail>"
+              },
+              "description": "Fired when a segment is activated, with its value and index."
+            },
+            {
+              "description": "Fired when any segment is clicked; `value-click` tells which.",
+              "name": "click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "orientation",
+              "type": {
+                "text": "TransmitterOrientation"
+              },
+              "description": "Edge of the chip the leader line attaches to.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "lineType",
+              "type": {
+                "text": "LineType | undefined"
+              },
+              "default": "undefined",
+              "description": "Line the transmitter sits on; offsets the leader line by half its stroke.",
+              "fieldName": "lineType"
+            },
+            {
+              "name": "values",
+              "type": {
+                "text": "TransmitterStackValue[]"
+              },
+              "default": "[]",
+              "description": "One segment per entry, in order.",
+              "fieldName": "values"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-transmitter-stack",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcTransmitterStack",
+          "declaration": {
+            "name": "ObcTransmitterStack",
+            "module": "src/automation/transmitter-stack/transmitter-stack.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-transmitter-stack",
+          "declaration": {
+            "name": "ObcTransmitterStack",
+            "module": "src/automation/transmitter-stack/transmitter-stack.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/automation/transmitter/transmitter.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-transmitter>` – A readout label that attaches to a line on a process\ndiagram via a leader line, showing a measured value, a tag identifier, or a\nvalue paired with a trend graph.\n\nPositioning (orientation + leader line) follows `<obc-automation-readout>`.\nThe value chip is an `<obc-transmitter-button>` and the trend is an\n`<obc-indicator-graph>` with its area fill enabled.\n\n### Features / Variants\n- **`type`** – `indicator` (tag pill), `value` (icon/value/unit), or value\n  paired with a `horizontal-graph` (beside) or `vertical-graph` (below).\n- **`orientation`** – `top`, `right`, `bottom`, `left`; controls which edge\n  the leader line attaches to.\n- **Segments** – opt into a leading advice segment with `hasAdvice`/\n  `adviceValue` and a setpoint segment with `hasSetPoint`/`setpointValue`;\n  both are read-only and shown in the value chip for non-`indicator` types.\n- **`hasAlert`** – wraps the whole transmitter in an alarm `<obc-alert-frame>`.\n- **Formatting** – `fractionDigits`, `maxDigits`, `hintedZeros` and\n  `hasSignSpacer` are forwarded to the value chip to control decimal\n  precision, muted leading-zero padding (e.g. `0012.3`) and the sign\n  column. The advice and setpoint segments reuse the same formatting.\n  `value`, `adviceValue` and `setpointValue` render dashes when they are\n  `NaN`, `null` or `undefined`.\n\n### Slots\n| Slot Name | Conditions              | Purpose                         |\n|-----------|-------------------------|---------------------------------|\n| icon      | value/graph + `hasIcon` | Leading icon in the value chip. |",
+          "description": "`<obc-transmitter>` – A readout label that attaches to a line via a leader\nline, showing a measured value, a tag identifier, or a value paired with a\ntrend graph.\n\nPositioning (orientation + leader line) follows `<obc-automation-readout>`.\nThe value chip is an `<obc-transmitter-button>` and the trend is an\n`<obc-indicator-graph>` with its area fill enabled.\n\n### Features / Variants\n- **`type`** – `indicator` (tag pill), `value` (icon/value/unit), or value\n  paired with a `horizontal-graph` (beside) or `vertical-graph` (below).\n- **`orientation`** – `top`, `right`, `bottom`, `left`; controls which edge\n  the leader line attaches to.\n- **Segments** – opt into a leading advice segment with `hasAdvice`/\n  `adviceValue` and a setpoint segment with `hasSetPoint`/`setpointValue`;\n  both are read-only and shown in the value chip for non-`indicator` types.\n- **`hasAlert`** – wraps the whole transmitter in an alarm `<obc-alert-frame>`.\n- **Formatting** – `fractionDigits`, `maxDigits`, `hintedZeros` and\n  `hasSignSpacer` are forwarded to the value chip to control decimal\n  precision, muted leading-zero padding (e.g. `0012.3`) and the sign\n  column. The advice and setpoint segments reuse the same formatting.\n  `hasDegree` adds a degree column between the value and the unit.\n  `value`, `adviceValue` and `setpointValue` render dashes when they are\n  `NaN`, `null` or `undefined`.\n\n### Slots\n| Slot Name | Conditions              | Purpose                         |\n|-----------|-------------------------|---------------------------------|\n| icon      | value/graph + `hasIcon` | Leading icon in the value chip. |",
           "name": "ObcTransmitter",
           "slots": [
             {
@@ -41981,6 +42146,16 @@
               "description": "Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the chip's width does not change across zero.",
               "attribute": "hasSignSpacer"
             },
+            {
+              "kind": "field",
+              "name": "hasDegree",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show a degree column between the value and the unit (e.g. `12.3°` then `C`).",
+              "attribute": "hasDegree"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -42080,12 +42255,6 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "lineOffset",
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "renderButton",
@@ -42179,6 +42348,15 @@
               "description": "Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the chip's width does not change across zero.",
               "fieldName": "hasSignSpacer"
             },
+            {
+              "name": "hasDegree",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show a degree column between the value and the unit (e.g. `12.3°` then `C`).",
+              "fieldName": "hasDegree"
+            },
             {
               "name": "size",
               "type": {
@@ -42272,6 +42450,22 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "TransmitterOrientation",
+          "declaration": {
+            "name": "TransmitterOrientation",
+            "module": "./transmitter-shared.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "transmitterLeaderOffset",
+          "declaration": {
+            "name": "transmitterLeaderOffset",
+            "module": "./transmitter-shared.js"
+          }
+        },
         {
           "kind": "js",
           "name": "ObcTransmitter",
@@ -109574,7 +109768,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "TemplateResult | typeof nothing"
                 }
               }
             },

package/dist/automation/transmitter/transmitter-shared.d.ts

@@ -0,0 +1,11 @@
+import { LineType } from '../index.js';
+/** Edge of a transmitter's chip that the leader line attaches to. */
+export declare enum TransmitterOrientation {
+    top = "top",
+    right = "right",
+    bottom = "bottom",
+    left = "left"
+}
+/** Half the line's stroke width, so the leader line starts on the line's edge. */
+export declare function transmitterLeaderOffset(lineType: LineType | undefined): number;
+//# sourceMappingURL=transmitter-shared.d.ts.map

package/dist/automation/transmitter/transmitter-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transmitter-shared.d.ts","sourceRoot":"","sources":["../../../src/automation/transmitter/transmitter-shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAY,MAAM,aAAa,CAAC;AAEhD,qEAAqE;AACrE,oBAAY,sBAAsB;IAChC,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,kFAAkF;AAClF,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,QAAQ,GAAG,SAAS,GAC7B,MAAM,CAER"}

package/dist/automation/transmitter/transmitter-shared.js

@@ -0,0 +1,16 @@
+import { lineWidth } from "../index.js";
+var TransmitterOrientation = /* @__PURE__ */ ((TransmitterOrientation2) => {
+  TransmitterOrientation2["top"] = "top";
+  TransmitterOrientation2["right"] = "right";
+  TransmitterOrientation2["bottom"] = "bottom";
+  TransmitterOrientation2["left"] = "left";
+  return TransmitterOrientation2;
+})(TransmitterOrientation || {});
+function transmitterLeaderOffset(lineType) {
+  return lineType === void 0 ? 0 : lineWidth(lineType) / 2;
+}
+export {
+  TransmitterOrientation,
+  transmitterLeaderOffset
+};
+//# sourceMappingURL=transmitter-shared.js.map

package/dist/automation/transmitter/transmitter-shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transmitter-shared.js","sources":["../../../src/automation/transmitter/transmitter-shared.ts"],"sourcesContent":["import {LineType, lineWidth} from '../index.js';\n\n/** Edge of a transmitter's chip that the leader line attaches to. */\nexport enum TransmitterOrientation {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n/** Half the line's stroke width, so the leader line starts on the line's edge. */\nexport function transmitterLeaderOffset(\n  lineType: LineType | undefined\n): number {\n  return lineType === undefined ? 0 : lineWidth(lineType) / 2;\n}\n"],"names":["TransmitterOrientation"],"mappings":";AAGO,IAAK,2CAAAA,4BAAL;AACLA,0BAAA,KAAA,IAAM;AACNA,0BAAA,OAAA,IAAQ;AACRA,0BAAA,QAAA,IAAS;AACTA,0BAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAQL,SAAS,wBACd,UACQ;AACR,SAAO,aAAa,SAAY,IAAI,UAAU,QAAQ,IAAI;AAC5D;"}

package/dist/automation/transmitter/transmitter.css.js

@@ -74,7 +74,19 @@ const componentStyle = css`* {
     left: -4px;
   }
 
+/* Left/right anchor on the chip row's middle (Figma 25656:45233), so the id
+     tag hangs below out of flow; its parent must be the containing block. */
+
+.transmitter:is(.orientation-left,.orientation-right):not(.has-alert) .id-tag {
+    position: absolute;
+    top: calc(100% + 2px);
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap;
+  }
+
 .content {
+  position: relative; /* containing block for the left/right id tag (transmitter-leader) */
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -141,7 +153,6 @@ const componentStyle = css`* {
 }
 
 .id-tag {
-  color: var(--element-neutral-color);
   color: var(--element-neutral-color);
   font-variant-numeric: lining-nums tabular-nums;
   font-feature-settings: "ss04" on;

package/dist/automation/transmitter/transmitter.css.js.map

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

package/dist/automation/transmitter/transmitter.d.ts

@@ -1,15 +1,11 @@
 import { LitElement } from 'lit';
 import { LineType } from '../index.js';
+import { TransmitterOrientation } from './transmitter-shared.js';
 import { TransmitterButtonSize } from '../transmitter-button/transmitter-button.js';
 import '../transmitter-button/transmitter-button.js';
 import '../../navigation-instruments/indicator-graph/indicator-graph.js';
 import '../../components/alert-frame/alert-frame.js';
-export declare enum TransmitterOrientation {
-    top = "top",
-    right = "right",
-    bottom = "bottom",
-    left = "left"
-}
+export { TransmitterOrientation, transmitterLeaderOffset, } from './transmitter-shared.js';
 export declare enum TransmitterType {
     indicator = "indicator",
     value = "value",
@@ -17,9 +13,9 @@ export declare enum TransmitterType {
     verticalGraph = "vertical-graph"
 }
 /**
- * `<obc-transmitter>` – A readout label that attaches to a line on a process
- * diagram via a leader line, showing a measured value, a tag identifier, or a
- * value paired with a trend graph.
+ * `<obc-transmitter>` – A readout label that attaches to a line via a leader
+ * line, showing a measured value, a tag identifier, or a value paired with a
+ * trend graph.
  *
  * Positioning (orientation + leader line) follows `<obc-automation-readout>`.
  * The value chip is an `<obc-transmitter-button>` and the trend is an
@@ -38,6 +34,7 @@ export declare enum TransmitterType {
  *   `hasSignSpacer` are forwarded to the value chip to control decimal
  *   precision, muted leading-zero padding (e.g. `0012.3`) and the sign
  *   column. The advice and setpoint segments reuse the same formatting.
+ *   `hasDegree` adds a degree column between the value and the unit.
  *   `value`, `adviceValue` and `setpointValue` render dashes when they are
  *   `NaN`, `null` or `undefined`.
  *
@@ -50,6 +47,7 @@ export declare enum TransmitterType {
  * @property hasSignSpacer - Reserve a minus-sign column on every segment, filled by the real sign
  *   only while a value is negative, so the chip's width does not change
  *   across zero.
+ * @property hasDegree - Show a degree column between the value and the unit (e.g. `12.3°` then `C`).
  * @property hasAlert - Wrap the transmitter in an `<obc-alert-frame>` (alarm) when true.
  * @property adviceValue - Advisory value shown in the leading advice segment when `hasAdvice`.
  * @property setpointValue - Target value shown in the setpoint segment when `hasSetPoint`.
@@ -72,6 +70,8 @@ export declare class ObcTransmitter extends LitElement {
     hintedZeros: boolean;
     /** Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the chip's width does not change across zero. */
     hasSignSpacer: boolean;
+    /** Show a degree column between the value and the unit (e.g. `12.3°` then `C`). */
+    hasDegree: boolean;
     size: TransmitterButtonSize;
     hasIcon: boolean;
     hasAdvice: boolean;
@@ -89,7 +89,6 @@ export declare class ObcTransmitter extends LitElement {
     /** Trend data for the graph types: `[xValues, yValues]`. */
     data: [number[], number[]];
     private get hasGraph();
-    private get lineOffset();
     private renderButton;
     private renderGraph;
     private renderLabel;

package/dist/automation/transmitter/transmitter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transmitter.d.ts","sourceRoot":"","sources":["../../../src/automation/transmitter/transmitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAC,QAAQ,EAAY,MAAM,aAAa,CAAC;AAChD,OAAO,EACL,qBAAqB,EAEtB,MAAM,6CAA6C,CAAC;AACrD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,iEAAiE,CAAC;AAEzE,OAAO,6CAA6C,CAAC;AAErD,oBAAY,sBAAsB;IAChC,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,eAAe,qBAAqB;IACpC,aAAa,mBAAmB;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,WAAW,EAAE,sBAAsB,CAC7B;IACN,IAAI,EAAE,eAAe,CAAyB;IAC9C,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAa;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,SAAM;IACV,cAAc,SAAK;IAEnB,SAAS,SAAK;IAEb,WAAW,UAAS;IACpB,aAAa,UAAS;IACvB,IAAI,EAAE,qBAAqB,CACrB;IACL,OAAO,UAAS;IAChB,SAAS,UAAS;IAElB,QAAQ,UAAS;IAElB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,WAAW,UAAS;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,GAAG,SAAM;IAET,KAAK,SAAM;IAEZ,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAY;IAE/D,OAAO,KAAK,QAAQ,GAKnB;IAED,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,YAAY;IA2BpB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IASZ,MAAM;IA4Bf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"transmitter.d.ts","sourceRoot":"","sources":["../../../src/automation/transmitter/transmitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,sBAAsB,EAEvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,qBAAqB,EAEtB,MAAM,6CAA6C,CAAC;AACrD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,iEAAiE,CAAC;AAEzE,OAAO,6CAA6C,CAAC;AAErD,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC;AAEjC,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,eAAe,qBAAqB;IACpC,aAAa,mBAAmB;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,WAAW,EAAE,sBAAsB,CAC7B;IACN,IAAI,EAAE,eAAe,CAAyB;IAC9C,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAa;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,SAAM;IACV,cAAc,SAAK;IAEnB,SAAS,SAAK;IAEb,WAAW,UAAS;IACpB,aAAa,UAAS;IACtB,SAAS,UAAS;IACnB,IAAI,EAAE,qBAAqB,CACrB;IACL,OAAO,UAAS;IAChB,SAAS,UAAS;IAElB,QAAQ,UAAS;IAElB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,WAAW,UAAS;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,GAAG,SAAM;IAET,KAAK,SAAM;IAEZ,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAY;IAE/D,OAAO,KAAK,QAAQ,GAKnB;IAED,OAAO,CAAC,YAAY;IA6BpB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IASZ,MAAM;IA4Bf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/dist/automation/transmitter/transmitter.js

@@ -3,7 +3,7 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import componentStyle from "./transmitter.css.js";
 import { customElement } from "../../decorator.js";
-import { lineWidth } from "../index.js";
+import { TransmitterOrientation, transmitterLeaderOffset } from "./transmitter-shared.js";
 import { TransmitterButtonSize, TransmitterButtonVariant } from "../transmitter-button/transmitter-button.js";
 import { ObcIndicatorGraphSize } from "../../navigation-instruments/indicator-graph/indicator-graph.js";
 import { ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
@@ -17,13 +17,6 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-var TransmitterOrientation = /* @__PURE__ */ ((TransmitterOrientation2) => {
-  TransmitterOrientation2["top"] = "top";
-  TransmitterOrientation2["right"] = "right";
-  TransmitterOrientation2["bottom"] = "bottom";
-  TransmitterOrientation2["left"] = "left";
-  return TransmitterOrientation2;
-})(TransmitterOrientation || {});
 var TransmitterType = /* @__PURE__ */ ((TransmitterType2) => {
   TransmitterType2["indicator"] = "indicator";
   TransmitterType2["value"] = "value";
@@ -34,7 +27,7 @@ var TransmitterType = /* @__PURE__ */ ((TransmitterType2) => {
 let ObcTransmitter = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.orientation = "bottom";
+    this.orientation = TransmitterOrientation.bottom;
     this.type = "value";
     this.lineType = void 0;
     this.unit = "";
@@ -42,6 +35,7 @@ let ObcTransmitter = class extends LitElement {
     this.maxDigits = 0;
     this.hintedZeros = false;
     this.hasSignSpacer = false;
+    this.hasDegree = false;
     this.size = TransmitterButtonSize.regular;
     this.hasIcon = false;
     this.hasAdvice = false;
@@ -54,9 +48,6 @@ let ObcTransmitter = class extends LitElement {
   get hasGraph() {
     return this.type === "horizontal-graph" || this.type === "vertical-graph";
   }
-  get lineOffset() {
-    return this.lineType === void 0 ? 0 : lineWidth(this.lineType) / 2;
-  }
   renderButton() {
     const isIndicator = this.type === "indicator";
     return html`
@@ -70,12 +61,14 @@ let ObcTransmitter = class extends LitElement {
         .maxDigits=${this.maxDigits}
         .hintedZeros=${this.hintedZeros}
         .hasSignSpacer=${this.hasSignSpacer}
+        .hasDegree=${this.hasDegree}
         .hasIcon=${this.hasIcon}
         .hasAdvice=${this.hasAdvice}
         .adviceValue=${this.adviceValue}
         .hasSetPoint=${this.hasSetPoint}
         .setpointValue=${this.setpointValue}
         .label=${this.tag}
+        .idTag=${this.idTag}
       >
         <slot name="icon" slot="icon"></slot>
       </obc-transmitter-button>
@@ -100,7 +93,7 @@ let ObcTransmitter = class extends LitElement {
     if (!this.idTag) {
       return nothing;
     }
-    return html`<div class="id-tag">${this.idTag}</div>`;
+    return html`<div class="id-tag" aria-hidden="true">${this.idTag}</div>`;
   }
   renderContent() {
     return html`
@@ -128,7 +121,7 @@ let ObcTransmitter = class extends LitElement {
       [`orientation-${this.orientation}`]: true,
       [`type-${this.type}`]: true
     })}
-        style="--offset: ${this.lineOffset}px;"
+        style="--offset: ${transmitterLeaderOffset(this.lineType)}px;"
       >
         ${content}
       </div>
@@ -163,6 +156,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcTransmitter.prototype, "hasSignSpacer", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcTransmitter.prototype, "hasDegree", 2);
 __decorateClass([
   property({ type: String })
 ], ObcTransmitter.prototype, "size", 2);
@@ -199,6 +195,7 @@ ObcTransmitter = __decorateClass([
 export {
   ObcTransmitter,
   TransmitterOrientation,
-  TransmitterType
+  TransmitterType,
+  transmitterLeaderOffset
 };
 //# sourceMappingURL=transmitter.js.map