@oicl/openbridge-webcomponents 2.0.0-next.121 → 2.0.0-next.122

package/custom-elements.json

@@ -15669,7 +15669,7 @@
               "type": {
                 "text": "TankPositioning"
               },
-              "description": "Host positioning model — see `TankPositioning` for details. Defaults to\n`button` (host fills parent container, 100% × 100%, no anchor offset).\nSet to `point` for the legacy P&ID canvas mode (fixed default dimensions\n+ top-center anchor offset).",
+              "description": "Host positioning model — see `TankPositioning` for details. Defaults to\n`button` (host fills parent container, 100% × 100%, falling back to the\ndesign aspect ratio on any axis the parent leaves indefinite, no anchor\noffset). Set to `point` for the legacy P&ID canvas mode (fixed default\ndimensions + top-center anchor offset).",
               "attribute": "positioning",
               "reflects": true
             },
@@ -15684,6 +15684,15 @@
               "attribute": "static",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Whether the tank is interactive. `true` (default) renders the root as a\n`<button>` with the full flat-mixin interaction surface. `false` renders a\nnon-interactive `<div>` — the resting appearance is unchanged (same\nenabled-state colors and the same 1px border box, via the mixin's\n`noClick` variant), but the hover / pressed / focus-visible states are\ngone and the tank leaves the tab order.\n\nEverything else keeps rendering: the chart / bar, badges, readout, tag and\nthe `alert` frame all behave exactly as they do on a clickable tank. Use\nthis for a display-only tank that still shows live data — e.g. a row total\naggregating the tanks beside it. For \"device present, current state\nunknown\" use `static` instead, which also hides the chart and shrinks to\nthe compact footprint.\n\n`static` is already non-interactive, so this has no effect there.\n\nProperty-only (`attribute: false`, per the repo's positive-default-true\nboolean convention — a `true` default cannot round-trip through an HTML\nboolean attribute). Set it as a property: `el.clickable = false`,\n`.clickable=${false}` in a Lit template, or the equivalent binding in the\nReact / Vue / Angular / Svelte wrappers. A `clickable=\"false\"` attribute in\nplain HTML is **not** observed and leaves the tank interactive."
+            },
             {
               "kind": "field",
               "name": "activated",
@@ -15691,7 +15700,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables the activated background color, used to indicate that the tank is activated/selected.",
+              "description": "Enables the activated background color, used to indicate that the tank is\nactivated/selected. Requires an interactive tank — the `noClick` mixin\nvariant used when `clickable` is `false` only paints the enabled state, so\na non-clickable tank ignores this (matching `obc-elevated-card`).",
               "attribute": "activated"
             },
             {
@@ -16301,7 +16310,7 @@
           ],
           "events": [
             {
-              "description": "Fired when the tank is clicked. In `static` mode the tank renders a `<div role=\"img\">` instead of a `<button>`, so it is not focusable or keyboard-activatable; pointer clicks still reach the host.",
+              "description": "Fired when the tank is clicked. When `clickable` is `false` the tank renders a plain `<div>`, and in `static` mode a `<div role=\"img\">`, instead of a `<button>` — in both cases it is not focusable or keyboard-activatable; pointer clicks still reach the host.",
               "name": "click"
             }
           ],
@@ -16363,7 +16372,7 @@
               "type": {
                 "text": "TankPositioning"
               },
