@oicl/openbridge-webcomponents 2.0.0-next.170 → 2.0.0-next.172

package/dist/ar/poi-projection/poi-projection.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @module POI Projection
+ *
+ * Media-projection helpers for POI overlays.
+ *
+ * Maps points from media pixel space (video/image natural resolution) to
+ * rendered screen space, accounting for `cover`/`contain` letterboxing.
+ * This is the same math `obc-poi-controller` applies to its
+ * detections-driven targets, exported as pure functions so applications
+ * that manage their own POI elements can project coordinates without
+ * re-implementing the transform.
+ *
+ * ### Usage Guidelines
+ * - Build a {@link MediaProjection} once per resize/metadata change via
+ *   {@link computeMediaProjection}; reuse it for every point in a frame.
+ * - `renderWidth`/`renderHeight` come from the media element's
+ *   `getBoundingClientRect()`; `mediaWidth`/`mediaHeight` from
+ *   `videoWidth`/`videoHeight` (video) or `naturalWidth`/`naturalHeight`
+ *   (image).
+ * - {@link projectPointToLayer} additionally converts a projected
+ *   point into `obc-poi-data` layer coordinates (`x` center px,
+ *   `y` line length from the layer's bottom anchor), given the layer's
+ *   bottom offset inside the projection container.
+ *
+ * ### Fit modes
+ * - `cover`: media fills the container; overflow is cropped.
+ * - `contain`: media letterboxes inside the container.
+ *
+ * The Storybook demo draws the rendered container (outer box), the scaled
+ * media content region (shaded), and a marker at the projected point.
+ */
+/** Fit behavior matching `obc-poi-controller`'s `PoiFitMode` values. */
+export declare enum MediaFit {
+    Cover = "cover",
+    Contain = "contain"
+}
+/** Natural and rendered media dimensions plus the fit mode. */
+export interface MediaProjectionInput {
+    /** Media natural width in px (`videoWidth`/`naturalWidth`). */
+    mediaWidth: number;
+    /** Media natural height in px (`videoHeight`/`naturalHeight`). */
+    mediaHeight: number;
+    /** Rendered element width in px. */
+    renderWidth: number;
+    /** Rendered element height in px. */
+    renderHeight: number;
+    fit: MediaFit;
+}
+/** Resolved projection: uniform scale plus letterbox offsets. */
+export interface MediaProjection {
+    scale: number;
+    /** Horizontal letterbox offset in rendered px (negative when cropped). */
+    offsetX: number;
+    /** Vertical letterbox offset in rendered px (negative when cropped). */
+    offsetY: number;
+    /** Scaled media content width in rendered px. */
+    contentWidth: number;
+    /** Scaled media content height in rendered px. */
+    contentHeight: number;
+}
+/**
+ * Compute the projection for the given dimensions, or `null` when any
+ * dimension is non-finite or zero (media not measured yet).
+ */
+export declare function computeMediaProjection(input: MediaProjectionInput): MediaProjection | null;
+/** Project a point from media pixel space into rendered space. */
+export declare function projectPoint(projection: MediaProjection, x: number, y: number): {
+    x: number;
+    y: number;
+};
+/**
+ * Project a media-space anchor point into `obc-poi-data` layer
+ * coordinates.
+ *
+ * `layerBottom` is the POI layer's bottom edge measured in the same
+ * rendered coordinate space as the projection container (e.g.
+ * `layerRect.bottom - containerRect.top`). The returned `y` is the
+ * connector line length extending downward from the layer to the
+ * target point, clamped to `0` (matches how `obc-poi-controller`
+ * positions its detection targets).
+ */
+export declare function projectPointToLayer(projection: MediaProjection, x: number, y: number, layerBottom: number): {
+    x: number;
+    y: number;
+};
+/** Scale a media-space box dimension into rendered px, or `null`. */
+export declare function projectBoxSize(projection: MediaProjection, size: number | null | undefined): number | null;
+//# sourceMappingURL=poi-projection.d.ts.map

package/dist/ar/poi-projection/poi-projection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-projection.d.ts","sourceRoot":"","sources":["../../../src/ar/poi-projection/poi-projection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,wEAAwE;AACxE,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,QAAQ,CAAC;CACf;AAED,iEAAiE;AACjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,OAAO,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,oBAAoB,GAC1B,eAAe,GAAG,IAAI,CA6BxB;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAC1B,UAAU,EAAE,eAAe,EAC3B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,GACR;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAKxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,eAAe,EAC3B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,MAAM,GAClB;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAMxB;AAED,qEAAqE;AACrE,wBAAgB,cAAc,CAC5B,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC9B,MAAM,GAAG,IAAI,CAKf"}

package/dist/ar/poi-projection/poi-projection.js

@@ -0,0 +1,90 @@
+//#region src/ar/poi-projection/poi-projection.ts
+/**
+* @module POI Projection
+*
+* Media-projection helpers for POI overlays.
+*
+* Maps points from media pixel space (video/image natural resolution) to
+* rendered screen space, accounting for `cover`/`contain` letterboxing.
+* This is the same math `obc-poi-controller` applies to its
+* detections-driven targets, exported as pure functions so applications
+* that manage their own POI elements can project coordinates without
+* re-implementing the transform.
+*
+* ### Usage Guidelines
+* - Build a {@link MediaProjection} once per resize/metadata change via
+*   {@link computeMediaProjection}; reuse it for every point in a frame.
+* - `renderWidth`/`renderHeight` come from the media element's
+*   `getBoundingClientRect()`; `mediaWidth`/`mediaHeight` from
+*   `videoWidth`/`videoHeight` (video) or `naturalWidth`/`naturalHeight`
+*   (image).
+* - {@link projectPointToLayer} additionally converts a projected
+*   point into `obc-poi-data` layer coordinates (`x` center px,
+*   `y` line length from the layer's bottom anchor), given the layer's
+*   bottom offset inside the projection container.
+*
+* ### Fit modes
+* - `cover`: media fills the container; overflow is cropped.
+* - `contain`: media letterboxes inside the container.
+*
+* The Storybook demo draws the rendered container (outer box), the scaled
+* media content region (shaded), and a marker at the projected point.
+*/
+/** Fit behavior matching `obc-poi-controller`'s `PoiFitMode` values. */
+var MediaFit = /* @__PURE__ */ function(MediaFit) {
+	MediaFit["Cover"] = "cover";
+	MediaFit["Contain"] = "contain";
+	return MediaFit;
+}({});
+/**
+* Compute the projection for the given dimensions, or `null` when any
+* dimension is non-finite or zero (media not measured yet).
+*/
+function computeMediaProjection(input) {
+	const { mediaWidth, mediaHeight, renderWidth, renderHeight, fit } = input;
+	if (!Number.isFinite(mediaWidth) || !Number.isFinite(mediaHeight) || !Number.isFinite(renderWidth) || !Number.isFinite(renderHeight) || mediaWidth === 0 || mediaHeight === 0 || renderWidth === 0 || renderHeight === 0) return null;
+	const scale = fit === "cover" ? Math.max(renderWidth / mediaWidth, renderHeight / mediaHeight) : Math.min(renderWidth / mediaWidth, renderHeight / mediaHeight);
+	const contentWidth = mediaWidth * scale;
+	const contentHeight = mediaHeight * scale;
+	return {
+		scale,
+		offsetX: (renderWidth - contentWidth) / 2,
+		offsetY: (renderHeight - contentHeight) / 2,
+		contentWidth,
+		contentHeight
+	};
+}
+/** Project a point from media pixel space into rendered space. */
+function projectPoint(projection, x, y) {
+	return {
+		x: projection.offsetX + x * projection.scale,
+		y: projection.offsetY + y * projection.scale
+	};
+}
+/**
+* Project a media-space anchor point into `obc-poi-data` layer
+* coordinates.
+*
+* `layerBottom` is the POI layer's bottom edge measured in the same
+* rendered coordinate space as the projection container (e.g.
+* `layerRect.bottom - containerRect.top`). The returned `y` is the
+* connector line length extending downward from the layer to the
+* target point, clamped to `0` (matches how `obc-poi-controller`
+* positions its detection targets).
+*/
+function projectPointToLayer(projection, x, y, layerBottom) {
+	const projected = projectPoint(projection, x, y);
+	return {
+		x: projected.x,
+		y: Math.max(0, projected.y - layerBottom)
+	};
+}
+/** Scale a media-space box dimension into rendered px, or `null`. */
+function projectBoxSize(projection, size) {
+	if (typeof size !== "number" || !Number.isFinite(size)) return null;
+	return size * projection.scale;
+}
+//#endregion
+export { MediaFit, computeMediaProjection, projectBoxSize, projectPoint, projectPointToLayer };
+
+//# sourceMappingURL=poi-projection.js.map

package/dist/ar/poi-projection/poi-projection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poi-projection.js","names":[],"sources":["../../../src/ar/poi-projection/poi-projection.ts"],"sourcesContent":["/**\n * @module POI Projection\n *\n * Media-projection helpers for POI overlays.\n *\n * Maps points from media pixel space (video/image natural resolution) to\n * rendered screen space, accounting for `cover`/`contain` letterboxing.\n * This is the same math `obc-poi-controller` applies to its\n * detections-driven targets, exported as pure functions so applications\n * that manage their own POI elements can project coordinates without\n * re-implementing the transform.\n *\n * ### Usage Guidelines\n * - Build a {@link MediaProjection} once per resize/metadata change via\n *   {@link computeMediaProjection}; reuse it for every point in a frame.\n * - `renderWidth`/`renderHeight` come from the media element's\n *   `getBoundingClientRect()`; `mediaWidth`/`mediaHeight` from\n *   `videoWidth`/`videoHeight` (video) or `naturalWidth`/`naturalHeight`\n *   (image).\n * - {@link projectPointToLayer} additionally converts a projected\n *   point into `obc-poi-data` layer coordinates (`x` center px,\n *   `y` line length from the layer's bottom anchor), given the layer's\n *   bottom offset inside the projection container.\n *\n * ### Fit modes\n * - `cover`: media fills the container; overflow is cropped.\n * - `contain`: media letterboxes inside the container.\n *\n * The Storybook demo draws the rendered container (outer box), the scaled\n * media content region (shaded), and a marker at the projected point.\n */\n\n/** Fit behavior matching `obc-poi-controller`'s `PoiFitMode` values. */\nexport enum MediaFit {\n  Cover = 'cover',\n  Contain = 'contain',\n}\n\n/** Natural and rendered media dimensions plus the fit mode. */\nexport interface MediaProjectionInput {\n  /** Media natural width in px (`videoWidth`/`naturalWidth`). */\n  mediaWidth: number;\n  /** Media natural height in px (`videoHeight`/`naturalHeight`). */\n  mediaHeight: number;\n  /** Rendered element width in px. */\n  renderWidth: number;\n  /** Rendered element height in px. */\n  renderHeight: number;\n  fit: MediaFit;\n}\n\n/** Resolved projection: uniform scale plus letterbox offsets. */\nexport interface MediaProjection {\n  scale: number;\n  /** Horizontal letterbox offset in rendered px (negative when cropped). */\n  offsetX: number;\n  /** Vertical letterbox offset in rendered px (negative when cropped). */\n  offsetY: number;\n  /** Scaled media content width in rendered px. */\n  contentWidth: number;\n  /** Scaled media content height in rendered px. */\n  contentHeight: number;\n}\n\n/**\n * Compute the projection for the given dimensions, or `null` when any\n * dimension is non-finite or zero (media not measured yet).\n */\nexport function computeMediaProjection(\n  input: MediaProjectionInput\n): MediaProjection | null {\n  const {mediaWidth, mediaHeight, renderWidth, renderHeight, fit} = input;\n  if (\n    !Number.isFinite(mediaWidth) ||\n    !Number.isFinite(mediaHeight) ||\n    !Number.isFinite(renderWidth) ||\n    !Number.isFinite(renderHeight) ||\n    mediaWidth === 0 ||\n    mediaHeight === 0 ||\n    renderWidth === 0 ||\n    renderHeight === 0\n  ) {\n    return null;\n  }\n\n  const scale =\n    fit === MediaFit.Cover\n      ? Math.max(renderWidth / mediaWidth, renderHeight / mediaHeight)\n      : Math.min(renderWidth / mediaWidth, renderHeight / mediaHeight);\n\n  const contentWidth = mediaWidth * scale;\n  const contentHeight = mediaHeight * scale;\n  return {\n    scale,\n    offsetX: (renderWidth - contentWidth) / 2,\n    offsetY: (renderHeight - contentHeight) / 2,\n    contentWidth,\n    contentHeight,\n  };\n}\n\n/** Project a point from media pixel space into rendered space. */\nexport function projectPoint(\n  projection: MediaProjection,\n  x: number,\n  y: number\n): {x: number; y: number} {\n  return {\n    x: projection.offsetX + x * projection.scale,\n    y: projection.offsetY + y * projection.scale,\n  };\n}\n\n/**\n * Project a media-space anchor point into `obc-poi-data` layer\n * coordinates.\n *\n * `layerBottom` is the POI layer's bottom edge measured in the same\n * rendered coordinate space as the projection container (e.g.\n * `layerRect.bottom - containerRect.top`). The returned `y` is the\n * connector line length extending downward from the layer to the\n * target point, clamped to `0` (matches how `obc-poi-controller`\n * positions its detection targets).\n */\nexport function projectPointToLayer(\n  projection: MediaProjection,\n  x: number,\n  y: number,\n  layerBottom: number\n): {x: number; y: number} {\n  const projected = projectPoint(projection, x, y);\n  return {\n    x: projected.x,\n    y: Math.max(0, projected.y - layerBottom),\n  };\n}\n\n/** Scale a media-space box dimension into rendered px, or `null`. */\nexport function projectBoxSize(\n  projection: MediaProjection,\n  size: number | null | undefined\n): number | null {\n  if (typeof size !== 'number' || !Number.isFinite(size)) {\n    return null;\n  }\n  return size * projection.scale;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAY,WAAL,yBAAA,UAAA;CACL,SAAA,WAAA;CACA,SAAA,aAAA;;AACF,EAAA,CAAA,CAAA;;;;;AAgCA,SAAgB,uBACd,OACwB;CACxB,MAAM,EAAC,YAAY,aAAa,aAAa,cAAc,QAAO;CAClE,IACE,CAAC,OAAO,SAAS,UAAU,KAC3B,CAAC,OAAO,SAAS,WAAW,KAC5B,CAAC,OAAO,SAAS,WAAW,KAC5B,CAAC,OAAO,SAAS,YAAY,KAC7B,eAAe,KACf,gBAAgB,KAChB,gBAAgB,KAChB,iBAAiB,GAEjB,OAAO;CAGT,MAAM,QACJ,QAAA,UACI,KAAK,IAAI,cAAc,YAAY,eAAe,WAAW,IAC7D,KAAK,IAAI,cAAc,YAAY,eAAe,WAAW;CAEnE,MAAM,eAAe,aAAa;CAClC,MAAM,gBAAgB,cAAc;CACpC,OAAO;EACL;EACA,UAAU,cAAc,gBAAgB;EACxC,UAAU,eAAe,iBAAiB;EAC1C;EACA;CACF;AACF;;AAGA,SAAgB,aACd,YACA,GACA,GACwB;CACxB,OAAO;EACL,GAAG,WAAW,UAAU,IAAI,WAAW;EACvC,GAAG,WAAW,UAAU,IAAI,WAAW;CACzC;AACF;;;;;;;;;;;;AAaA,SAAgB,oBACd,YACA,GACA,GACA,aACwB;CACxB,MAAM,YAAY,aAAa,YAAY,GAAG,CAAC;CAC/C,OAAO;EACL,GAAG,UAAU;EACb,GAAG,KAAK,IAAI,GAAG,UAAU,IAAI,WAAW;CAC1C;AACF;;AAGA,SAAgB,eACd,YACA,MACe;CACf,IAAI,OAAO,SAAS,YAAY,CAAC,OAAO,SAAS,IAAI,GACnD,OAAO;CAET,OAAO,OAAO,WAAW;AAC3B"}

package/dist/automation/automation-button/abstract-automation-button-motorized.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { ObcAbstractAutomationButton } from '../automation-button/abstract-automation-button.js';
 import { AutomationButtonDirection, AutomationButtonLabelDirection } from '../automation-button/automation-button.js';
 import { AutomationButtonReadoutStack } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
@@ -20,10 +21,18 @@ export declare enum MotorizedVariant {
  * Not registered as a custom element. `obc-fan`, `obc-motor` and `obc-pump`
  * extend it and supply their own `icon` and `variant`.
  *
+ * @property turnedOn - Whether the device is running. Selects the running
+ * icon and the speed readout instead of the `Off` state. Not named `on`,
+ * which Svelte binds as an event listener in markup (#1090).
+ * @property on - Alias of `turnedOn` for 1.x markup: setting it sets
+ * `turnedOn`.
  * @availableWhen direction variant in [double, forward, flatForward]
  */
 export declare class ObcAbstractAutomationButtonMotorized extends ObcAbstractAutomationButton {
-    on: boolean;
+    /** Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090). */
+    turnedOn: boolean;
+    /** @deprecated Use `turnedOn`. */
+    on?: boolean;
     /**
      * @deprecated Use `speed` together with `speedUnit` instead. When `speed`
      * is set it takes precedence over `speedInPercent`.
@@ -37,6 +46,7 @@ export declare class ObcAbstractAutomationButtonMotorized extends ObcAbstractAut
     /** Available when `variant in [double, forward, flatForward]`. */
     direction: AutomationButtonDirection;
     get extraReadouts(): AutomationButtonReadoutStack[];
+    willUpdate(changed: PropertyValues<this>): void;
     get _on(): boolean;
 }
 //# sourceMappingURL=abstract-automation-button-motorized.d.ts.map

package/dist/automation/automation-button/abstract-automation-button-motorized.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-motorized.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button-motorized.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,2BAA2B,EAAC,MAAM,oDAAoD,CAAC;AAC/F,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC/B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AAEjI,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,WAAW,iBAAiB;CAC7B;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,oCAAqC,SAAQ,2BAA2B;IACxD,EAAE,EAAE,OAAO,CAAS;IAC/C;;;OAGG;IACuB,cAAc,EAAE,MAAM,CAAK;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAO;IACxB,cAAc,EAAE,MAAM,CAAK;IAC3B,cAAc,EAAE,8BAA8B,CACjC;IACb,OAAO,EAAE,gBAAgB,CACxB;IACD,SAAS,EAAE,yBAAyB,CAC1B;IAEpC,IAAa,aAAa,IAAI,4BAA4B,EAAE,CA6B3D;IAED,IAAa,GAAG,IAAI,OAAO,CAE1B;CACF"}
+{"version":3,"file":"abstract-automation-button-motorized.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button-motorized.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAEnC,OAAO,EAAC,2BAA2B,EAAC,MAAM,oDAAoD,CAAC;AAC/F,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC/B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AAEjI,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,WAAW,iBAAiB;CAC7B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,oCAAqC,SAAQ,2BAA2B;IACxD,QAAQ,EAAE,OAAO,CAAS;IACrD,kCAAkC;IAEP,EAAE,CAAC,EAAE,OAAO,CAAC;IACxC;;;OAGG;IACuB,cAAc,EAAE,MAAM,CAAK;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAO;IACxB,cAAc,EAAE,MAAM,CAAK;IAC3B,cAAc,EAAE,8BAA8B,CACjC;IACb,OAAO,EAAE,gBAAgB,CACxB;IACD,SAAS,EAAE,yBAAyB,CAC1B;IAEpC,IAAa,aAAa,IAAI,4BAA4B,EAAE,CA6B3D;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOxD,IAAa,GAAG,IAAI,OAAO,CAE1B;CACF"}

package/dist/automation/automation-button/abstract-automation-button-motorized.js

@@ -23,12 +23,17 @@ var MotorizedVariant = /* @__PURE__ */ function(MotorizedVariant) {
 * Not registered as a custom element. `obc-fan`, `obc-motor` and `obc-pump`
 * extend it and supply their own `icon` and `variant`.
 *
+* @property turnedOn - Whether the device is running. Selects the running
+* icon and the speed readout instead of the `Off` state. Not named `on`,
+* which Svelte binds as an event listener in markup (#1090).
+* @property on - Alias of `turnedOn` for 1.x markup: setting it sets
+* `turnedOn`.
 * @availableWhen direction variant in [double, forward, flatForward]
 */
 var ObcAbstractAutomationButtonMotorized = class extends ObcAbstractAutomationButton {
 	constructor(..._args) {
 		super(..._args);
-		this.on = false;
+		this.turnedOn = false;
 		this.speedInPercent = 0;
 		this.speedUnit = "%";
 		this.speedMaxDigits = 3;
@@ -39,7 +44,7 @@ var ObcAbstractAutomationButtonMotorized = class extends ObcAbstractAutomationBu
 	get extraReadouts() {
 		const speed = this.speed ?? this.speedInPercent;
 		if (!this.showStatus) return [];
-		if (speed !== void 0 && speed !== null && this.on) return [{
+		if (speed !== void 0 && speed !== null && this.turnedOn) return [{
 			type: "value",
 			value: speed,
 			nDigits: this.speedMaxDigits,
@@ -47,17 +52,22 @@ var ObcAbstractAutomationButtonMotorized = class extends ObcAbstractAutomationBu
 			direction: this.labelDirection,
 			icon: this.labelDirection === AutomationButtonLabelDirection.none ? "none" : "chevron"
 		}];
-		else if (!this.on) return [{
+		else if (!this.turnedOn) return [{
 			type: "state-off",
 			value: "Off",
 			hasIcon: true
 		}];
 		return [];
 	}
+	willUpdate(changed) {
+		super.willUpdate(changed);
+		if (changed.has("on") && this.on !== void 0) this.turnedOn = this.on;
+	}
 	get _on() {
-		return this.on;
+		return this.turnedOn;
 	}
 };
+__decorate([property({ type: Boolean })], ObcAbstractAutomationButtonMotorized.prototype, "turnedOn", void 0);
 __decorate([property({ type: Boolean })], ObcAbstractAutomationButtonMotorized.prototype, "on", void 0);
 __decorate([property({ type: Number })], ObcAbstractAutomationButtonMotorized.prototype, "speedInPercent", void 0);
 __decorate([property({ type: Number })], ObcAbstractAutomationButtonMotorized.prototype, "speed", void 0);

package/dist/automation/automation-button/abstract-automation-button-motorized.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-motorized.js","names":[],"sources":["../../../src/automation/automation-button/abstract-automation-button-motorized.ts"],"sourcesContent":["import {property} from 'lit/decorators.js';\nimport {ObcAbstractAutomationButton} from '../automation-button/abstract-automation-button.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonLabelDirection,\n} from '../automation-button/automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\n\nexport enum MotorizedVariant {\n  regular = 'regular',\n  double = 'double',\n  forward = 'forward',\n  flat = 'flat',\n  flatForward = 'flat-forward',\n}\n\n/**\n * Base class for motor-driven automation buttons.\n *\n * Extends `ObcAbstractAutomationButton` with the running state and the speed\n * readout: while the device is on it adds a value row carrying `speed` in\n * `speedUnit`, and while it is off it adds the `Off` state row instead.\n *\n * ## Usage Guidelines\n *\n * Not registered as a custom element. `obc-fan`, `obc-motor` and `obc-pump`\n * extend it and supply their own `icon` and `variant`.\n *\n * @availableWhen direction variant in [double, forward, flatForward]\n */\nexport class ObcAbstractAutomationButtonMotorized extends ObcAbstractAutomationButton {\n  @property({type: Boolean}) on: boolean = false;\n  /**\n   * @deprecated Use `speed` together with `speedUnit` instead. When `speed`\n   * is set it takes precedence over `speedInPercent`.\n   */\n  @property({type: Number}) speedInPercent: number = 0;\n  @property({type: Number}) speed?: number;\n  @property({type: String}) speedUnit: string = '%';\n  @property({type: Number}) speedMaxDigits: number = 3;\n  @property({type: String}) labelDirection: AutomationButtonLabelDirection =\n    AutomationButtonLabelDirection.right;\n  @property({type: String}) variant: MotorizedVariant =\n    MotorizedVariant.regular;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n\n  override get extraReadouts(): AutomationButtonReadoutStack[] {\n    const speed = this.speed ?? this.speedInPercent;\n    if (!this.showStatus) {\n      return [];\n    }\n    if (speed !== undefined && speed !== null && this.on) {\n      return [\n        {\n          type: 'value',\n          value: speed,\n          nDigits: this.speedMaxDigits,\n          unit: this.speedUnit,\n          direction: this.labelDirection,\n          icon:\n            this.labelDirection === AutomationButtonLabelDirection.none\n              ? 'none'\n              : 'chevron',\n        },\n      ];\n    } else if (!this.on) {\n      return [\n        {\n          type: 'state-off',\n          value: 'Off',\n          hasIcon: true,\n        },\n      ];\n    }\n    return [];\n  }\n\n  override get _on(): boolean {\n    return this.on;\n  }\n}\n"],"mappings":";;;;;AAQA,IAAY,mBAAL,yBAAA,kBAAA;CACL,iBAAA,aAAA;CACA,iBAAA,YAAA;CACA,iBAAA,aAAA;CACA,iBAAA,UAAA;CACA,iBAAA,iBAAA;;AACF,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAgBA,IAAa,uCAAb,cAA0D,4BAA4B;;;EAC3C,KAAA,KAAA;EAKU,KAAA,iBAAA;EAEL,KAAA,YAAA;EACK,KAAA,iBAAA;EAEjD,KAAA,iBAAA,+BAA+B;;EAI/B,KAAA,YAAA,0BAA0B;;CAE5B,IAAa,gBAAgD;EAC3D,MAAM,QAAQ,KAAK,SAAS,KAAK;EACjC,IAAI,CAAC,KAAK,YACR,OAAO,CAAC;EAEV,IAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,KAAK,IAChD,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS,KAAK;GACd,MAAM,KAAK;GACX,WAAW,KAAK;GAChB,MACE,KAAK,mBAAmB,+BAA+B,OACnD,SACA;EACR,CACF;OACK,IAAI,CAAC,KAAK,IACf,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS;EACX,CACF;EAEF,OAAO,CAAC;CACV;CAEA,IAAa,MAAe;EAC1B,OAAO,KAAK;CACd;AACF;AAlDG,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,qCAAA,WAAA,MAAA,KAAA,CAAA;AAKxB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,kBAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,SAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,aAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,kBAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,kBAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,WAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,aAAA,KAAA,CAAA"}
+{"version":3,"file":"abstract-automation-button-motorized.js","names":[],"sources":["../../../src/automation/automation-button/abstract-automation-button-motorized.ts"],"sourcesContent":["import {PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ObcAbstractAutomationButton} from '../automation-button/abstract-automation-button.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonLabelDirection,\n} from '../automation-button/automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\n\nexport enum MotorizedVariant {\n  regular = 'regular',\n  double = 'double',\n  forward = 'forward',\n  flat = 'flat',\n  flatForward = 'flat-forward',\n}\n\n/**\n * Base class for motor-driven automation buttons.\n *\n * Extends `ObcAbstractAutomationButton` with the running state and the speed\n * readout: while the device is on it adds a value row carrying `speed` in\n * `speedUnit`, and while it is off it adds the `Off` state row instead.\n *\n * ## Usage Guidelines\n *\n * Not registered as a custom element. `obc-fan`, `obc-motor` and `obc-pump`\n * extend it and supply their own `icon` and `variant`.\n *\n * @property turnedOn - Whether the device is running. Selects the running\n * icon and the speed readout instead of the `Off` state. Not named `on`,\n * which Svelte binds as an event listener in markup (#1090).\n * @property on - Alias of `turnedOn` for 1.x markup: setting it sets\n * `turnedOn`.\n * @availableWhen direction variant in [double, forward, flatForward]\n */\nexport class ObcAbstractAutomationButtonMotorized extends ObcAbstractAutomationButton {\n  @property({type: Boolean}) turnedOn: boolean = false;\n  /** @deprecated Use `turnedOn`. */\n  // eslint-disable-next-line openbridge/no-event-like-property-name -- deprecated alias kept for 1.x markup (#1090)\n  @property({type: Boolean}) on?: boolean;\n  /**\n   * @deprecated Use `speed` together with `speedUnit` instead. When `speed`\n   * is set it takes precedence over `speedInPercent`.\n   */\n  @property({type: Number}) speedInPercent: number = 0;\n  @property({type: Number}) speed?: number;\n  @property({type: String}) speedUnit: string = '%';\n  @property({type: Number}) speedMaxDigits: number = 3;\n  @property({type: String}) labelDirection: AutomationButtonLabelDirection =\n    AutomationButtonLabelDirection.right;\n  @property({type: String}) variant: MotorizedVariant =\n    MotorizedVariant.regular;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n\n  override get extraReadouts(): AutomationButtonReadoutStack[] {\n    const speed = this.speed ?? this.speedInPercent;\n    if (!this.showStatus) {\n      return [];\n    }\n    if (speed !== undefined && speed !== null && this.turnedOn) {\n      return [\n        {\n          type: 'value',\n          value: speed,\n          nDigits: this.speedMaxDigits,\n          unit: this.speedUnit,\n          direction: this.labelDirection,\n          icon:\n            this.labelDirection === AutomationButtonLabelDirection.none\n              ? 'none'\n              : 'chevron',\n        },\n      ];\n    } else if (!this.turnedOn) {\n      return [\n        {\n          type: 'state-off',\n          value: 'Off',\n          hasIcon: true,\n        },\n      ];\n    }\n    return [];\n  }\n\n  override willUpdate(changed: PropertyValues<this>): void {\n    super.willUpdate(changed);\n    if (changed.has('on') && this.on !== undefined) {\n      this.turnedOn = this.on;\n    }\n  }\n\n  override get _on(): boolean {\n    return this.turnedOn;\n  }\n}\n"],"mappings":";;;;;AASA,IAAY,mBAAL,yBAAA,kBAAA;CACL,iBAAA,aAAA;CACA,iBAAA,YAAA;CACA,iBAAA,aAAA;CACA,iBAAA,UAAA;CACA,iBAAA,iBAAA;;AACF,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,uCAAb,cAA0D,4BAA4B;;;EACrC,KAAA,WAAA;EAQI,KAAA,iBAAA;EAEL,KAAA,YAAA;EACK,KAAA,iBAAA;EAEjD,KAAA,iBAAA,+BAA+B;;EAI/B,KAAA,YAAA,0BAA0B;;CAE5B,IAAa,gBAAgD;EAC3D,MAAM,QAAQ,KAAK,SAAS,KAAK;EACjC,IAAI,CAAC,KAAK,YACR,OAAO,CAAC;EAEV,IAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,KAAK,UAChD,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS,KAAK;GACd,MAAM,KAAK;GACX,WAAW,KAAK;GAChB,MACE,KAAK,mBAAmB,+BAA+B,OACnD,SACA;EACR,CACF;OACK,IAAI,CAAC,KAAK,UACf,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS;EACX,CACF;EAEF,OAAO,CAAC;CACV;CAEA,WAAoB,SAAqC;EACvD,MAAM,WAAW,OAAO;EACxB,IAAI,QAAQ,IAAI,IAAI,KAAK,KAAK,OAAO,KAAA,GACnC,KAAK,WAAW,KAAK;CAEzB;CAEA,IAAa,MAAe;EAC1B,OAAO,KAAK;CACd;AACF;AA5DG,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,qCAAA,WAAA,YAAA,KAAA,CAAA;AAGxB,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,qCAAA,WAAA,MAAA,KAAA,CAAA;AAKxB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,kBAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,SAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,aAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,kBAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,kBAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,WAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qCAAA,WAAA,aAAA,KAAA,CAAA"}

package/dist/automation/automation-button/abstract-automation-button-squared.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { ObcAbstractAutomationButton } from './abstract-automation-button.js';
 import { AutomationButtonReadoutStack } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
 import { AutomationButtonOrientation } from './automation-button.js';
@@ -5,12 +6,35 @@ export declare enum SquaredVariant {
     square = "square",
     flat = "flat"
 }
+/**
+ * Base class for two-state automation buttons.
+ *
+ * Extends `ObcAbstractAutomationButton` with the on/off state: the subclass
+ * picks its icon from `turnedOn`, and the readout adds the `On` or `Off`
+ * state row.
+ *
+ * ## Usage Guidelines
+ *
+ * Not registered as a custom element. `obc-switch`, `obc-converter`,
+ * `obc-diodes` and the other two-state devices extend it and supply their own
+ * `icon`.
+ *
+ * @property turnedOn - Whether the device is on. Selects the on icon and the
+ * `On` state row instead of `Off`. Not named `on`, which Svelte binds as an
+ * event listener in markup (#1090).
+ * @property on - Alias of `turnedOn` for 1.x markup: setting it sets
+ * `turnedOn`.
+ */
 export declare class ObcAbstractAutomationButtonSquared extends ObcAbstractAutomationButton {
-    on: boolean;
+    /** Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090). */
+    turnedOn: boolean;
+    /** @deprecated Use `turnedOn`. */
+    on?: boolean;
     variant: SquaredVariant;
     orientation: AutomationButtonOrientation;
     get _orientation(): AutomationButtonOrientation;
     get extraReadouts(): AutomationButtonReadoutStack[];
+    willUpdate(changed: PropertyValues<this>): void;
     get _on(): boolean;
 }
 //# sourceMappingURL=abstract-automation-button-squared.d.ts.map

package/dist/automation/automation-button/abstract-automation-button-squared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-squared.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button-squared.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,2BAA2B,EAAC,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AACjI,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,qBAAa,kCAAmC,SAAQ,2BAA2B;IACtD,EAAE,EAAE,OAAO,CAAS;IACrB,OAAO,EAAE,cAAc,CAAyB;IAChD,WAAW,EAAE,2BAA2B,CACzB;IAEzC,IAAa,YAAY,IAAI,2BAA2B,CAEvD;IAED,IAAa,aAAa,IAAI,4BAA4B,EAAE,CAqB3D;IAED,IAAa,GAAG,IAAI,OAAO,CAE1B;CACF"}
+{"version":3,"file":"abstract-automation-button-squared.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button-squared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAEnC,OAAO,EAAC,2BAA2B,EAAC,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AACjI,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,kCAAmC,SAAQ,2BAA2B;IACtD,QAAQ,EAAE,OAAO,CAAS;IACrD,kCAAkC;IAEP,EAAE,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,cAAc,CAAyB;IAChD,WAAW,EAAE,2BAA2B,CACzB;IAEzC,IAAa,YAAY,IAAI,2BAA2B,CAEvD;IAED,IAAa,aAAa,IAAI,4BAA4B,EAAE,CAqB3D;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOxD,IAAa,GAAG,IAAI,OAAO,CAE1B;CACF"}

package/dist/automation/automation-button/abstract-automation-button-squared.js

@@ -8,10 +8,29 @@ var SquaredVariant = /* @__PURE__ */ function(SquaredVariant) {
 	SquaredVariant["flat"] = "flat";
 	return SquaredVariant;
 }({});
+/**
+* Base class for two-state automation buttons.
+*
+* Extends `ObcAbstractAutomationButton` with the on/off state: the subclass
+* picks its icon from `turnedOn`, and the readout adds the `On` or `Off`
+* state row.
+*
+* ## Usage Guidelines
+*
+* Not registered as a custom element. `obc-switch`, `obc-converter`,
+* `obc-diodes` and the other two-state devices extend it and supply their own
+* `icon`.
+*
+* @property turnedOn - Whether the device is on. Selects the on icon and the
+* `On` state row instead of `Off`. Not named `on`, which Svelte binds as an
+* event listener in markup (#1090).
+* @property on - Alias of `turnedOn` for 1.x markup: setting it sets
+* `turnedOn`.
+*/
 var ObcAbstractAutomationButtonSquared = class extends ObcAbstractAutomationButton {
 	constructor(..._args) {
 		super(..._args);
-		this.on = false;
+		this.turnedOn = false;
 		this.variant = "square";
 		this.orientation = AutomationButtonOrientation.horizontal;
 	}
@@ -20,7 +39,7 @@ var ObcAbstractAutomationButtonSquared = class extends ObcAbstractAutomationButt
 	}
 	get extraReadouts() {
 		if (!this.showStatus) return [];
-		if (this.on) return [{
+		if (this.turnedOn) return [{
 			type: "state-on",
 			value: "On",
 			hasIcon: true
@@ -31,10 +50,15 @@ var ObcAbstractAutomationButtonSquared = class extends ObcAbstractAutomationButt
 			hasIcon: true
 		}];
 	}
+	willUpdate(changed) {
+		super.willUpdate(changed);
+		if (changed.has("on") && this.on !== void 0) this.turnedOn = this.on;
+	}
 	get _on() {
-		return this.on;
+		return this.turnedOn;
 	}
 };
+__decorate([property({ type: Boolean })], ObcAbstractAutomationButtonSquared.prototype, "turnedOn", void 0);
 __decorate([property({ type: Boolean })], ObcAbstractAutomationButtonSquared.prototype, "on", void 0);
 __decorate([property({ type: String })], ObcAbstractAutomationButtonSquared.prototype, "variant", void 0);
 __decorate([property({ type: String })], ObcAbstractAutomationButtonSquared.prototype, "orientation", void 0);

package/dist/automation/automation-button/abstract-automation-button-squared.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-squared.js","names":[],"sources":["../../../src/automation/automation-button/abstract-automation-button-squared.ts"],"sourcesContent":["import {property} from 'lit/decorators.js';\nimport {ObcAbstractAutomationButton} from './abstract-automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport {AutomationButtonOrientation} from './automation-button.js';\n\nexport enum SquaredVariant {\n  square = 'square',\n  flat = 'flat',\n}\n\nexport class ObcAbstractAutomationButtonSquared extends ObcAbstractAutomationButton {\n  @property({type: Boolean}) on: boolean = false;\n  @property({type: String}) variant: SquaredVariant = SquaredVariant.square;\n  @property({type: String}) orientation: AutomationButtonOrientation =\n    AutomationButtonOrientation.horizontal;\n\n  override get _orientation(): AutomationButtonOrientation {\n    return this.orientation;\n  }\n\n  override get extraReadouts(): AutomationButtonReadoutStack[] {\n    if (!this.showStatus) {\n      return [];\n    }\n    if (this.on) {\n      return [\n        {\n          type: 'state-on',\n          value: 'On',\n          hasIcon: true,\n        },\n      ];\n    } else {\n      return [\n        {\n          type: 'state-off',\n          value: 'Off',\n          hasIcon: true,\n        },\n      ];\n    }\n  }\n\n  override get _on(): boolean {\n    return this.on;\n  }\n}\n"],"mappings":";;;;;AAKA,IAAY,iBAAL,yBAAA,gBAAA;CACL,eAAA,YAAA;CACA,eAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAa,qCAAb,cAAwD,4BAA4B;;;EACzC,KAAA,KAAA;;EAGvC,KAAA,cAAA,4BAA4B;;CAE9B,IAAa,eAA4C;EACvD,OAAO,KAAK;CACd;CAEA,IAAa,gBAAgD;EAC3D,IAAI,CAAC,KAAK,YACR,OAAO,CAAC;EAEV,IAAI,KAAK,IACP,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS;EACX,CACF;OAEA,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS;EACX,CACF;CAEJ;CAEA,IAAa,MAAe;EAC1B,OAAO,KAAK;CACd;AACF;AAnCG,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,mCAAA,WAAA,MAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,mCAAA,WAAA,WAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,mCAAA,WAAA,eAAA,KAAA,CAAA"}
+{"version":3,"file":"abstract-automation-button-squared.js","names":[],"sources":["../../../src/automation/automation-button/abstract-automation-button-squared.ts"],"sourcesContent":["import {PropertyValues} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ObcAbstractAutomationButton} from './abstract-automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport {AutomationButtonOrientation} from './automation-button.js';\n\nexport enum SquaredVariant {\n  square = 'square',\n  flat = 'flat',\n}\n\n/**\n * Base class for two-state automation buttons.\n *\n * Extends `ObcAbstractAutomationButton` with the on/off state: the subclass\n * picks its icon from `turnedOn`, and the readout adds the `On` or `Off`\n * state row.\n *\n * ## Usage Guidelines\n *\n * Not registered as a custom element. `obc-switch`, `obc-converter`,\n * `obc-diodes` and the other two-state devices extend it and supply their own\n * `icon`.\n *\n * @property turnedOn - Whether the device is on. Selects the on icon and the\n * `On` state row instead of `Off`. Not named `on`, which Svelte binds as an\n * event listener in markup (#1090).\n * @property on - Alias of `turnedOn` for 1.x markup: setting it sets\n * `turnedOn`.\n */\nexport class ObcAbstractAutomationButtonSquared extends ObcAbstractAutomationButton {\n  @property({type: Boolean}) turnedOn: boolean = false;\n  /** @deprecated Use `turnedOn`. */\n  // eslint-disable-next-line openbridge/no-event-like-property-name -- deprecated alias kept for 1.x markup (#1090)\n  @property({type: Boolean}) on?: boolean;\n  @property({type: String}) variant: SquaredVariant = SquaredVariant.square;\n  @property({type: String}) orientation: AutomationButtonOrientation =\n    AutomationButtonOrientation.horizontal;\n\n  override get _orientation(): AutomationButtonOrientation {\n    return this.orientation;\n  }\n\n  override get extraReadouts(): AutomationButtonReadoutStack[] {\n    if (!this.showStatus) {\n      return [];\n    }\n    if (this.turnedOn) {\n      return [\n        {\n          type: 'state-on',\n          value: 'On',\n          hasIcon: true,\n        },\n      ];\n    } else {\n      return [\n        {\n          type: 'state-off',\n          value: 'Off',\n          hasIcon: true,\n        },\n      ];\n    }\n  }\n\n  override willUpdate(changed: PropertyValues<this>): void {\n    super.willUpdate(changed);\n    if (changed.has('on') && this.on !== undefined) {\n      this.turnedOn = this.on;\n    }\n  }\n\n  override get _on(): boolean {\n    return this.turnedOn;\n  }\n}\n"],"mappings":";;;;;AAMA,IAAY,iBAAL,yBAAA,gBAAA;CACL,eAAA,YAAA;CACA,eAAA,UAAA;;AACF,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,qCAAb,cAAwD,4BAA4B;;;EACnC,KAAA,WAAA;;EAM7C,KAAA,cAAA,4BAA4B;;CAE9B,IAAa,eAA4C;EACvD,OAAO,KAAK;CACd;CAEA,IAAa,gBAAgD;EAC3D,IAAI,CAAC,KAAK,YACR,OAAO,CAAC;EAEV,IAAI,KAAK,UACP,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS;EACX,CACF;OAEA,OAAO,CACL;GACE,MAAM;GACN,OAAO;GACP,SAAS;EACX,CACF;CAEJ;CAEA,WAAoB,SAAqC;EACvD,MAAM,WAAW,OAAO;EACxB,IAAI,QAAQ,IAAI,IAAI,KAAK,KAAK,OAAO,KAAA,GACnC,KAAK,WAAW,KAAK;CAEzB;CAEA,IAAa,MAAe;EAC1B,OAAO,KAAK;CACd;AACF;AA7CG,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,mCAAA,WAAA,YAAA,KAAA,CAAA;AAGxB,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,mCAAA,WAAA,MAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,mCAAA,WAAA,WAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,mCAAA,WAAA,eAAA,KAAA,CAAA"}

package/dist/automation/automation-button/abstract-automation-button-storybook-helpers.d.ts

@@ -196,6 +196,12 @@ export declare const argTypesAbstractAutomationButtonPassiveRound: {
     };
 };
 export declare const argTypesAbstractAutomationButtonPassiveSquare: {
+    on: {
+        table: {
+            disable: boolean;
+        };
+        control: boolean;
+    };
     variant: {
         options: string[];
         control: {
@@ -301,6 +307,12 @@ export declare const argTypesAbstractAutomationButtonPassiveSquare: {
     };
 };
 export declare const argTypesAbstractAutomationButtonMotorized: {
+    on: {
+        table: {
+            disable: boolean;
+        };
+        control: boolean;
+    };
     speedInPercent: {
         control: {
             type: string;

package/dist/automation/automation-button/abstract-automation-button-storybook-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-storybook-helpers.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button-storybook-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,2BAA2B,EAC3B,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAClG,OAAO,EACL,0BAA0B,EAC1B,kCAAkC,EAClC,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,iCAAiC,CAAC;AAEzC,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD5C,CAAC;AAEF,eAAO,MAAM,4CAA4C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMxD,CAAC;AAEF,eAAO,MAAM,6CAA6C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUzD,CAAC;AAEF,eAAO,MAAM,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrD,CAAC"}
+{"version":3,"file":"abstract-automation-button-storybook-helpers.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button-storybook-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,2BAA2B,EAC3B,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAClG,OAAO,EACL,0BAA0B,EAC1B,kCAAkC,EAClC,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,iCAAiC,CAAC;AAEzC,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD5C,CAAC;AAEF,eAAO,MAAM,4CAA4C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMxD,CAAC;AAEF,eAAO,MAAM,6CAA6C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWzD,CAAC;AAEF,eAAO,MAAM,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BrD,CAAC"}

package/dist/automation/automation-button/abstract-automation-button-storybook-helpers.js

@@ -84,6 +84,10 @@ var argTypesAbstractAutomationButtonPassiveRound = {
 };
 var argTypesAbstractAutomationButtonPassiveSquare = {
 	...argTypesAbstractAutomationButton,
+	on: {
+		table: { disable: true },
+		control: false
+	},
 	variant: {
 		options: ["square", "flat"],
 		control: { type: "radio" }
@@ -95,6 +99,10 @@ var argTypesAbstractAutomationButtonPassiveSquare = {
 };
 var argTypesAbstractAutomationButtonMotorized = {
 	...argTypesAbstractAutomationButton,
+	on: {
+		table: { disable: true },
+		control: false
+	},
 	speedInPercent: {
 		control: {
 			type: "range",

package/dist/automation/automation-button/abstract-automation-button-storybook-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-storybook-helpers.js","names":[],"sources":["../../../src/automation/automation-button/abstract-automation-button-storybook-helpers.ts"],"sourcesContent":["import {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n  ObcAlertFrameMode,\n} from '../../components/alert-frame/alert-frame.js';\nimport {MotorizedVariant} from './abstract-automation-button-motorized.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonLabelDirection,\n  AutomationButtonOrientation,\n  AutomationButtonPositioning,\n} from './automation-button.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from './abstract-automation-button.js';\n\nexport const argTypesAbstractAutomationButton = {\n  tag: {\n    control: {type: 'text'},\n  },\n  readoutPosition: {\n    options: ['top', 'bottom', 'left', 'right'],\n    control: {type: 'radio'},\n  },\n  readoutSize: {\n    options: ['small', 'regular', 'enhanced'],\n    control: {type: 'radio'},\n  },\n  alertFrameType: {\n    options: Object.values(ObcAlertFrameType),\n    control: {type: 'radio'},\n  },\n  alertFrameMode: {\n    options: Object.values(ObcAlertFrameMode),\n    control: {type: 'radio'},\n  },\n  alertFrameThickness: {\n    options: Object.values(ObcAlertFrameThickness),\n    control: {type: 'radio'},\n  },\n  alertFrameStatus: {\n    options: Object.values(ObcAlertFrameStatus),\n    control: {type: 'radio'},\n  },\n  positioning: {\n    options: Object.values(AutomationButtonPositioning),\n    control: {type: 'select'},\n  },\n  badgeControl: {\n    options: Object.values(AutomationButtonBadgeControl),\n    control: {type: 'select'},\n  },\n  badgeCommandLocked: {\n    options: Object.values(AutomationButtonBadgeCommandLocked),\n    control: {type: 'select'},\n  },\n  badgeInterlock: {\n    options: Object.values(AutomationButtonBadgeInterlock),\n    control: {type: 'select'},\n  },\n  badgeAlert: {\n    options: Object.values(AutomationButtonBadgeAlert),\n    control: {type: 'select'},\n  },\n  progressMode: {\n    options: Object.values(CircularProgressMode),\n    control: {type: 'select'},\n    if: {arg: 'progress'},\n  },\n  progressValue: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n    if: {arg: 'progress'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveRound = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['regular', 'flat'],\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveSquare = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['square', 'flat'],\n    control: {type: 'radio'},\n  },\n  orientation: {\n    options: Object.values(AutomationButtonOrientation),\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonMotorized = {\n  ...argTypesAbstractAutomationButton,\n  speedInPercent: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n    description: 'Deprecated, use `speed` together with `speedUnit` instead.',\n  },\n  speed: {\n    control: {type: 'number'},\n  },\n  speedUnit: {\n    control: {type: 'text'},\n  },\n  speedMaxDigits: {\n    control: {type: 'number'},\n  },\n  labelDirection: {\n    options: Object.values(AutomationButtonLabelDirection),\n    control: {type: 'radio'},\n  },\n  direction: {\n    options: Object.values(AutomationButtonDirection),\n    control: {type: 'radio'},\n  },\n  variant: {\n    options: Object.values(MotorizedVariant),\n    control: {type: 'radio'},\n  },\n};\n"],"mappings":";;;;;;;AAqBA,IAAa,mCAAmC;CAC9C,KAAK,EACH,SAAS,EAAC,MAAM,OAAM,EACxB;CACA,iBAAiB;EACf,SAAS;GAAC;GAAO;GAAU;GAAQ;EAAO;EAC1C,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,aAAa;EACX,SAAS;GAAC;GAAS;GAAW;EAAU;EACxC,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,iBAAiB;EACxC,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,iBAAiB;EACxC,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,qBAAqB;EACnB,SAAS,OAAO,OAAO,sBAAsB;EAC7C,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,kBAAkB;EAChB,SAAS,OAAO,OAAO,SAAmB;EAC1C,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,aAAa;EACX,SAAS,OAAO,OAAO,2BAA2B;EAClD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,cAAc;EACZ,SAAS,OAAO,OAAO,4BAA4B;EACnD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,oBAAoB;EAClB,SAAS,OAAO,OAAO,kCAAkC;EACzD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,8BAA8B;EACrD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,YAAY;EACV,SAAS,OAAO,OAAO,0BAA0B;EACjD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,cAAc;EACZ,SAAS,OAAO,OAAO,oBAAoB;EAC3C,SAAS,EAAC,MAAM,SAAQ;EACxB,IAAI,EAAC,KAAK,WAAU;CACtB;CACA,eAAe;EACb,SAAS;GAAC,MAAM;GAAS,KAAK;GAAG,KAAK;GAAK,MAAM;EAAC;EAClD,IAAI,EAAC,KAAK,WAAU;CACtB;AACF;AAEA,IAAa,+CAA+C;CAC1D,GAAG;CACH,SAAS;EACP,SAAS,CAAC,WAAW,MAAM;EAC3B,SAAS,EAAC,MAAM,QAAO;CACzB;AACF;AAEA,IAAa,gDAAgD;CAC3D,GAAG;CACH,SAAS;EACP,SAAS,CAAC,UAAU,MAAM;EAC1B,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,aAAa;EACX,SAAS,OAAO,OAAO,2BAA2B;EAClD,SAAS,EAAC,MAAM,QAAO;CACzB;AACF;AAEA,IAAa,4CAA4C;CACvD,GAAG;CACH,gBAAgB;EACd,SAAS;GAAC,MAAM;GAAS,KAAK;GAAG,KAAK;GAAK,MAAM;EAAC;EAClD,aAAa;CACf;CACA,OAAO,EACL,SAAS,EAAC,MAAM,SAAQ,EAC1B;CACA,WAAW,EACT,SAAS,EAAC,MAAM,OAAM,EACxB;CACA,gBAAgB,EACd,SAAS,EAAC,MAAM,SAAQ,EAC1B;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,8BAA8B;EACrD,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,WAAW;EACT,SAAS,OAAO,OAAO,yBAAyB;EAChD,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,SAAS;EACP,SAAS,OAAO,OAAO,gBAAgB;EACvC,SAAS,EAAC,MAAM,QAAO;CACzB;AACF"}
+{"version":3,"file":"abstract-automation-button-storybook-helpers.js","names":[],"sources":["../../../src/automation/automation-button/abstract-automation-button-storybook-helpers.ts"],"sourcesContent":["import {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n  ObcAlertFrameMode,\n} from '../../components/alert-frame/alert-frame.js';\nimport {MotorizedVariant} from './abstract-automation-button-motorized.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonLabelDirection,\n  AutomationButtonOrientation,\n  AutomationButtonPositioning,\n} from './automation-button.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from './abstract-automation-button.js';\n\nexport const argTypesAbstractAutomationButton = {\n  tag: {\n    control: {type: 'text'},\n  },\n  readoutPosition: {\n    options: ['top', 'bottom', 'left', 'right'],\n    control: {type: 'radio'},\n  },\n  readoutSize: {\n    options: ['small', 'regular', 'enhanced'],\n    control: {type: 'radio'},\n  },\n  alertFrameType: {\n    options: Object.values(ObcAlertFrameType),\n    control: {type: 'radio'},\n  },\n  alertFrameMode: {\n    options: Object.values(ObcAlertFrameMode),\n    control: {type: 'radio'},\n  },\n  alertFrameThickness: {\n    options: Object.values(ObcAlertFrameThickness),\n    control: {type: 'radio'},\n  },\n  alertFrameStatus: {\n    options: Object.values(ObcAlertFrameStatus),\n    control: {type: 'radio'},\n  },\n  positioning: {\n    options: Object.values(AutomationButtonPositioning),\n    control: {type: 'select'},\n  },\n  badgeControl: {\n    options: Object.values(AutomationButtonBadgeControl),\n    control: {type: 'select'},\n  },\n  badgeCommandLocked: {\n    options: Object.values(AutomationButtonBadgeCommandLocked),\n    control: {type: 'select'},\n  },\n  badgeInterlock: {\n    options: Object.values(AutomationButtonBadgeInterlock),\n    control: {type: 'select'},\n  },\n  badgeAlert: {\n    options: Object.values(AutomationButtonBadgeAlert),\n    control: {type: 'select'},\n  },\n  progressMode: {\n    options: Object.values(CircularProgressMode),\n    control: {type: 'select'},\n    if: {arg: 'progress'},\n  },\n  progressValue: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n    if: {arg: 'progress'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveRound = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['regular', 'flat'],\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveSquare = {\n  ...argTypesAbstractAutomationButton,\n  on: {table: {disable: true}, control: false},\n  variant: {\n    options: ['square', 'flat'],\n    control: {type: 'radio'},\n  },\n  orientation: {\n    options: Object.values(AutomationButtonOrientation),\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonMotorized = {\n  ...argTypesAbstractAutomationButton,\n  on: {table: {disable: true}, control: false},\n  speedInPercent: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n    description: 'Deprecated, use `speed` together with `speedUnit` instead.',\n  },\n  speed: {\n    control: {type: 'number'},\n  },\n  speedUnit: {\n    control: {type: 'text'},\n  },\n  speedMaxDigits: {\n    control: {type: 'number'},\n  },\n  labelDirection: {\n    options: Object.values(AutomationButtonLabelDirection),\n    control: {type: 'radio'},\n  },\n  direction: {\n    options: Object.values(AutomationButtonDirection),\n    control: {type: 'radio'},\n  },\n  variant: {\n    options: Object.values(MotorizedVariant),\n    control: {type: 'radio'},\n  },\n};\n"],"mappings":";;;;;;;AAqBA,IAAa,mCAAmC;CAC9C,KAAK,EACH,SAAS,EAAC,MAAM,OAAM,EACxB;CACA,iBAAiB;EACf,SAAS;GAAC;GAAO;GAAU;GAAQ;EAAO;EAC1C,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,aAAa;EACX,SAAS;GAAC;GAAS;GAAW;EAAU;EACxC,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,iBAAiB;EACxC,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,iBAAiB;EACxC,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,qBAAqB;EACnB,SAAS,OAAO,OAAO,sBAAsB;EAC7C,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,kBAAkB;EAChB,SAAS,OAAO,OAAO,SAAmB;EAC1C,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,aAAa;EACX,SAAS,OAAO,OAAO,2BAA2B;EAClD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,cAAc;EACZ,SAAS,OAAO,OAAO,4BAA4B;EACnD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,oBAAoB;EAClB,SAAS,OAAO,OAAO,kCAAkC;EACzD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,8BAA8B;EACrD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,YAAY;EACV,SAAS,OAAO,OAAO,0BAA0B;EACjD,SAAS,EAAC,MAAM,SAAQ;CAC1B;CACA,cAAc;EACZ,SAAS,OAAO,OAAO,oBAAoB;EAC3C,SAAS,EAAC,MAAM,SAAQ;EACxB,IAAI,EAAC,KAAK,WAAU;CACtB;CACA,eAAe;EACb,SAAS;GAAC,MAAM;GAAS,KAAK;GAAG,KAAK;GAAK,MAAM;EAAC;EAClD,IAAI,EAAC,KAAK,WAAU;CACtB;AACF;AAEA,IAAa,+CAA+C;CAC1D,GAAG;CACH,SAAS;EACP,SAAS,CAAC,WAAW,MAAM;EAC3B,SAAS,EAAC,MAAM,QAAO;CACzB;AACF;AAEA,IAAa,gDAAgD;CAC3D,GAAG;CACH,IAAI;EAAC,OAAO,EAAC,SAAS,KAAI;EAAG,SAAS;CAAK;CAC3C,SAAS;EACP,SAAS,CAAC,UAAU,MAAM;EAC1B,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,aAAa;EACX,SAAS,OAAO,OAAO,2BAA2B;EAClD,SAAS,EAAC,MAAM,QAAO;CACzB;AACF;AAEA,IAAa,4CAA4C;CACvD,GAAG;CACH,IAAI;EAAC,OAAO,EAAC,SAAS,KAAI;EAAG,SAAS;CAAK;CAC3C,gBAAgB;EACd,SAAS;GAAC,MAAM;GAAS,KAAK;GAAG,KAAK;GAAK,MAAM;EAAC;EAClD,aAAa;CACf;CACA,OAAO,EACL,SAAS,EAAC,MAAM,SAAQ,EAC1B;CACA,WAAW,EACT,SAAS,EAAC,MAAM,OAAM,EACxB;CACA,gBAAgB,EACd,SAAS,EAAC,MAAM,SAAQ,EAC1B;CACA,gBAAgB;EACd,SAAS,OAAO,OAAO,8BAA8B;EACrD,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,WAAW;EACT,SAAS,OAAO,OAAO,yBAAyB;EAChD,SAAS,EAAC,MAAM,QAAO;CACzB;CACA,SAAS;EACP,SAAS,OAAO,OAAO,gBAAgB;EACvC,SAAS,EAAC,MAAM,QAAO;CACzB;AACF"}

package/dist/automation/bipolar-transistor/bipolar-transistor.js

@@ -30,7 +30,7 @@ var ObcBipolarTransistor = class ObcBipolarTransistor extends ObcAbstractAutomat
 	}
 	get icon() {
 		switch (this.alternativeIcon) {
-			case "bipolarTransistor02": if (this.on) return html`<obi-bipolar-transistor-02-on
+			case "bipolarTransistor02": if (this.turnedOn) return html`<obi-bipolar-transistor-02-on
               usecsscolor
               slot="icon"
             ></obi-bipolar-transistor-02-on>
@@ -46,7 +46,7 @@ var ObcBipolarTransistor = class ObcBipolarTransistor extends ObcAbstractAutomat
               usecsscolor
               slot="icon-silhouette"
             ></obi-bipolar-transistor-02-off>`;
-			case "bipolarTransistor03": if (this.on) return html`<obi-bipolar-transistor-03-on
+			case "bipolarTransistor03": if (this.turnedOn) return html`<obi-bipolar-transistor-03-on
               usecsscolor
               slot="icon"
             ></obi-bipolar-transistor-03-on>
@@ -62,7 +62,7 @@ var ObcBipolarTransistor = class ObcBipolarTransistor extends ObcAbstractAutomat
               usecsscolor
               slot="icon-silhouette"
             ></obi-bipolar-transistor-03-off>`;
-			case "bipolarTransistor04": if (this.on) return html`<obi-bipolar-transistor-04-on
+			case "bipolarTransistor04": if (this.turnedOn) return html`<obi-bipolar-transistor-04-on
               usecsscolor
               slot="icon"
             ></obi-bipolar-transistor-04-on>
@@ -94,7 +94,7 @@ var ObcBipolarTransistor = class ObcBipolarTransistor extends ObcAbstractAutomat
             usecsscolor
             slot="icon-silhouette"
           ></obi-bipolar-transistor-04-flat>`;
-			default: if (this.on) return html`<obi-bipolar-transistor-on
+			default: if (this.turnedOn) return html`<obi-bipolar-transistor-on
               usecsscolor
               slot="icon"
             ></obi-bipolar-transistor-on>

package/dist/automation/bipolar-transistor/bipolar-transistor.js.map

@@ -1 +1 @@
-{"version":3,"file":"bipolar-transistor.js","names":[],"sources":["../../../src/automation/bipolar-transistor/bipolar-transistor.ts"],"sourcesContent":["import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport '../../icons/icon-bipolar-transistor-on.js';\nimport '../../icons/icon-bipolar-transistor-off.js';\nimport '../../icons/icon-bipolar-transistor-02-on.js';\nimport '../../icons/icon-bipolar-transistor-02-off.js';\nimport '../../icons/icon-bipolar-transistor-03-on.js';\nimport '../../icons/icon-bipolar-transistor-03-off.js';\nimport '../../icons/icon-bipolar-transistor-04-on.js';\nimport '../../icons/icon-bipolar-transistor-04-off.js';\nimport '../../icons/icon-bipolar-transistor-03-flat.js';\nimport '../../icons/icon-bipolar-transistor-04-flat.js';\nimport {customElement} from '../../decorator.js';\nimport {ObcAbstractAutomationButtonSquared} from '../automation-button/abstract-automation-button-squared.js';\n\nexport enum BipolarTransistorAlternativeIcon {\n  bipolarTransistor01 = 'bipolarTransistor01',\n  bipolarTransistor02 = 'bipolarTransistor02',\n  bipolarTransistor03 = 'bipolarTransistor03',\n  bipolarTransistor04 = 'bipolarTransistor04',\n  bipolarTransistor03Flat = 'bipolarTransistor03Flat',\n  bipolarTransistor04Flat = 'bipolarTransistor04Flat',\n}\n\n/**\n * @stable\n */\n@customElement('obc-bipolar-transistor')\nexport class ObcBipolarTransistor extends ObcAbstractAutomationButtonSquared {\n  @property({type: String}) alternativeIcon: BipolarTransistorAlternativeIcon =\n    BipolarTransistorAlternativeIcon.bipolarTransistor01;\n\n  override get icon() {\n    switch (this.alternativeIcon) {\n      case BipolarTransistorAlternativeIcon.bipolarTransistor02:\n        if (this.on) {\n          return html`<obi-bipolar-transistor-02-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-02-on>\n            <obi-bipolar-transistor-02-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-02-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-02-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-02-off>\n            <obi-bipolar-transistor-02-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-02-off>`;\n        }\n      case BipolarTransistorAlternativeIcon.bipolarTransistor03:\n        if (this.on) {\n          return html`<obi-bipolar-transistor-03-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-03-on>\n            <obi-bipolar-transistor-03-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-03-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-03-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-03-off>\n            <obi-bipolar-transistor-03-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-03-off>`;\n        }\n      case BipolarTransistorAlternativeIcon.bipolarTransistor04:\n        if (this.on) {\n          return html`<obi-bipolar-transistor-04-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-04-on>\n            <obi-bipolar-transistor-04-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-04-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-04-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-04-off>\n            <obi-bipolar-transistor-04-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-04-off>`;\n        }\n      case BipolarTransistorAlternativeIcon.bipolarTransistor03Flat:\n        return html`<obi-bipolar-transistor-03-flat\n            usecsscolor\n            slot=\"icon\"\n          ></obi-bipolar-transistor-03-flat>\n          <obi-bipolar-transistor-03-flat\n            usecsscolor\n            slot=\"icon-silhouette\"\n          ></obi-bipolar-transistor-03-flat>`;\n      case BipolarTransistorAlternativeIcon.bipolarTransistor04Flat:\n        return html`<obi-bipolar-transistor-04-flat\n            usecsscolor\n            slot=\"icon\"\n          ></obi-bipolar-transistor-04-flat>\n          <obi-bipolar-transistor-04-flat\n            usecsscolor\n            slot=\"icon-silhouette\"\n          ></obi-bipolar-transistor-04-flat>`;\n      default:\n        if (this.on) {\n          return html`<obi-bipolar-transistor-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-on>\n            <obi-bipolar-transistor-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-off>\n            <obi-bipolar-transistor-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-off>`;\n        }\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-bipolar-transistor': ObcBipolarTransistor;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAY,mCAAL,yBAAA,kCAAA;CACL,iCAAA,yBAAA;CACA,iCAAA,yBAAA;CACA,iCAAA,yBAAA;CACA,iCAAA,yBAAA;CACA,iCAAA,6BAAA;CACA,iCAAA,6BAAA;;AACF,EAAA,CAAA,CAAA;AAMO,IAAM,uBAAN,MAAM,6BAA6B,mCAAmC;;;;;CAI3E,IAAa,OAAO;EAClB,QAAQ,KAAK,iBAAb;GACE,KAAA,uBACE,IAAI,KAAK,IACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;GASf,KAAA,uBACE,IAAI,KAAK,IACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;GASf,KAAA,uBACE,IAAI,KAAK,IACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;GASf,KAAA,2BACE,OAAO,IAAI;;;;;;;;GAQb,KAAA,2BACE,OAAO,IAAI;;;;;;;;GAQb,SACE,IAAI,KAAK,IACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;EASjB;CACF;AACF;AAzGG,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qBAAA,WAAA,mBAAA,KAAA,CAAA;AAFzB,uBAAA,WAAA,CAAA,cAAc,wBAAwB,CAAA,GAAA,oBAAA"}
+{"version":3,"file":"bipolar-transistor.js","names":[],"sources":["../../../src/automation/bipolar-transistor/bipolar-transistor.ts"],"sourcesContent":["import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport '../../icons/icon-bipolar-transistor-on.js';\nimport '../../icons/icon-bipolar-transistor-off.js';\nimport '../../icons/icon-bipolar-transistor-02-on.js';\nimport '../../icons/icon-bipolar-transistor-02-off.js';\nimport '../../icons/icon-bipolar-transistor-03-on.js';\nimport '../../icons/icon-bipolar-transistor-03-off.js';\nimport '../../icons/icon-bipolar-transistor-04-on.js';\nimport '../../icons/icon-bipolar-transistor-04-off.js';\nimport '../../icons/icon-bipolar-transistor-03-flat.js';\nimport '../../icons/icon-bipolar-transistor-04-flat.js';\nimport {customElement} from '../../decorator.js';\nimport {ObcAbstractAutomationButtonSquared} from '../automation-button/abstract-automation-button-squared.js';\n\nexport enum BipolarTransistorAlternativeIcon {\n  bipolarTransistor01 = 'bipolarTransistor01',\n  bipolarTransistor02 = 'bipolarTransistor02',\n  bipolarTransistor03 = 'bipolarTransistor03',\n  bipolarTransistor04 = 'bipolarTransistor04',\n  bipolarTransistor03Flat = 'bipolarTransistor03Flat',\n  bipolarTransistor04Flat = 'bipolarTransistor04Flat',\n}\n\n/**\n * @stable\n */\n@customElement('obc-bipolar-transistor')\nexport class ObcBipolarTransistor extends ObcAbstractAutomationButtonSquared {\n  @property({type: String}) alternativeIcon: BipolarTransistorAlternativeIcon =\n    BipolarTransistorAlternativeIcon.bipolarTransistor01;\n\n  override get icon() {\n    switch (this.alternativeIcon) {\n      case BipolarTransistorAlternativeIcon.bipolarTransistor02:\n        if (this.turnedOn) {\n          return html`<obi-bipolar-transistor-02-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-02-on>\n            <obi-bipolar-transistor-02-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-02-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-02-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-02-off>\n            <obi-bipolar-transistor-02-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-02-off>`;\n        }\n      case BipolarTransistorAlternativeIcon.bipolarTransistor03:\n        if (this.turnedOn) {\n          return html`<obi-bipolar-transistor-03-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-03-on>\n            <obi-bipolar-transistor-03-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-03-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-03-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-03-off>\n            <obi-bipolar-transistor-03-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-03-off>`;\n        }\n      case BipolarTransistorAlternativeIcon.bipolarTransistor04:\n        if (this.turnedOn) {\n          return html`<obi-bipolar-transistor-04-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-04-on>\n            <obi-bipolar-transistor-04-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-04-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-04-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-04-off>\n            <obi-bipolar-transistor-04-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-04-off>`;\n        }\n      case BipolarTransistorAlternativeIcon.bipolarTransistor03Flat:\n        return html`<obi-bipolar-transistor-03-flat\n            usecsscolor\n            slot=\"icon\"\n          ></obi-bipolar-transistor-03-flat>\n          <obi-bipolar-transistor-03-flat\n            usecsscolor\n            slot=\"icon-silhouette\"\n          ></obi-bipolar-transistor-03-flat>`;\n      case BipolarTransistorAlternativeIcon.bipolarTransistor04Flat:\n        return html`<obi-bipolar-transistor-04-flat\n            usecsscolor\n            slot=\"icon\"\n          ></obi-bipolar-transistor-04-flat>\n          <obi-bipolar-transistor-04-flat\n            usecsscolor\n            slot=\"icon-silhouette\"\n          ></obi-bipolar-transistor-04-flat>`;\n      default:\n        if (this.turnedOn) {\n          return html`<obi-bipolar-transistor-on\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-on>\n            <obi-bipolar-transistor-on\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-on>`;\n        } else {\n          return html`<obi-bipolar-transistor-off\n              usecsscolor\n              slot=\"icon\"\n            ></obi-bipolar-transistor-off>\n            <obi-bipolar-transistor-off\n              usecsscolor\n              slot=\"icon-silhouette\"\n            ></obi-bipolar-transistor-off>`;\n        }\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-bipolar-transistor': ObcBipolarTransistor;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAY,mCAAL,yBAAA,kCAAA;CACL,iCAAA,yBAAA;CACA,iCAAA,yBAAA;CACA,iCAAA,yBAAA;CACA,iCAAA,yBAAA;CACA,iCAAA,6BAAA;CACA,iCAAA,6BAAA;;AACF,EAAA,CAAA,CAAA;AAMO,IAAM,uBAAN,MAAM,6BAA6B,mCAAmC;;;;;CAI3E,IAAa,OAAO;EAClB,QAAQ,KAAK,iBAAb;GACE,KAAA,uBACE,IAAI,KAAK,UACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;GASf,KAAA,uBACE,IAAI,KAAK,UACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;GASf,KAAA,uBACE,IAAI,KAAK,UACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;GASf,KAAA,2BACE,OAAO,IAAI;;;;;;;;GAQb,KAAA,2BACE,OAAO,IAAI;;;;;;;;GAQb,SACE,IAAI,KAAK,UACP,OAAO,IAAI;;;;;;;;QASX,OAAO,IAAI;;;;;;;;EASjB;CACF;AACF;AAzGG,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,qBAAA,WAAA,mBAAA,KAAA,CAAA;AAFzB,uBAAA,WAAA,CAAA,cAAc,wBAAwB,CAAA,GAAA,oBAAA"}