-              "description": "Host positioning model — see `TankPositioning` for details. Defaults to\n`button` (host fills parent container, 100% × 100%, no anchor offset).\nSet to `point` for the legacy P&ID canvas mode (fixed default dimensions\n+ top-center anchor offset).",
+              "description": "Host positioning model — see `TankPositioning` for details. Defaults to\n`button` (host fills parent container, 100% × 100%, falling back to the\ndesign aspect ratio on any axis the parent leaves indefinite, no anchor\noffset). Set to `point` for the legacy P&ID canvas mode (fixed default\ndimensions + top-center anchor offset).",
               "fieldName": "positioning"
             },
             {
@@ -16381,7 +16390,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables the activated background color, used to indicate that the tank is activated/selected.",
+              "description": "Enables the activated background color, used to indicate that the tank is\nactivated/selected. Requires an interactive tank — the `noClick` mixin\nvariant used when `clickable` is `false` only paints the enabled state, so\na non-clickable tank ignores this (matching `obc-elevated-card`).",
               "fieldName": "activated"
             },
             {
@@ -40231,7 +40240,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Number of fraction digits.",
+              "description": "Number of fraction digits. Must be between 0 and 100 — the range\n`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\nA fractional count truncates (`2.7` → `2`). A count that never arrived\n(`NaN`, `null` or unset) renders the reading as the unavailable dash —\nformatting with a precision the author never chose would let a critical\n`0.4` pass for a healthy `0`.",
               "attribute": "fractionDigits"
             },
             {
@@ -40241,7 +40250,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Integer digits to reserve / hint (independent of `fractionDigits`).",
+              "description": "Integer digits to reserve / hint (independent of `fractionDigits`).\nBounded before use: a fractional count\ntruncates (`2.7` → `2`), anything above 100 — including `Infinity` —\ncaps at 100, and a negative count reserves nothing. A count that never\narrived (`NaN`, `null` or unset) renders the reading as the unavailable\ndash, consistent with `fractionDigits`.",
               "attribute": "maxDigits"
             },
             {
@@ -40348,6 +40357,26 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "resolvedMaxDigits",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "`maxDigits` bounded to a usable count. Every width calculation below goes\nthrough this rather than the raw property, so an `Infinity` (or absurdly\nlarge) value cannot reach `String.prototype.repeat`.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "digitCountsMissing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether a digit knob failed to arrive (`NaN` / `null` / `undefined`).\nThe reading then renders as the unavailable dash rather than silently\nformatting with a default the author never chose — a critical `0.4`\nformatted with a failed `fractionDigits` would otherwise print as a\nplausible-looking `0`. A missing `maxDigits` dashes too, for consistency:\neither knob arriving broken means the row's configuration cannot be\ntrusted.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "numericFormatOptions",
@@ -40520,7 +40549,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Number of fraction digits.",
+              "description": "Number of fraction digits. Must be between 0 and 100 — the range\n`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\nA fractional count truncates (`2.7` → `2`). A count that never arrived\n(`NaN`, `null` or unset) renders the reading as the unavailable dash —\nformatting with a precision the author never chose would let a critical\n`0.4` pass for a healthy `0`.",
               "fieldName": "fractionDigits"
             },
             {
@@ -40529,7 +40558,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Integer digits to reserve / hint (independent of `fractionDigits`).",
+              "description": "Integer digits to reserve / hint (independent of `fractionDigits`).\nBounded before use: a fractional count\ntruncates (`2.7` → `2`), anything above 100 — including `Infinity` —\ncaps at 100, and a negative count reserves nothing. A count that never\narrived (`NaN`, `null` or unset) renders the reading as the unavailable\ndash, consistent with `fractionDigits`.",
               "fieldName": "maxDigits"
             },
             {
@@ -91673,7 +91702,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Must be between 0 and 100 — the range\n`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\nA fractional count truncates (`2.7` → `2`). A count that never arrived\n(`NaN`, `null` or unset) renders the reading as the unavailable dash —\nformatting with a precision the author never chose would let a critical\n`0.4` pass for a healthy `0`.",
               "attribute": "fractionDigits"
             },
             {
@@ -91683,7 +91712,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Bounded before use: a fractional count\ntruncates (`2.7` → `2`), anything above 100 — including `Infinity` —\ncaps at 100, and a negative count reserves nothing. A count that never\narrived (`NaN`, `null` or unset) renders the reading as the unavailable\ndash, consistent with `fractionDigits`.",
               "attribute": "maxDigits"
             },
             {
@@ -91825,6 +91854,16 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "digitCountsMissing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether a digit knob failed to arrive (`NaN` / `null` / `undefined`).\nThe raw knobs are forwarded to the blocks, which render the reading as\nthe unavailable dash (see `obc-readout-block.digitCountsMissing`); this\ngetter only keeps the setpoint comparison in agreement with what is\ndisplayed.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "resolvedClickable",
@@ -92352,7 +92391,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Must be between 0 and 100 — the range\n`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\nA fractional count truncates (`2.7` → `2`). A count that never arrived\n(`NaN`, `null` or unset) renders the reading as the unavailable dash —\nformatting with a precision the author never chose would let a critical\n`0.4` pass for a healthy `0`.",
               "fieldName": "fractionDigits"
             },
             {
@@ -92361,7 +92400,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Bounded before use: a fractional count\ntruncates (`2.7` → `2`), anything above 100 — including `Infinity` —\ncaps at 100, and a negative count reserves nothing. A count that never\narrived (`NaN`, `null` or unset) renders the reading as the unavailable\ndash, consistent with `fractionDigits`.",
               "fieldName": "maxDigits"
             },
             {
@@ -92795,7 +92834,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Must be between 0 and 100 — the range\n`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\nA fractional count truncates (`2.7` → `2`). A count that never arrived\n(`NaN`, `null` or unset) renders the reading as the unavailable dash —\nformatting with a precision the author never chose would let a critical\n`0.4` pass for a healthy `0`.",
               "attribute": "fractionDigits"
             },
             {
@@ -92805,7 +92844,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Bounded before use: a fractional count\ntruncates (`2.7` → `2`), anything above 100 — including `Infinity` —\ncaps at 100, and a negative count reserves nothing. A count that never\narrived (`NaN`, `null` or unset) renders the reading as the unavailable\ndash, consistent with `fractionDigits`.",
               "attribute": "maxDigits"
             },
             {
@@ -93006,6 +93045,16 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "digitCountsMissing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether a digit knob failed to arrive (`NaN` / `null` / `undefined`).\nThe raw knobs are forwarded to the blocks, which render the reading as\nthe unavailable dash (see `obc-readout-block.digitCountsMissing`); this\ngetter only keeps the setpoint comparison in agreement with what is\ndisplayed.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "hasSrc",
@@ -93706,7 +93755,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Must be between 0 and 100 — the range\n`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.\nA fractional count truncates (`2.7` → `2`). A count that never arrived\n(`NaN`, `null` or unset) renders the reading as the unavailable dash —\nformatting with a precision the author never chose would let a critical\n`0.4` pass for a healthy `0`.",
               "fieldName": "fractionDigits"
             },
             {
@@ -93715,7 +93764,7 @@
                 "text": "number"
               },
               "default": "0",
-              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text.",
+              "description": "Also formats the numeric setpoint / advice blocks, which stay numeric\neven when the value is text. Bounded before use: a fractional count\ntruncates (`2.7` → `2`), anything above 100 — including `Infinity` —\ncaps at 100, and a negative count reserves nothing. A count that never\narrived (`NaN`, `null` or unset) renders the reading as the unavailable\ndash, consistent with `fractionDigits`.",
               "fieldName": "maxDigits"
             },
             {

package/dist/automation/automation-tank/automation-tank.css.js

@@ -90,6 +90,42 @@ const compentStyle = css`* {
   min-height: 0;
 }
 
+/* Indefinite-axis fallback.
+ *
+ * \`width\`/\`height: 100%\` only resolve when the parent's corresponding axis is
+ * definite. In a flex/grid dashboard slot one axis is very often left to
+ * content — \`align-self: center\` makes the cross axis shrink-to-fit, and a
+ * parent sized with \`min-height\`/\`max-height\` (rather than \`height\`) leaves the
+ * block axis indefinite. In those cases the percentage computes to \`auto\` and
+ * the tank would size to its own content, which includes the chart cell — and
+ * the chart sizes itself from the cell it was measured in. That is a circular
+ * constraint, and it resolves as a collapsed cell, unbounded growth or
+ * pixel-level ringing depending on the loop gain (issue #1121).
+ *
+ * \`aspect-ratio\` supplies the missing axis from the design footprint the
+ * \`point\` variant uses above, so an indefinite axis lands on a definite value
+ * that no longer depends on the tank's own content. It is inert when the parent
+ * makes both axes definite, so the normal "fill my slot" behavior is unchanged.
+ */
+
+:host([positioning="button"]) {
+  aspect-ratio: 256 / 376;
+}
+
+:host([positioning="button"][orientation="horizontal"]) {
+  aspect-ratio: 420 / 256;
+}
+
+:host([positioning="button"][compact]),
+:host([positioning="button"][static]) {
+  aspect-ratio: 170 / 282;
+}
+
+:host([positioning="button"][orientation="horizontal"][compact]),
+:host([positioning="button"][orientation="horizontal"][static]) {
+  aspect-ratio: 244 / 208;
+}
+
 :host([positioning="button"]) .root {
   position: static;
   top: auto;
@@ -150,19 +186,26 @@ const compentStyle = css`* {
   display: flex;
   flex-direction: column;
   gap: 4px;
+}
+
+/* Interactive (\`clickable\`, the default): the full six-state flat mixin —
+ * enabled, activated, hover, pressed, focus-visible, disabled — painted on
+ * \`.halo\`. */
+
+.root.clickable {
   cursor: pointer;
   /* prettier-ignore */
 }
 
-.root {
+.root.clickable {
   cursor: pointer;
 }
 
-.root:focus {
+.root.clickable:focus {
   outline: none;
 }
 
-.root .halo {
+.root.clickable .halo {
   border-color: var(--flat-enabled-border-color);
   background-color: var(--flat-enabled-background-color);
   border-width: 1px;
@@ -172,7 +215,7 @@ const compentStyle = css`* {
   --base-background-color: var(--flat-enabled-background-color);
 }
 
-.root.activated .halo {
+.root.clickable.activated .halo {
   border-color: var(--flat-activated-border-color);
   background-color: var(--flat-activated-background-color);
   --base-border-color: var(--flat-activated-border-color);
@@ -181,18 +224,18 @@ const compentStyle = css`* {
 
 @media (hover:hover) {
 
-.root:hover .halo {
+.root.clickable:hover .halo {
     border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
     background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
   }
 }
 
-.root:active .halo {
+.root.clickable:active .halo {
   border-color: var(--flat-pressed-border-color);
   background-color: var(--flat-pressed-background-color);
 }
 
-.root:focus-visible .halo {
+.root.clickable:focus-visible .halo {
   outline-color: var(--border-focus-color);
   outline-width: var(--global-size-spacing-border-weight-focusframe);
   outline-style: solid;
@@ -200,28 +243,50 @@ const compentStyle = css`* {
   z-index: 1;
 }
 
-.root:disabled .halo {
+.root.clickable:disabled .halo {
   border-color: var(--flat-disabled-border-color);
   background-color: var(--flat-disabled-background-color);
   cursor: not-allowed;
   color: var(--on-flat-disabled-color) !important;
 }
 
-.root.disabled .halo {
+.root.clickable.disabled .halo {
   border-color: var(--flat-disabled-border-color);
   background-color: var(--flat-disabled-background-color);
   cursor: not-allowed;
   color: var(--on-flat-disabled-color) !important;
 }
 
-.root:disabled {
+.root.clickable:disabled {
   cursor: not-allowed;
 }
 
-.root.disabled {
+.root.clickable.disabled {
   cursor: not-allowed;
 }
 
+/* Non-interactive (\`clickable\` is \`false\`, and \`static\`, which is display-only
+ * by definition): the mixin's \`noClick\` variant emits the enabled state ONLY, so
+ * the halo keeps exactly the same resting colors and the same 1px border box
+ * — no layout shift, nothing else in the tank changes — while hover, pressed
+ * and focus-visible disappear. The root is a \`<div>\` in this case, so there is
+ * no focus ring or tab stop to suppress either. Same split as
+ * \`obc-elevated-card\`'s \`.not-clickable\` / \`:not(.not-clickable)\` pair. */
+
+.root:not(.clickable) {
+  cursor: default;
+  /* prettier-ignore */
+}
+
+.root:not(.clickable) .halo {
+  border-color: var(--flat-enabled-border-color);
+  background-color: var(--flat-enabled-background-color);
+  border-width: 1px;
+  border-style: solid;
+  --base-border-color: var(--flat-enabled-border-color);
+  --base-background-color: var(--flat-enabled-background-color);
+}
+
 .root:focus {
   outline: none;
 }
@@ -241,11 +306,13 @@ const compentStyle = css`* {
   top: auto;
 }
 
-/* Static is display-only: not focusable (rendered as <div>) and not
- * interactive — disable :hover/:active visuals from the flat-mixin rules. */
+/* Static is display-only, so it never gets the \`.clickable\` class and the
+ * hover/pressed visuals are already gone via the \`noClick\` rule above. Static
+ * additionally refuses pointer events outright — unlike a non-clickable tank,
+ * which still lets clicks reach the host so a consumer can opt into handling
+ * them. */
 
 :host([static]) .root {
-  cursor: default;
   pointer-events: none;
 }
 
@@ -693,9 +760,22 @@ const compentStyle = css`* {
   overflow: hidden;
 }
 
+/* The renderers are taken out of flow so the cell sizes them, never the other
+ * way round. Both of them derive a pixel size from the box they are measured
+ * in — \`obc-gauge-trend\` publishes an inline \`--chart-height\` computed from its
+ * own measured width, and \`obc-bar-vertical\` writes \`height: 100%; width: auto\`
+ * onto its own host — so while they are in flow the cell's content height is a
+ * function of the cell's own height. Absolute positioning severs that return
+ * path: \`.bar-container\` is \`position: relative\`, so \`inset: 0\` pins the
+ * renderer to the cell the tank's grid/flex layout already decided on, and a
+ * rounding difference between the two can no longer relayout the tank
+ * (issue #1121). */
+
 .bar-container > obc-gauge-trend,
 .bar-container > obc-bar-vertical {
   display: block;
+  position: absolute;
+  inset: 0;
   width: 100%;
   height: 100%;
 }

package/dist/automation/automation-tank/automation-tank.css.js.map

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

package/dist/automation/automation-tank/automation-tank.d.ts

@@ -50,6 +50,22 @@ export declare enum TankOrientation {
  *   slot — the parent controls the footprint and the tank renders
  *   responsively inside it, just like a regular button. Compact / static
  *   inner layout still applies; only the host box is changed.
+ *
+ *   If the parent leaves *one* axis indefinite — a flex/grid slot sized with
+ *   `min-height`/`max-height` rather than `height`, or a cross axis freed by
+ *   `align-self: center` — the corresponding `100%` computes to `auto` and the
+ *   tank derives that axis from the other one through the design aspect ratio
+ *   of the matching `point` footprint (256×376 vertical, 420×256 horizontal,
+ *   170×282 compact/static, 244×208 horizontal compact/static). The size then
+ *   does not depend on the chart cell, which takes its own size from the cell
+ *   it was measured in and would otherwise make the constraint circular
+ *   (issue #1121).
+ *
+ *   If *both* axes are indefinite (a shrink-to-fit parent, e.g. an unsized
+ *   `inline-block`) there is no axis left to derive from, so the host falls
+ *   back to its text content. That is stable and non-circular, but much
+ *   smaller than the design footprint — give the parent a definite size on at
+ *   least one axis, and on both whenever the exact footprint matters.
  */
 export declare enum TankPositioning {
     point = "point",
@@ -89,7 +105,7 @@ declare const ObcAutomationTank_base: (new (...args: any[]) => import('../../svg
  * @slot alert-icon - Custom icon for the alert frame.
  * @slot alert-label - Label for the alert frame.
  * @slot alert-timer - Timer for the alert frame.
- * @fires click - Fired when the tank is clicked. In `static` mode the tank renders a `<div role="img">` instead of a `<button>`, so it is not focusable or keyboard-activatable; pointer clicks still reach the host.
+ * @fires click - Fired when the tank is clicked. When `clickable` is `false` the tank renders a plain `<div>`, and in `static` mode a `<div role="img">`, instead of a `<button>` — in both cases it is not focusable or keyboard-activatable; pointer clicks still reach the host.
  * @beta
  */
 export declare class ObcAutomationTank extends ObcAutomationTank_base {
@@ -102,9 +118,10 @@ export declare class ObcAutomationTank extends ObcAutomationTank_base {
     compact: boolean;
     /**
      * Host positioning model — see `TankPositioning` for details. Defaults to
-     * `button` (host fills parent container, 100% × 100%, no anchor offset).
-     * Set to `point` for the legacy P&ID canvas mode (fixed default dimensions
-     * + top-center anchor offset).
+     * `button` (host fills parent container, 100% × 100%, falling back to the
+     * design aspect ratio on any axis the parent leaves indefinite, no anchor
+     * offset). Set to `point` for the legacy P&ID canvas mode (fixed default
+     * dimensions + top-center anchor offset).
      */
     positioning: TankPositioning;
     /**
@@ -120,7 +137,38 @@ export declare class ObcAutomationTank extends ObcAutomationTank_base {
      * activatable controls.
      */
     static: boolean;
-    /** Enables the activated background color, used to indicate that the tank is activated/selected. */
+    /**
+     * Whether the tank is interactive. `true` (default) renders the root as a
+     * `<button>` with the full flat-mixin interaction surface. `false` renders a
+     * non-interactive `<div>` — the resting appearance is unchanged (same
+     * enabled-state colors and the same 1px border box, via the mixin's
+     * `noClick` variant), but the hover / pressed / focus-visible states are
+     * gone and the tank leaves the tab order.
+     *
+     * Everything else keeps rendering: the chart / bar, badges, readout, tag and
+     * the `alert` frame all behave exactly as they do on a clickable tank. Use
+     * this for a display-only tank that still shows live data — e.g. a row total
+     * aggregating the tanks beside it. For "device present, current state
+     * unknown" use `static` instead, which also hides the chart and shrinks to
+     * the compact footprint.
+     *
+     * `static` is already non-interactive, so this has no effect there.
+     *
+     * Property-only (`attribute: false`, per the repo's positive-default-true
+     * boolean convention — a `true` default cannot round-trip through an HTML
+     * boolean attribute). Set it as a property: `el.clickable = false`,
+     * `.clickable=${false}` in a Lit template, or the equivalent binding in the
+     * React / Vue / Angular / Svelte wrappers. A `clickable="false"` attribute in
+     * plain HTML is **not** observed and leaves the tank interactive.
+     */
+    clickable: boolean;
+    /**
+     * Enables the activated background color, used to indicate that the tank is
+     * activated/selected. Requires an interactive tank — the `noClick` mixin
+     * variant used when `clickable` is `false` only paints the enabled state, so
+     * a non-clickable tank ignores this (matching `obc-elevated-card`).
+     * @availableWhen clickable==true
+     */
     activated: boolean;
     tag: string;
     /**

package/dist/automation/automation-tank/automation-tank.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"automation-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"automation-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"names":[],"mappings":"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"}

package/dist/automation/automation-tank/automation-tank.js

@@ -75,6 +75,7 @@ let ObcAutomationTank = class extends SetpointMixin(LitElement) {
     this.compact = false;
     this.positioning = "button";
     this.static = false;
+    this.clickable = true;
     this.activated = false;
     this.tag = "";
     this.chartMode = "bar";
@@ -610,26 +611,41 @@ let ObcAutomationTank = class extends SetpointMixin(LitElement) {
     const halo = html`
       <div class="halo">${haloContents}${alertFrameOverlay}</div>
     `;
-    const rootClasses = classMap({ root: true, activated: this.activated });
-    return html`
-      ${this.static ? html`<div
-            class=${rootClasses}
-            role="img"
-            aria-label=${this.tag || "Tank"}
-            aria-live="polite"
-            aria-atomic="true"
-          >
-            ${halo}
-          </div>` : html`<button
-            class=${rootClasses}
-            type="button"
-            aria-label=${this.tag || "Tank"}
-            aria-live="polite"
-            aria-atomic="true"
-          >
-            ${halo}
-          </button>`}
-    `;
+    const isClickable = this.clickable && !this.static;
+    const rootClasses = classMap({
+      root: true,
+      activated: this.activated,
+      clickable: isClickable
+    });
+    if (this.static) {
+      return html`<div
+        class=${rootClasses}
+        role="img"
+        aria-label=${this.tag || "Tank"}
+        aria-live="polite"
+        aria-atomic="true"
+      >
+        ${halo}
+      </div>`;
+    }
+    if (!isClickable) {
+      return html`<div
+        class=${rootClasses}
+        aria-live="polite"
+        aria-atomic="true"
+      >
+        ${halo}
+      </div>`;
+    }
+    return html`<button
+      class=${rootClasses}
+      type="button"
+      aria-label=${this.tag || "Tank"}
+      aria-live="polite"
+      aria-atomic="true"
+    >
+      ${halo}
+    </button>`;
   }
 };
 ObcAutomationTank.styles = unsafeCSS(compentStyle);
@@ -660,6 +676,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], ObcAutomationTank.prototype, "static", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: false })
+], ObcAutomationTank.prototype, "clickable", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcAutomationTank.prototype, "activated", 2);