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

package/bundle/openbridge-webcomponents.bundle.js

@@ -12885,11 +12885,15 @@ __decorate([o$5({
 })], ObcPoiController.prototype, "stackElements", void 0);
 ObcPoiController = __decorate([customElement("obc-poi-controller")], ObcPoiController);
 //#endregion
-//#region src/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.css?inline
-var valve_analog_two_way_icon_default = i$7`* {
+//#region src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.css?inline
+var valve_analog_three_way_icon_default = i$7`* {
   -webkit-tap-highlight-color: transparent;
 }
 
+:host {
+  display: block;
+}
+
 .wrapper {
   height: 100%;
   width: 100%;
@@ -12902,127 +12906,6 @@ var valve_analog_two_way_icon_default = i$7`* {
 }
 `;
 //#endregion
-//#region src/icons/icon-twoway-analog-closed.ts
-var ObiTwowayAnalogClosed = class ObiTwowayAnalogClosed extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.useCssColor = false;
-		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V15L20.4453 19.9635C21.1099 20.4066 22 19.9302 22 19.1315V6.8685C22 6.06981 21.1099 5.59342 20.4453 6.03645L13 11ZM14 14.4648V11.5352L21 6.8685V19.1315L14 14.4648Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5547 6.03645L11 11V15L3.5547 19.9635C2.89015 20.4066 2 19.9302 2 19.1315V6.8685C2 6.06981 2.89015 5.59342 3.5547 6.03645ZM3 19.1315L10 14.4648V11.5352L3 6.8685L3 19.1315Z" fill="currentColor"/>
-<path d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3ZM14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8V3C10 1.89543 10.8954 1 12 1C13.1046 1 14 1.89543 14 3V8Z" fill="currentColor"/>
-<path d="M14 14.4645V11.5348L21 6.86816V19.1311L14 14.4645Z" fill="currentColor"/>
-<path d="M3 19.1311L10 14.4645V11.5348L3 6.86816V19.1311Z" fill="currentColor"/>
-<path d="M11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8Z" fill="currentColor"/>
-</svg>
-`;
-		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V15L20.4453 19.9635C21.1099 20.4066 22 19.9302 22 19.1315V6.8685C22 6.06981 21.1099 5.59342 20.4453 6.03645L13 11ZM14 14.4648V11.5352L21 6.8685V19.1315L14 14.4648Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5547 6.03645L11 11V15L3.5547 19.9635C2.89015 20.4066 2 19.9302 2 19.1315V6.8685C2 6.06981 2.89015 5.59342 3.5547 6.03645ZM3 19.1315L10 14.4648V11.5352L3 6.8685L3 19.1315Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
-<path d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3ZM14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8V3C10 1.89543 10.8954 1 12 1C13.1046 1 14 1.89543 14 3V8Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
-<path d="M14 14.4645V11.5348L21 6.86816V19.1311L14 14.4645Z" style="fill: var(--automation-device-primary-inverted-color)"/>
-<path d="M3 19.1311L10 14.4645V11.5348L3 6.86816V19.1311Z" style="fill: var(--automation-device-primary-inverted-color)"/>
-<path d="M11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8Z" style="fill: var(--automation-device-primary-inverted-color)"/>
-</svg>
-`;
-	}
-	render() {
-		return b`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-	}
-	static {
-		this.styles = i$7`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-      line-height: 0;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-	}
-};
-__decorate([n$4({ type: Boolean })], ObiTwowayAnalogClosed.prototype, "useCssColor", void 0);
-ObiTwowayAnalogClosed = __decorate([customElement("obi-twoway-analog-closed")], ObiTwowayAnalogClosed);
-//#endregion
-//#region src/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.ts
-var OUTLINE = "M11 11L3.5547 6.03645C2.89015 5.59342 2 6.06981 2 6.8685V19.1315C2 19.9302 2.89015 20.4066 3.5547 19.9635L11 15H13L20.4453 19.9635C21.1099 20.4066 22 19.9302 22 19.1315V6.8685C22 6.06981 21.1099 5.59342 20.4453 6.03645L13 11H11ZM3 6.8685L3 19.1315L10.6972 14H13.3028L21 19.1315V6.8685L13.3028 12H10.6972L3 6.8685Z";
-var BODY = "M10.6972 12H13.3028L21 6.8685V19.1315L13.3028 14H10.6972L3 19.1315V6.8685L10.6972 12Z";
-/** Width of the shut band at each port end when the opening is 0 %, in icon units. */
-var BAND_RANGE = 7;
-var SECONDARY = "fill: var(--automation-device-secondary-color)";
-var TERTIARY = "fill: var(--automation-device-tertiary-color)";
-var PRIMARY = "fill: var(--automation-device-primary-color)";
-var ObcValveAnalogTwoWayIcon = class ObcValveAnalogTwoWayIcon extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.value = 0;
-		this.closed = false;
-		this.vertical = false;
-	}
-	renderBands(width) {
-		if (width <= 0) return null;
-		const left = 3 + width;
-		const right = 21 - width;
-		return w`<g clip-path="url(#body)">
-      <rect x="2" y="0" width=${left - 2} height="24" style=${SECONDARY}/>
-      <rect x=${left} y="0" width="1" height="24" style=${TERTIARY}/>
-      <rect x=${right} y="0" width=${22 - right} height="24" style=${SECONDARY}/>
-      <rect x=${right - 1} y="0" width="1" height="24" style=${TERTIARY}/>
-    </g>`;
-	}
-	/**
-	* Horizontal at the top when open, turning to vertical and moving 2 units
-	* down as the valve shuts, matching `obi-twoway-analog-open` at 100 %.
-	*/
-	renderHandle(value) {
-		const shut = 1 - value / 100;
-		const angle = -90 * shut;
-		const cx = 12;
-		const cy = 3.5 + 2 * shut;
-		return w`<g transform="rotate(${angle} ${cx} ${cy})">
-      <rect x=${8} y=${cy - 1.5} width="8" height="3" rx="1.5" style=${TERTIARY}/>
-      <rect x=${9} y=${cy - .5} width="6" height="1" rx="0.5" style=${PRIMARY}/>
-    </g>`;
-	}
-	render() {
-		const transform = this.vertical ? "transform: rotate(90deg);" : "";
-		if (this.closed) return b` <div class="wrapper" style="${transform}">
-        <obi-twoway-analog-closed useCssColor> </obi-twoway-analog-closed>
-      </div>`;
-		const value = clampPercent$1(this.value);
-		return b`
-      <div class="wrapper" style="${transform}">
-        <svg
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <defs>
-            <clipPath id="body"><path d=${BODY} /></clipPath>
-          </defs>
-          <path d=${OUTLINE} style=${TERTIARY} />
-          <path d=${BODY} style=${PRIMARY} />
-          ${this.renderBands(BAND_RANGE * (100 - value) / 100)}
-          ${this.renderHandle(value)}
-        </svg>
-      </div>
-    `;
-	}
-	static {
-		this.styles = r$7(valve_analog_two_way_icon_default);
-	}
-};
-__decorate([n$4({ type: Number })], ObcValveAnalogTwoWayIcon.prototype, "value", void 0);
-__decorate([n$4({ type: Boolean })], ObcValveAnalogTwoWayIcon.prototype, "closed", void 0);
-__decorate([n$4({ type: Boolean })], ObcValveAnalogTwoWayIcon.prototype, "vertical", void 0);
-ObcValveAnalogTwoWayIcon = __decorate([customElement("obc-valve-analog-two-way-icon")], ObcValveAnalogTwoWayIcon);
-//#endregion
 //#region src/automation/automation-button/automation-button.css?inline
 var automation_button_default = i$7`* {
   -webkit-tap-highlight-color: transparent;
@@ -18074,26 +17957,31 @@ var ObcAutomationButtonReadoutStack = class ObcAutomationButtonReadoutStack exte
       .hintedZeros=${format.hintedZeros ?? false}
     ></obc-readout-block>`;
 	}
-	renderValue(readout) {
-		let directionIcon = A;
-		if (readout.icon == "arrow") {
-			if (readout.direction == "up") directionIcon = b`<obi-arrow-up-google
+	renderArrow(direction) {
+		switch (direction) {
+			case "up": return b`<obi-arrow-up-google
           class="icon"
           useCssColor
         ></obi-arrow-up-google>`;
-			else if (readout.direction == "down") directionIcon = b`<obi-arrow-down-google
+			case "down": return b`<obi-arrow-down-google
           class="icon"
           useCssColor
         ></obi-arrow-down-google>`;
-			else if (readout.direction == "left") directionIcon = b`<obi-arrow-left-google
+			case "left": return b`<obi-arrow-left-google
           class="icon"
           useCssColor
         ></obi-arrow-left-google>`;
-			else if (readout.direction == "right") directionIcon = b`<obi-arrow-right-google
+			case "right": return b`<obi-arrow-right-google
           class="icon"
           useCssColor
         ></obi-arrow-right-google>`;
-		} else if (readout.icon == "chevron") {
+			default: return A;
+		}
+	}
+	renderValue(readout) {
+		let directionIcon = A;
+		if (readout.icon == "arrow") directionIcon = this.renderArrow(readout.direction);
+		else if (readout.icon == "chevron") {
 			if (readout.direction == "up") directionIcon = b`<obi-chevron-double-up-google
           class="icon"
           useCssColor
@@ -18139,13 +18027,15 @@ var ObcAutomationButtonReadoutStack = class ObcAutomationButtonReadoutStack exte
 	}
 	renderStateOff(readout) {
 		let offIcon = b``;
-		if (readout.hasIcon) offIcon = b`<obi-off class="icon" useCssColor></obi-off>`;
+		if (readout.direction && readout.direction !== "none") offIcon = this.renderArrow(readout.direction);
+		else if (readout.hasIcon) offIcon = b`<obi-off class="icon" useCssColor></obi-off>`;
 		const content = this.renderValueText(readout.value);
 		return this.renderValueContainer("state-off", offIcon, content);
 	}
 	renderStateOn(readout) {
 		let onIcon = b``;
-		if (readout.hasIcon) onIcon = b`<obi-on class="icon" useCssColor></obi-on>`;
+		if (readout.direction && readout.direction !== "none") onIcon = this.renderArrow(readout.direction);
+		else if (readout.hasIcon) onIcon = b`<obi-on class="icon" useCssColor></obi-on>`;
 		const content = this.renderValueText(readout.value);
 		return this.renderValueContainer("state-on", onIcon, content);
 	}
@@ -18701,6 +18591,252 @@ __decorate([n$4({ type: String })], ObcAutomationButton.prototype, "orientation"
 __decorate([n$4({ type: Boolean })], ObcAutomationButton.prototype, "hasBadgeSpacer", void 0);
 ObcAutomationButton = __decorate([customElement("obc-automation-button")], ObcAutomationButton);
 //#endregion
+//#region src/automation/threeway-valve-shared/threeway-valve-shared.ts
+/**
+* Shared vocabulary of the three-way valves: `obc-digital-threeway-valve`,
+* `obc-analog-threeway-valve` and `obc-valve-analog-three-way-icon`.
+*
+* ## Ports
+*
+* A three-way valve has three ports and one side without a port. The ports
+* are numbered from the side without a port, in the order left, stem, right
+* as seen with the stem pointing down: with `orientation` `bottom`, port 1 is
+* the left port, port 2 the bottom port (the stem) and port 3 the right port.
+* The numbering turns with the symbol, so port 2 is always the stem.
+*
+* ## Flow readouts
+*
+* Flow through a three-way valve can go several ways at once, so the readout
+* is a list: one row per flow, each with an optional arrow direction and
+* either a value with a unit (`%` when left out) or a state (`Open` /
+* `Closed`).
+*
+* @module
+*/
+/**
+* The side the stem (port 2) points to. `bottom` and `top` lay the valve on a
+* horizontal pipe, `left` and `right` on a vertical one.
+*/
+var ThreewayValveOrientation = /* @__PURE__ */ function(ThreewayValveOrientation) {
+	ThreewayValveOrientation["bottom"] = "bottom";
+	ThreewayValveOrientation["left"] = "left";
+	ThreewayValveOrientation["top"] = "top";
+	ThreewayValveOrientation["right"] = "right";
+	return ThreewayValveOrientation;
+}({});
+/** Clockwise rotation from the `bottom` drawing, in degrees. */
+function threewayValveRotation(orientation) {
+	switch (orientation) {
+		case "left": return 90;
+		case "top": return 180;
+		case "right": return 270;
+		default: return 0;
+	}
+}
+/**
+* The readout rows of a three-way valve: `Closed` while no flow can pass,
+* the flow rows while it can, and `Open` when the application gives no flows.
+*/
+function threewayValveReadouts(passing, flows) {
+	if (!passing) return [{
+		type: "state-off",
+		value: "Closed",
+		hasIcon: true
+	}];
+	if (flows.length === 0) return [{
+		type: "state-on",
+		value: "Open",
+		hasIcon: true
+	}];
+	return flows.map((flow) => {
+		if ("open" in flow) return {
+			type: flow.open ? "state-on" : "state-off",
+			value: flow.open ? "Open" : "Closed",
+			hasIcon: flow.direction === void 0 || flow.direction === AutomationButtonLabelDirection.none,
+			direction: flow.direction
+		};
+		const direction = flow.direction ?? AutomationButtonLabelDirection.none;
+		return {
+			type: "value",
+			value: flow.value,
+			nDigits: 3,
+			unit: flow.unit ?? "%",
+			direction,
+			icon: direction === AutomationButtonLabelDirection.none ? "none" : "arrow"
+		};
+	});
+}
+//#endregion
+//#region src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts
+var T_OUTLINE = "M14.1216 9.92409L20.47 5.95634C21.136 5.54006 22 6.0189 22 6.80433V17.1958C22 17.9813 21.136 18.4601 20.47 18.0438L14 14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001H6.80425C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958V6.80433C2 6.0189 2.86395 5.54006 3.53 5.95634L10 10.0001H13.8566C13.9503 10.0001 14.0421 9.97375 14.1216 9.92409ZM10 11.0001C9.81258 11.0001 9.62893 10.9474 9.47 10.8481L3 6.80433L3 17.1958L9.47 13.1521C9.86488 12.9053 10.3778 12.9637 10.7071 13.293C11.0364 13.6222 11.0948 14.1352 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.6516 10.7721C14.4132 10.9211 14.1377 11.0001 13.8566 11.0001H10Z";
+var T_BODY = "M10 11.0004C9.81258 11.0004 9.62893 10.9478 9.47 10.8484L3 6.80469L3 17.1962L9.47 13.1524C9.86488 12.9056 10.3778 12.9641 10.7071 13.2933C11.0364 13.6226 11.0948 14.1356 10.848 14.5304L6.80425 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962V6.80469L14.6516 10.7724C14.4132 10.9214 14.1377 11.0004 13.8566 11.0004H10Z";
+/**
+* Outline, plug and body when one port is shut, indexed by port. Taken from
+* `obi-threeway-analog-inleft-bottom-100`, `-inleft-left-100` and
+* `-inleft-left-0`.
+*/
+var PLUGGED = [
+	{
+		outline: "M14.53 10.848C14.3711 10.9473 14.1874 11 14 11H11V14C11 14.1874 10.9473 14.3711 10.848 14.53L6.80425 21H17.1958L13.152 14.53C12.9052 14.1351 12.9636 13.6222 13.2929 13.2929C13.6222 12.9636 14.1351 12.9052 14.53 13.152L21 17.1958V6.80425L14.53 10.848ZM20.47 18.0438C21.136 18.46 22 17.9812 22 17.1958V6.80425C22 6.01881 21.136 5.53997 20.47 5.95625L14 10H10.5C10.2239 10 10 10.2239 10 10.5V14L5.95625 20.47C5.53997 21.136 6.01881 22 6.80425 22H17.1958C17.9812 22 18.46 21.136 18.0438 20.47L14 14L20.47 18.0438Z",
+		plug: "M3 17.0568L8 13.4854V10.5146L3 6.94321V17.0568Z",
+		ring: "M3 17.0568L8 13.4854V10.5146L3 6.94317V17.0568ZM3.58124 17.8705C2.91937 18.3433 2 17.8702 2 17.0568V6.94317C2 6.1298 2.91937 5.65667 3.58124 6.12944L8.58124 9.70086C8.84403 9.88858 9 10.1916 9 10.5146V13.4854C9 13.8083 8.84403 14.1114 8.58124 14.2991L3.58124 17.8705Z",
+		body: "M14.53 10.848C14.3711 10.9473 14.1874 11 14 11H11V14C11 14.1874 10.9473 14.3711 10.848 14.53L6.80426 21H17.1958L13.152 14.53C12.9052 14.1351 12.9636 13.6222 13.2929 13.2929C13.6222 12.9636 14.1351 12.9052 14.53 13.152L21 17.1958L21 6.80425L14.53 10.848Z"
+	},
+	{
+		outline: "M14 11C14.1874 11 14.3711 10.9473 14.53 10.848L21 6.80425V17.1958L14.53 13.152C14.3711 13.0527 14.1874 13 14 13H10C9.81258 13 9.62893 13.0527 9.47 13.152L3 17.1958L3 6.80425L9.3484 10.772C9.5868 10.921 9.86227 11 10.1434 11H14ZM14 10H10.1434C10.0497 10 9.95786 9.97367 9.8784 9.924L3.53 5.95625C2.86395 5.53997 2 6.01881 2 6.80425V17.1958C2 17.9812 2.86395 18.46 3.53 18.0438L10 14H14L20.47 18.0438C21.136 18.46 22 17.9812 22 17.1958V6.80425C22 6.01881 21.136 5.53997 20.47 5.95625L14 10Z",
+		plug: "M10.5146 16L6.94317 21H17.0568L13.4854 16H10.5146Z",
+		ring: "M10.5146 16L6.94317 21H17.0568L13.4854 16H10.5146ZM6.12944 20.4188C5.65667 21.0806 6.1298 22 6.94317 22H17.0568C17.8702 22 18.3433 21.0806 17.8705 20.4188L14.2991 15.4188C14.1114 15.156 13.8083 15 13.4854 15H10.5146C10.1916 15 9.88858 15.156 9.70086 15.4188L6.12944 20.4188Z",
+		body: "M14 10.9999C14.1874 10.9999 14.3711 10.9472 14.53 10.8479L21 6.80416V17.1957L14.53 13.1519C14.3711 13.0526 14.1874 12.9999 14 12.9999H10C9.81258 12.9999 9.62893 13.0526 9.47 13.1519L3 17.1957L3 6.80416L9.3484 10.7719C9.5868 10.9209 9.86227 10.9999 10.1434 10.9999H14Z"
+	},
+	{
+		outline: "M9.47 10.848C9.62893 10.9473 9.81258 11 10 11H13V14C13 14.1874 13.0527 14.3711 13.152 14.53L17.1958 21H6.80425L10.848 14.53C11.0948 14.1351 11.0364 13.6222 10.7071 13.2929C10.3778 12.9636 9.86488 12.9052 9.47 13.152L3 17.1958L3 6.80425L9.47 10.848ZM3.53 18.0438C2.86395 18.46 2 17.9812 2 17.1958V6.80425C2 6.01881 2.86395 5.53997 3.53 5.95625L10 10H13.5C13.7761 10 14 10.2239 14 10.5V14L18.0438 20.47C18.46 21.136 17.9812 22 17.1958 22H6.80425C6.01881 22 5.53997 21.136 5.95625 20.47L10 14L3.53 18.0438Z",
+		plug: "M21 17.0568L16 13.4854V10.5146L21 6.94321V17.0568Z",
+		ring: "M21 17.0568L16 13.4854L16 10.5146L21 6.94321V17.0568ZM20.4188 17.8706C21.0806 18.3433 22 17.8702 22 17.0568V6.94321C22 6.12984 21.0806 5.65671 20.4188 6.12948L15.4188 9.7009C15.156 9.88862 15 10.1917 15 10.5146L15 13.4854C15 13.8084 15.156 14.1114 15.4188 14.2991L20.4188 17.8706Z",
+		body: "M9.47 10.848C9.62893 10.9473 9.81258 11 10 11H13V14C13 14.1874 13.0527 14.3711 13.152 14.53L17.1958 21H6.80425L10.848 14.53C11.0948 14.1351 11.0364 13.6222 10.7071 13.2929C10.3778 12.9636 9.86488 12.9052 9.47 13.152L3 17.1958L3 6.80425L9.47 10.848Z"
+	}
+];
+/** The port whose share of the split turns the handle, per inlet port. */
+var SPLIT_PORT = [
+	2,
+	0,
+	0
+];
+/** Width of the shut band at a fully shut port, in icon units. */
+var BAND_RANGE$1 = 4;
+var SECONDARY$1 = "fill: var(--automation-device-secondary-color)";
+var TERTIARY$1 = "fill: var(--automation-device-tertiary-color)";
+var PRIMARY$1 = "fill: var(--automation-device-primary-color)";
+var CLOSED = w`
+  <mask id="closed-mask" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M17 21H7L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7Z"/>
+    <path d="M11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8Z"/>
+  </mask>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17 21H7L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7Z" style="fill: var(--automation-device-primary-inverted-color)"/>
+  <path d="M11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+  <path d="M17 21V22C17.3788 22 17.725 21.786 17.8944 21.4472C18.0638 21.1084 18.0273 20.703 17.8 20.4L17 21ZM7 21L6.2 20.4C5.97274 20.703 5.93618 21.1084 6.10557 21.4472C6.27496 21.786 6.62123 22 7 22V21ZM11.5 15V14C11.1852 14 10.8889 14.1482 10.7 14.4L11.5 15ZM12.5 15L13.3 14.4C13.1111 14.1482 12.8148 14 12.5 14V15ZM3 17H2C2 17.3788 2.214 17.725 2.55279 17.8944C2.89157 18.0638 3.29698 18.0273 3.6 17.8L3 17ZM3 7L3.6 6.2C3.29698 5.97274 2.89157 5.93618 2.55279 6.10557C2.214 6.27496 2 6.62123 2 7H3ZM9 11.5H10C10 11.1852 9.85181 10.8889 9.6 10.7L9 11.5ZM9 12.5L9.6 13.3C9.85181 13.1111 10 12.8148 10 12.5H9ZM21 7H22C22 6.62123 21.786 6.27496 21.4472 6.10557C21.1084 5.93618 20.703 5.97274 20.4 6.2L21 7ZM21 17L20.4 17.8C20.703 18.0273 21.1084 18.0638 21.4472 17.8944C21.786 17.725 22 17.3788 22 17H21ZM15 12.5H14C14 12.8148 14.1482 13.1111 14.4 13.3L15 12.5ZM15 11.5L14.4 10.7C14.1482 10.8889 14 11.1852 14 11.5H15ZM17 21V20H7V21V22H17V21ZM7 21L7.8 21.6L12.3 15.6L11.5 15L10.7 14.4L6.2 20.4L7 21ZM11.5 15V16H12.5V15V14H11.5V15ZM12.5 15L11.7 15.6L16.2 21.6L17 21L17.8 20.4L13.3 14.4L12.5 15ZM3 17H4L4 7H3H2L2 17H3ZM3 7L2.4 7.8L8.4 12.3L9 11.5L9.6 10.7L3.6 6.2L3 7ZM9 11.5H8V12.5H9H10V11.5H9ZM9 12.5L8.4 11.7L2.4 16.2L3 17L3.6 17.8L9.6 13.3L9 12.5ZM21 7H20V17H21H22V7H21ZM21 17L21.6 16.2L15.6 11.7L15 12.5L14.4 13.3L20.4 17.8L21 17ZM15 12.5H16V11.5H15H14V12.5H15ZM15 11.5L15.6 12.3L21.6 7.8L21 7L20.4 6.2L14.4 10.7L15 11.5ZM11 8H10C10 9.10457 10.8954 10 12 10V9V8H11ZM12 9V10C13.1046 10 14 9.10457 14 8H13H12V9ZM13 8H14V3H13H12V8H13ZM13 3H14C14 1.89543 13.1046 1 12 1V2V3H13ZM12 2V1C10.8954 1 10 1.89543 10 3H11H12V2ZM11 3H10V8H11H12V3H11Z" style="fill: var(--automation-device-primary-inverted-color)" mask="url(#closed-mask)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17 21H7L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7ZM7 22H17C17.824 22 18.2944 21.0592 17.8 20.4L13.3 14.4C13.1111 14.1482 12.8148 14 12.5 14H11.5C11.1852 14 10.8889 14.1482 10.7 14.4L6.2 20.4C5.70557 21.0592 6.17595 22 7 22ZM2 17V7C2 6.17595 2.94076 5.70557 3.6 6.2L9.6 10.7C9.85181 10.8889 10 11.1852 10 11.5V12.5C10 12.8148 9.85181 13.1111 9.6 13.3L3.6 17.8C2.94076 18.2944 2 17.824 2 17ZM22 7V17C22 17.824 21.0592 18.2944 20.4 17.8L14.4 13.3C14.1482 13.1111 14 12.8148 14 12.5V11.5C14 11.1852 14.1482 10.8889 14.4 10.7L20.4 6.2C21.0592 5.70557 22 6.17595 22 7Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+  <path d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3ZM14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8V3C10 1.89543 10.8954 1 12 1C13.1046 1 14 1.89543 14 3V8Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+`;
+function renderHandle(cx, cy, angle) {
+	return w`<g transform="rotate(${angle} ${cx} ${cy})">
+    <line x1=${cx} y1=${cy - 2.5} x2=${cx} y2=${cy + 2.5} stroke-width="3" stroke-linecap="round" style="stroke: var(--automation-device-tertiary-color)"/>
+    <line x1=${cx} y1=${cy - 2.5} x2=${cx} y2=${cy + 2.5} stroke-width="1" stroke-linecap="round" style="stroke: var(--automation-device-primary-color)"/>
+  </g>`;
+}
+/** The shut part of a partly open port: a shut band at the port end and a 1-unit edge line inside it. */
+function renderBand(port, opening) {
+	const width = BAND_RANGE$1 * (100 - opening) / 100;
+	if (port === 0) {
+		const edge = 3 + width;
+		return w`<rect x="2" y="0" width=${edge - 2} height="24" style=${SECONDARY$1}/>
+      <rect x=${edge} y="0" width="1" height="24" style=${TERTIARY$1}/>`;
+	}
+	if (port === 1) {
+		const edge = 21 - width;
+		return w`<rect x="0" y=${edge} width="24" height=${22 - edge} style=${SECONDARY$1}/>
+      <rect x="0" y=${edge - 1} width="24" height="1" style=${TERTIARY$1}/>`;
+	}
+	const edge = 21 - width;
+	return w`<rect x=${edge} y="0" width=${22 - edge} height="24" style=${SECONDARY$1}/>
+    <rect x=${edge - 1} y="0" width="1" height="24" style=${TERTIARY$1}/>`;
+}
+var ObcValveAnalogThreeWayIcon = class ObcValveAnalogThreeWayIcon extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.open1 = 0;
+		this.open2 = 0;
+		this.open3 = 0;
+		this.orientation = ThreewayValveOrientation.bottom;
+	}
+	get usesLegacyProperties() {
+		return this.value !== void 0 || this.value2 !== void 0 || this.closed !== void 0 || this.horisontal !== void 0;
+	}
+	get ports() {
+		if (!this.usesLegacyProperties) return [
+			this.open1,
+			this.open2,
+			this.open3
+		].map(clampPercent$1);
+		if (this.closed) return [
+			0,
+			0,
+			0
+		];
+		const value = clampPercent$1(this.value ?? 0);
+		const value2 = clampPercent$1(this.value2 ?? 0);
+		return this.horisontal ? [
+			value2,
+			100,
+			value
+		] : [
+			value,
+			value2,
+			100
+		];
+	}
+	get rotation() {
+		return threewayValveRotation(this.usesLegacyProperties ? ThreewayValveOrientation.top : this.orientation);
+	}
+	renderOpen(ports) {
+		if (ports.every((opening) => opening >= 100)) return w`
+        <path fill-rule="evenodd" clip-rule="evenodd" d=${T_OUTLINE} style=${TERTIARY$1}/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d=${T_BODY} style=${PRIMARY$1}/>
+        ${renderHandle(12, 3.5, 90)}
+      `;
+		const plugged = ports.findIndex((opening) => opening === 0);
+		const shape = plugged === -1 ? void 0 : PLUGGED[plugged];
+		const inlet = ports.indexOf(Math.max(...ports));
+		const splitPort = SPLIT_PORT[inlet];
+		const otherPort = 3 - inlet - splitPort;
+		const split = 100 * ports[splitPort] / (ports[splitPort] + ports[otherPort]);
+		const cx = 12;
+		const cy = 5 + .5 * split / 100;
+		const angle = (inlet === 0 ? -.9 : .9) * split;
+		return w`
+      <defs>
+        <clipPath id="body"><path d=${T_BODY}/></clipPath>
+      </defs>
+      <path fill-rule="evenodd" clip-rule="evenodd" d=${shape?.outline ?? T_OUTLINE} style=${TERTIARY$1}/>
+      ${shape ? w`<path fill-rule="evenodd" clip-rule="evenodd" d=${shape.plug} style=${TERTIARY$1}/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d=${shape.ring} style=${SECONDARY$1}/>` : null}
+      <path fill-rule="evenodd" clip-rule="evenodd" d=${shape?.body ?? T_BODY} style=${PRIMARY$1}/>
+      <g clip-path="url(#body)">
+        ${ports.map((opening, port) => opening > 0 && opening < 100 ? renderBand(port, opening) : null)}
+      </g>
+      ${renderHandle(cx, cy, angle)}
+    `;
+	}
+	render() {
+		const ports = this.ports;
+		const passing = ports.filter((opening) => opening > 0).length >= 2;
+		return b`<div class="wrapper">
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g transform="rotate(${this.rotation} 12 12)">
+          ${passing ? this.renderOpen(ports) : CLOSED}
+        </g>
+      </svg>
+    </div>`;
+	}
+	static {
+		this.styles = r$7(valve_analog_three_way_icon_default);
+	}
+};
+__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "open1", void 0);
+__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "open2", void 0);
+__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "open3", void 0);
+__decorate([n$4({ type: String })], ObcValveAnalogThreeWayIcon.prototype, "orientation", void 0);
+__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "value", void 0);
+__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "value2", void 0);
+__decorate([n$4({ type: Boolean })], ObcValveAnalogThreeWayIcon.prototype, "closed", void 0);
+__decorate([n$4({ type: Boolean })], ObcValveAnalogThreeWayIcon.prototype, "horisontal", void 0);
+ObcValveAnalogThreeWayIcon = __decorate([customElement("obc-valve-analog-three-way-icon")], ObcValveAnalogThreeWayIcon);
+//#endregion
 //#region src/automation/automation-badge/automation-badge.css?inline
 var automation_badge_default = i$7`* {
   -webkit-tap-highlight-color: transparent;
@@ -19686,6 +19822,190 @@ __decorate([o$5({ slot: "badge-top-left" })], ObcAbstractAutomationButton.protot
 __decorate([o$5({ slot: "badge-bottom-left" })], ObcAbstractAutomationButton.prototype, "badgeBottomLeft", void 0);
 __decorate([o$5({ slot: "badge-bottom-right" })], ObcAbstractAutomationButton.prototype, "badgeBottomRight", void 0);
 //#endregion
+//#region src/automation/analog-threeway-valve/analog-threeway-valve.ts
+var ObcAnalogThreewayValve = class ObcAnalogThreewayValve extends ObcAbstractAutomationButton {
+	constructor(..._args) {
+		super(..._args);
+		this.open1 = 0;
+		this.open2 = 0;
+		this.open3 = 0;
+		this.orientation = ThreewayValveOrientation.bottom;
+		this.flows = [];
+		this.variant = "regular";
+	}
+	get _on() {
+		return [
+			this.open1,
+			this.open2,
+			this.open3
+		].filter((o) => o > 0).length >= 2;
+	}
+	get extraReadouts() {
+		if (!this.showStatus) return [];
+		return threewayValveReadouts(this._on, this.flows);
+	}
+	renderIcon(slot) {
+		return b`<obc-valve-analog-three-way-icon
+      .open1=${this.open1}
+      .open2=${this.open2}
+      .open3=${this.open3}
+      .orientation=${this.orientation}
+      slot=${slot}
+    ></obc-valve-analog-three-way-icon>`;
+	}
+	get icon() {
+		return b`${this.renderIcon("icon")}${this.renderIcon("icon-silhouette")}`;
+	}
+};
+__decorate([n$4({ type: Number })], ObcAnalogThreewayValve.prototype, "open1", void 0);
+__decorate([n$4({ type: Number })], ObcAnalogThreewayValve.prototype, "open2", void 0);
+__decorate([n$4({ type: Number })], ObcAnalogThreewayValve.prototype, "open3", void 0);
+__decorate([n$4({ type: String })], ObcAnalogThreewayValve.prototype, "orientation", void 0);
+__decorate([n$4({
+	type: Array,
+	attribute: false
+})], ObcAnalogThreewayValve.prototype, "flows", void 0);
+__decorate([n$4({ type: String })], ObcAnalogThreewayValve.prototype, "variant", void 0);
+ObcAnalogThreewayValve = __decorate([customElement("obc-analog-threeway-valve")], ObcAnalogThreewayValve);
+//#endregion
+//#region src/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.css?inline
+var valve_analog_two_way_icon_default = i$7`* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+.wrapper {
+  height: 100%;
+  width: 100%;
+  line-height: 0;
+}
+
+.wrapper > * {
+  height: 100%;
+  width: 100%;
+}
+`;
+//#endregion
+//#region src/icons/icon-twoway-analog-closed.ts
+var ObiTwowayAnalogClosed = class ObiTwowayAnalogClosed extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.useCssColor = false;
+		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V15L20.4453 19.9635C21.1099 20.4066 22 19.9302 22 19.1315V6.8685C22 6.06981 21.1099 5.59342 20.4453 6.03645L13 11ZM14 14.4648V11.5352L21 6.8685V19.1315L14 14.4648Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5547 6.03645L11 11V15L3.5547 19.9635C2.89015 20.4066 2 19.9302 2 19.1315V6.8685C2 6.06981 2.89015 5.59342 3.5547 6.03645ZM3 19.1315L10 14.4648V11.5352L3 6.8685L3 19.1315Z" fill="currentColor"/>
+<path d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3ZM14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8V3C10 1.89543 10.8954 1 12 1C13.1046 1 14 1.89543 14 3V8Z" fill="currentColor"/>
+<path d="M14 14.4645V11.5348L21 6.86816V19.1311L14 14.4645Z" fill="currentColor"/>
+<path d="M3 19.1311L10 14.4645V11.5348L3 6.86816V19.1311Z" fill="currentColor"/>
+<path d="M11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8Z" fill="currentColor"/>
+</svg>
+`;
+		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V15L20.4453 19.9635C21.1099 20.4066 22 19.9302 22 19.1315V6.8685C22 6.06981 21.1099 5.59342 20.4453 6.03645L13 11ZM14 14.4648V11.5352L21 6.8685V19.1315L14 14.4648Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5547 6.03645L11 11V15L3.5547 19.9635C2.89015 20.4066 2 19.9302 2 19.1315V6.8685C2 6.06981 2.89015 5.59342 3.5547 6.03645ZM3 19.1315L10 14.4648V11.5352L3 6.8685L3 19.1315Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+<path d="M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3ZM14 8C14 9.10457 13.1046 10 12 10C10.8954 10 10 9.10457 10 8V3C10 1.89543 10.8954 1 12 1C13.1046 1 14 1.89543 14 3V8Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+<path d="M14 14.4645V11.5348L21 6.86816V19.1311L14 14.4645Z" style="fill: var(--automation-device-primary-inverted-color)"/>
+<path d="M3 19.1311L10 14.4645V11.5348L3 6.86816V19.1311Z" style="fill: var(--automation-device-primary-inverted-color)"/>
+<path d="M11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8V3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3V8Z" style="fill: var(--automation-device-primary-inverted-color)"/>
+</svg>
+`;
+	}
+	render() {
+		return b`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+	}
+	static {
+		this.styles = i$7`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+      line-height: 0;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObiTwowayAnalogClosed.prototype, "useCssColor", void 0);
+ObiTwowayAnalogClosed = __decorate([customElement("obi-twoway-analog-closed")], ObiTwowayAnalogClosed);
+//#endregion
+//#region src/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.ts
+var OUTLINE = "M11 11L3.5547 6.03645C2.89015 5.59342 2 6.06981 2 6.8685V19.1315C2 19.9302 2.89015 20.4066 3.5547 19.9635L11 15H13L20.4453 19.9635C21.1099 20.4066 22 19.9302 22 19.1315V6.8685C22 6.06981 21.1099 5.59342 20.4453 6.03645L13 11H11ZM3 6.8685L3 19.1315L10.6972 14H13.3028L21 19.1315V6.8685L13.3028 12H10.6972L3 6.8685Z";
+var BODY = "M10.6972 12H13.3028L21 6.8685V19.1315L13.3028 14H10.6972L3 19.1315V6.8685L10.6972 12Z";
+/** Width of the shut band at each port end when the opening is 0 %, in icon units. */
+var BAND_RANGE = 7;
+var SECONDARY = "fill: var(--automation-device-secondary-color)";
+var TERTIARY = "fill: var(--automation-device-tertiary-color)";
+var PRIMARY = "fill: var(--automation-device-primary-color)";
+var ObcValveAnalogTwoWayIcon = class ObcValveAnalogTwoWayIcon extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.value = 0;
+		this.closed = false;
+		this.vertical = false;
+	}
+	renderBands(width) {
+		if (width <= 0) return null;
+		const left = 3 + width;
+		const right = 21 - width;
+		return w`<g clip-path="url(#body)">
+      <rect x="2" y="0" width=${left - 2} height="24" style=${SECONDARY}/>
+      <rect x=${left} y="0" width="1" height="24" style=${TERTIARY}/>
+      <rect x=${right} y="0" width=${22 - right} height="24" style=${SECONDARY}/>
+      <rect x=${right - 1} y="0" width="1" height="24" style=${TERTIARY}/>
+    </g>`;
+	}
+	/**
+	* Horizontal at the top when open, turning to vertical and moving 2 units
+	* down as the valve shuts, matching `obi-twoway-analog-open` at 100 %.
+	*/
+	renderHandle(value) {
+		const shut = 1 - value / 100;
+		const angle = -90 * shut;
+		const cx = 12;
+		const cy = 3.5 + 2 * shut;
+		return w`<g transform="rotate(${angle} ${cx} ${cy})">
+      <rect x=${8} y=${cy - 1.5} width="8" height="3" rx="1.5" style=${TERTIARY}/>
+      <rect x=${9} y=${cy - .5} width="6" height="1" rx="0.5" style=${PRIMARY}/>
+    </g>`;
+	}
+	render() {
+		const transform = this.vertical ? "transform: rotate(90deg);" : "";
+		if (this.closed) return b` <div class="wrapper" style="${transform}">
+        <obi-twoway-analog-closed useCssColor> </obi-twoway-analog-closed>
+      </div>`;
+		const value = clampPercent$1(this.value);
+		return b`
+      <div class="wrapper" style="${transform}">
+        <svg
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <defs>
+            <clipPath id="body"><path d=${BODY} /></clipPath>
+          </defs>
+          <path d=${OUTLINE} style=${TERTIARY} />
+          <path d=${BODY} style=${PRIMARY} />
+          ${this.renderBands(BAND_RANGE * (100 - value) / 100)}
+          ${this.renderHandle(value)}
+        </svg>
+      </div>
+    `;
+	}
+	static {
+		this.styles = r$7(valve_analog_two_way_icon_default);
+	}
+};
+__decorate([n$4({ type: Number })], ObcValveAnalogTwoWayIcon.prototype, "value", void 0);
+__decorate([n$4({ type: Boolean })], ObcValveAnalogTwoWayIcon.prototype, "closed", void 0);
+__decorate([n$4({ type: Boolean })], ObcValveAnalogTwoWayIcon.prototype, "vertical", void 0);
+ObcValveAnalogTwoWayIcon = __decorate([customElement("obc-valve-analog-two-way-icon")], ObcValveAnalogTwoWayIcon);
+//#endregion
 //#region src/automation/analog-valve/analog-valve.ts
 var ObcAnalogValve = class ObcAnalogValve extends ObcAbstractAutomationButton {
 	constructor(..._args) {
@@ -40628,6 +40948,279 @@ var ObcDamper = class ObcDamper extends ObcAbstractAutomationButtonSquared {
 };
 ObcDamper = __decorate([customElement("obc-damper")], ObcDamper);
 //#endregion
+//#region src/icons/icon-threeway-digital-open.ts
+var ObiThreewayDigitalOpen = class ObiThreewayDigitalOpen extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.useCssColor = false;
+		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1216 9.92409L20.47 5.95633C21.136 5.54005 22 6.0189 22 6.80433V17.1958C22 17.9813 21.136 18.4601 20.47 18.0438L14 14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001L6.80425 22.0001C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958L2 6.80433C2 6.0189 2.86395 5.54005 3.53 5.95633L10 10.0001L13.8566 10.0001C13.9503 10.0001 14.0421 9.97375 14.1216 9.92409ZM10 11.0001C9.81258 11.0001 9.62893 10.9474 9.47 10.8481L3 6.80433L3 17.1958L9.47 13.1521C9.86488 12.9053 10.3778 12.9637 10.7071 13.293C11.0364 13.6222 11.0948 14.1352 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.6516 10.7721C14.4132 10.9211 14.1377 11.0001 13.8566 11.0001L10 11.0001Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.0004C9.81258 11.0004 9.62893 10.9478 9.47 10.8484L3 6.80469L3 17.1962L9.47 13.1524C9.86488 12.9056 10.3778 12.9641 10.7071 13.2933C11.0364 13.6226 11.0948 14.1356 10.848 14.5304L6.80425 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962V6.80469L14.6516 10.7724C14.4132 10.9214 14.1377 11.0004 13.8566 11.0004H10Z" fill="currentColor"/>
+</svg>
+`;
+		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1216 9.92409L20.47 5.95633C21.136 5.54005 22 6.0189 22 6.80433V17.1958C22 17.9813 21.136 18.4601 20.47 18.0438L14 14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001L6.80425 22.0001C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958L2 6.80433C2 6.0189 2.86395 5.54005 3.53 5.95633L10 10.0001L13.8566 10.0001C13.9503 10.0001 14.0421 9.97375 14.1216 9.92409ZM10 11.0001C9.81258 11.0001 9.62893 10.9474 9.47 10.8481L3 6.80433L3 17.1958L9.47 13.1521C9.86488 12.9053 10.3778 12.9637 10.7071 13.293C11.0364 13.6222 11.0948 14.1352 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.6516 10.7721C14.4132 10.9211 14.1377 11.0001 13.8566 11.0001L10 11.0001Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.0004C9.81258 11.0004 9.62893 10.9478 9.47 10.8484L3 6.80469L3 17.1962L9.47 13.1524C9.86488 12.9056 10.3778 12.9641 10.7071 13.2933C11.0364 13.6226 11.0948 14.1356 10.848 14.5304L6.80425 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962V6.80469L14.6516 10.7724C14.4132 10.9214 14.1377 11.0004 13.8566 11.0004H10Z" style="fill: var(--automation-device-primary-color)"/>
+</svg>
+`;
+	}
+	render() {
+		return b`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+	}
+	static {
+		this.styles = i$7`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+      line-height: 0;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObiThreewayDigitalOpen.prototype, "useCssColor", void 0);
+ObiThreewayDigitalOpen = __decorate([customElement("obi-threeway-digital-open")], ObiThreewayDigitalOpen);
+//#endregion
+//#region src/icons/icon-threeway-digital-closed.ts
+var ObiThreewayDigitalClosed = class ObiThreewayDigitalClosed extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.useCssColor = false;
+		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7L21 17L15 12.5V11.5L21 7ZM7 22L17 22C17.824 22 18.2944 21.0592 17.8 20.4L13.3 14.4C13.1111 14.1482 12.8148 14 12.5 14H11.5C11.1852 14 10.8889 14.1482 10.7 14.4L6.2 20.4C5.70557 21.0592 6.17595 22 7 22ZM2 17L2 7C2 6.17595 2.94076 5.70557 3.6 6.2L9.6 10.7C9.85181 10.8889 10 11.1852 10 11.5V12.5C10 12.8148 9.85181 13.1111 9.6 13.3L3.6 17.8C2.94076 18.2944 2 17.824 2 17ZM22 7L22 17C22 17.824 21.0592 18.2944 20.4 17.8L14.4 13.3C14.1482 13.1111 14 12.8148 14 12.5V11.5C14 11.1852 14.1482 10.8889 14.4 10.7L20.4 6.2C21.0592 5.70557 22 6.17595 22 7Z" fill="currentColor"/>
+</svg>
+`;
+		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7Z" style="fill: var(--automation-device-primary-inverted-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7L21 17L15 12.5V11.5L21 7ZM7 22L17 22C17.824 22 18.2944 21.0592 17.8 20.4L13.3 14.4C13.1111 14.1482 12.8148 14 12.5 14H11.5C11.1852 14 10.8889 14.1482 10.7 14.4L6.2 20.4C5.70557 21.0592 6.17595 22 7 22ZM2 17L2 7C2 6.17595 2.94076 5.70557 3.6 6.2L9.6 10.7C9.85181 10.8889 10 11.1852 10 11.5V12.5C10 12.8148 9.85181 13.1111 9.6 13.3L3.6 17.8C2.94076 18.2944 2 17.824 2 17ZM22 7L22 17C22 17.824 21.0592 18.2944 20.4 17.8L14.4 13.3C14.1482 13.1111 14 12.8148 14 12.5V11.5C14 11.1852 14.1482 10.8889 14.4 10.7L20.4 6.2C21.0592 5.70557 22 6.17595 22 7Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
+</svg>
+`;
+	}
+	render() {
+		return b`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+	}
+	static {
+		this.styles = i$7`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+      line-height: 0;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosed.prototype, "useCssColor", void 0);
+ObiThreewayDigitalClosed = __decorate([customElement("obi-threeway-digital-closed")], ObiThreewayDigitalClosed);
+//#endregion
+//#region src/icons/icon-threeway-digital-closed-left.ts
+var ObiThreewayDigitalClosedLeft = class ObiThreewayDigitalClosedLeft extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.useCssColor = false;
+		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8481C14.3711 10.9474 14.1874 11.0001 14 11.0001H11V14.0001C11 14.1875 10.9473 14.3712 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.53 10.8481ZM20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001H10.5C10.2239 10.0001 10 10.2239 10 10.5001V14.0001L5.95625 20.4701C5.53997 21.1361 6.01881 22.0001 6.80425 22.0001H17.1958C17.9812 22.0001 18.46 21.1361 18.0438 20.4701L14 14.0001L20.47 18.0438Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0569L8 13.4855V10.5147L3 6.94329V17.0569Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0568L8 13.4854V10.5146L3 6.94317V17.0568ZM3.58124 17.8705C2.91937 18.3433 2 17.8702 2 17.0568V6.94317C2 6.1298 2.91937 5.65667 3.58124 6.12944L8.58124 9.70086C8.84403 9.88858 9 10.1916 9 10.5146V13.4854C9 13.8083 8.84403 14.1114 8.58124 14.2991L3.58124 17.8705Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8484C14.3711 10.9478 14.1874 11.0004 14 11.0004H11V14.0004C11 14.1879 10.9473 14.3715 10.848 14.5304L6.80426 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962L21 6.80469L14.53 10.8484Z" fill="currentColor"/>
+</svg>
+`;
+		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8481C14.3711 10.9474 14.1874 11.0001 14 11.0001H11V14.0001C11 14.1875 10.9473 14.3712 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.53 10.8481ZM20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001H10.5C10.2239 10.0001 10 10.2239 10 10.5001V14.0001L5.95625 20.4701C5.53997 21.1361 6.01881 22.0001 6.80425 22.0001H17.1958C17.9812 22.0001 18.46 21.1361 18.0438 20.4701L14 14.0001L20.47 18.0438Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0569L8 13.4855V10.5147L3 6.94329V17.0569Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0568L8 13.4854V10.5146L3 6.94317V17.0568ZM3.58124 17.8705C2.91937 18.3433 2 17.8702 2 17.0568V6.94317C2 6.1298 2.91937 5.65667 3.58124 6.12944L8.58124 9.70086C8.84403 9.88858 9 10.1916 9 10.5146V13.4854C9 13.8083 8.84403 14.1114 8.58124 14.2991L3.58124 17.8705Z" style="fill: var(--automation-device-secondary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8484C14.3711 10.9478 14.1874 11.0004 14 11.0004H11V14.0004C11 14.1879 10.9473 14.3715 10.848 14.5304L6.80426 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962L21 6.80469L14.53 10.8484Z" style="fill: var(--automation-device-primary-color)"/>
+</svg>
+`;
+	}
+	render() {
+		return b`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+	}
+	static {
+		this.styles = i$7`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+      line-height: 0;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosedLeft.prototype, "useCssColor", void 0);
+ObiThreewayDigitalClosedLeft = __decorate([customElement("obi-threeway-digital-closed-left")], ObiThreewayDigitalClosedLeft);
+//#endregion
+//#region src/icons/icon-threeway-digital-closed-bottom.ts
+var ObiThreewayDigitalClosedBottom = class ObiThreewayDigitalClosedBottom extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.useCssColor = false;
+		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 11.0001C14.1874 11.0001 14.3711 10.9474 14.53 10.8481L21 6.80433V17.1958L14.53 13.1521C14.3711 13.0528 14.1874 13.0001 14 13.0001H10C9.81258 13.0001 9.62893 13.0528 9.47 13.1521L3 17.1958L3 6.80433L9.3484 10.7721C9.5868 10.9211 9.86227 11.0001 10.1434 11.0001H14ZM14 10.0001H10.1434C10.0497 10.0001 9.95786 9.97375 9.8784 9.92408L3.53 5.95634C2.86395 5.54005 2 6.0189 2 6.80433V17.1958C2 17.9813 2.86395 18.4601 3.53 18.0438L10 14.0001H14L20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16.0002L6.94317 21.0002H17.0568L13.4854 16.0002H10.5146Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16L6.94317 21H17.0568L13.4854 16H10.5146ZM6.12944 20.4188C5.65667 21.0806 6.1298 22 6.94317 22H17.0568C17.8702 22 18.3433 21.0806 17.8705 20.4188L14.2991 15.4188C14.1114 15.156 13.8083 15 13.4854 15H10.5146C10.1916 15 9.88858 15.156 9.70086 15.4188L6.12944 20.4188Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.9996C14.1874 10.9996 14.3711 10.9469 14.53 10.8476L21 6.80381V17.1953L14.53 13.1516C14.3711 13.0522 14.1874 12.9996 14 12.9996L10 12.9996C9.81258 12.9996 9.62893 13.0522 9.47 13.1516L3 17.1953L3 6.80381L9.3484 10.7716C9.5868 10.9206 9.86227 10.9996 10.1434 10.9996L14 10.9996Z" fill="currentColor"/>
+</svg>
+`;
+		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 11.0001C14.1874 11.0001 14.3711 10.9474 14.53 10.8481L21 6.80433V17.1958L14.53 13.1521C14.3711 13.0528 14.1874 13.0001 14 13.0001H10C9.81258 13.0001 9.62893 13.0528 9.47 13.1521L3 17.1958L3 6.80433L9.3484 10.7721C9.5868 10.9211 9.86227 11.0001 10.1434 11.0001H14ZM14 10.0001H10.1434C10.0497 10.0001 9.95786 9.97375 9.8784 9.92408L3.53 5.95634C2.86395 5.54005 2 6.0189 2 6.80433V17.1958C2 17.9813 2.86395 18.4601 3.53 18.0438L10 14.0001H14L20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16.0002L6.94317 21.0002H17.0568L13.4854 16.0002H10.5146Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16L6.94317 21H17.0568L13.4854 16H10.5146ZM6.12944 20.4188C5.65667 21.0806 6.1298 22 6.94317 22H17.0568C17.8702 22 18.3433 21.0806 17.8705 20.4188L14.2991 15.4188C14.1114 15.156 13.8083 15 13.4854 15H10.5146C10.1916 15 9.88858 15.156 9.70086 15.4188L6.12944 20.4188Z" style="fill: var(--automation-device-secondary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.9996C14.1874 10.9996 14.3711 10.9469 14.53 10.8476L21 6.80381V17.1953L14.53 13.1516C14.3711 13.0522 14.1874 12.9996 14 12.9996L10 12.9996C9.81258 12.9996 9.62893 13.0522 9.47 13.1516L3 17.1953L3 6.80381L9.3484 10.7716C9.5868 10.9206 9.86227 10.9996 10.1434 10.9996L14 10.9996Z" style="fill: var(--automation-device-primary-color)"/>
+</svg>
+`;
+	}
+	render() {
+		return b`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+	}
+	static {
+		this.styles = i$7`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+      line-height: 0;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosedBottom.prototype, "useCssColor", void 0);
+ObiThreewayDigitalClosedBottom = __decorate([customElement("obi-threeway-digital-closed-bottom")], ObiThreewayDigitalClosedBottom);
+//#endregion
+//#region src/icons/icon-threeway-digital-closed-right.ts
+var ObiThreewayDigitalClosedRight = class ObiThreewayDigitalClosedRight extends i$4 {
+	constructor(..._args) {
+		super(..._args);
+		this.useCssColor = false;
+		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.8481C9.62893 10.9474 9.81258 11.0001 10 11.0001H13V14.0001C13 14.1875 13.0527 14.3712 13.152 14.5301L17.1958 21.0001H6.80425L10.848 14.5301C11.0948 14.1352 11.0364 13.6222 10.7071 13.293C10.3778 12.9637 9.86488 12.9053 9.47 13.1521L3 17.1958L3 6.80433L9.47 10.8481ZM3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958V6.80433C2 6.0189 2.86395 5.54005 3.53 5.95634L10 10.0001H13.5C13.7761 10.0001 14 10.2239 14 10.5001V14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001H6.80425C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0569L16 13.4855V10.5147L21 6.94329V17.0569Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0568L16 13.4854L16 10.5146L21 6.94321V17.0568ZM20.4188 17.8706C21.0806 18.3433 22 17.8702 22 17.0568V6.94321C22 6.12984 21.0806 5.65671 20.4188 6.12948L15.4188 9.7009C15.156 9.88862 15 10.1917 15 10.5146L15 13.4854C15 13.8084 15.156 14.1114 15.4188 14.2991L20.4188 17.8706Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.848C9.62893 10.9473 9.81258 11 10 11L13 11L13 14C13 14.1874 13.0527 14.3711 13.152 14.53L17.1958 21H6.80425L10.848 14.53C11.0948 14.1351 11.0364 13.6222 10.7071 13.2929C10.3778 12.9636 9.86488 12.9052 9.47 13.152L3 17.1958L3 6.80425L9.47 10.848Z" fill="currentColor"/>
+</svg>
+`;
+		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.8481C9.62893 10.9474 9.81258 11.0001 10 11.0001H13V14.0001C13 14.1875 13.0527 14.3712 13.152 14.5301L17.1958 21.0001H6.80425L10.848 14.5301C11.0948 14.1352 11.0364 13.6222 10.7071 13.293C10.3778 12.9637 9.86488 12.9053 9.47 13.1521L3 17.1958L3 6.80433L9.47 10.8481ZM3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958V6.80433C2 6.0189 2.86395 5.54005 3.53 5.95634L10 10.0001H13.5C13.7761 10.0001 14 10.2239 14 10.5001V14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001H6.80425C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0569L16 13.4855V10.5147L21 6.94329V17.0569Z" style="fill: var(--automation-device-tertiary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0568L16 13.4854L16 10.5146L21 6.94321V17.0568ZM20.4188 17.8706C21.0806 18.3433 22 17.8702 22 17.0568V6.94321C22 6.12984 21.0806 5.65671 20.4188 6.12948L15.4188 9.7009C15.156 9.88862 15 10.1917 15 10.5146L15 13.4854C15 13.8084 15.156 14.1114 15.4188 14.2991L20.4188 17.8706Z" style="fill: var(--automation-device-secondary-color)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.848C9.62893 10.9473 9.81258 11 10 11L13 11L13 14C13 14.1874 13.0527 14.3711 13.152 14.53L17.1958 21H6.80425L10.848 14.53C11.0948 14.1351 11.0364 13.6222 10.7071 13.2929C10.3778 12.9636 9.86488 12.9052 9.47 13.152L3 17.1958L3 6.80425L9.47 10.848Z" style="fill: var(--automation-device-primary-color)"/>
+</svg>
+`;
+	}
+	render() {
+		return b`
+      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
+    `;
+	}
+	static {
+		this.styles = i$7`
+    .wrapper {
+      height: 100%;
+      width: 100%;
+      line-height: 0;
+    }
+    .wrapper > * {
+      height: 100%;
+      width: 100%;
+    }
+  `;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosedRight.prototype, "useCssColor", void 0);
+ObiThreewayDigitalClosedRight = __decorate([customElement("obi-threeway-digital-closed-right")], ObiThreewayDigitalClosedRight);
+//#endregion
+//#region src/automation/digital-threeway-valve/digital-threeway-valve.ts
+var ObcDigitalThreewayValve = class ObcDigitalThreewayValve extends ObcAbstractAutomationButton {
+	constructor(..._args) {
+		super(..._args);
+		this.open1 = false;
+		this.open2 = false;
+		this.open3 = false;
+		this.orientation = ThreewayValveOrientation.bottom;
+		this.flows = [];
+		this.variant = "regular";
+	}
+	get ports() {
+		return [
+			this.open1,
+			this.open2,
+			this.open3
+		];
+	}
+	get _on() {
+		return this.ports.filter(Boolean).length >= 2;
+	}
+	get extraReadouts() {
+		if (!this.showStatus) return [];
+		return threewayValveReadouts(this._on, this.flows);
+	}
+	renderIcon(slot) {
+		const style = `display: block; transform: rotate(${threewayValveRotation(this.orientation)}deg); line-height: 0;`;
+		const ports = this.ports;
+		if (!this._on) return b`<obi-threeway-digital-closed
+        usecsscolor
+        slot=${slot}
+        style=${style}
+      ></obi-threeway-digital-closed>`;
+		switch (ports.indexOf(false)) {
+			case 0: return b`<obi-threeway-digital-closed-left
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-closed-left>`;
+			case 1: return b`<obi-threeway-digital-closed-bottom
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-closed-bottom>`;
+			case 2: return b`<obi-threeway-digital-closed-right
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-closed-right>`;
+			default: return b`<obi-threeway-digital-open
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-open>`;
+		}
+	}
+	get icon() {
+		return b`${this.renderIcon("icon")}${this.renderIcon("icon-silhouette")}`;
+	}
+};
+__decorate([n$4({ type: Boolean })], ObcDigitalThreewayValve.prototype, "open1", void 0);
+__decorate([n$4({ type: Boolean })], ObcDigitalThreewayValve.prototype, "open2", void 0);
+__decorate([n$4({ type: Boolean })], ObcDigitalThreewayValve.prototype, "open3", void 0);
+__decorate([n$4({ type: String })], ObcDigitalThreewayValve.prototype, "orientation", void 0);
+__decorate([n$4({
+	type: Array,
+	attribute: false
+})], ObcDigitalThreewayValve.prototype, "flows", void 0);
+__decorate([n$4({ type: String })], ObcDigitalThreewayValve.prototype, "variant", void 0);
+ObcDigitalThreewayValve = __decorate([customElement("obc-digital-threeway-valve")], ObcDigitalThreewayValve);
+//#endregion
 //#region src/icons/icon-twoway-digital-open.ts
 var ObiTwowayDigitalOpen = class ObiTwowayDigitalOpen extends i$4 {
 	constructor(..._args) {
@@ -67112,156 +67705,6 @@ __decorate([n$4({ type: String })], ObcTransmitter.prototype, "idTag", void 0);
 __decorate([n$4({ type: Array })], ObcTransmitter.prototype, "data", void 0);
 ObcTransmitter = __decorate([customElement("obc-transmitter")], ObcTransmitter);
 //#endregion
-//#region src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.css?inline
-var valve_analog_three_way_icon_default = i$7`* {
-  -webkit-tap-highlight-color: transparent;
-}
-
-:host {
-  display: block;
-}
-
-.wrapper {
-  height: 100%;
-  width: 100%;
-  line-height: 0;
-}
-
-.wrapper > * {
-  height: 100%;
-  width: 100%;
-}
-`;
-//#endregion
-//#region src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts
-var ObcValveAnalogThreeWayIcon = class ObcValveAnalogThreeWayIcon extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.value = 0;
-		this.value2 = 0;
-		this.closed = false;
-		this.horisontal = false;
-	}
-	render() {
-		if (this.closed) return b` <div class="wrapper">
-        <svg
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M2.72361 6.3618C2.39116 6.19558 2 6.43733 2 6.80902V17.191C2 17.5627 2.39116 17.8044 2.72361 17.6382L9 14.5V9.5L2.72361 6.3618ZM9.5 9H14.5L17.6382 2.72361C17.8044 2.39116 17.5627 2 17.191 2H6.80902C6.43733 2 6.19558 2.39116 6.3618 2.72361L9.5 9ZM13.882 8L16.382 3H7.61803L10.118 8H13.882ZM15 14.5L21.2764 17.6382C21.6088 17.8044 22 17.5627 22 17.191V6.80902C22 6.43733 21.6088 6.19558 21.2764 6.3618L15 9.5V14.5ZM16 10.118V13.882L21 16.382V7.61803L16 10.118ZM8 10.118L3 7.61803V16.382L8 13.882V10.118ZM12 11C11.4477 11 11 11.4477 11 12V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V12C13 11.4477 12.5523 11 12 11Z"
-            fill="var(--automation-device-tertiary-inverted-color)"
-          />
-          <path
-            d="M16.382 3L13.882 8H10.118L7.61803 3H16.382Z"
-            fill="var(--automation-device-primary-inverted-color"
-          />
-          <path
-            d="M16 13.882V10.118L21 7.61803V16.382L16 13.882Z"
-            fill="var(--automation-device-primary-inverted-color"
-          />
-          <path
-            d="M3 7.61803L8 10.118V13.882L3 16.382V7.61803Z"
-            fill="var(--automation-device-primary-inverted-color"
-          />
-        </svg>
-      </div>`;
-		const handle = w`
-      <g transform="rotate(${-(1 - (.5 * this.value - .5 * this.value2 + 50) / 100) * (this.horisontal ? 180 : 90)} 12 18.5)">
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.49942 20.1303H14.4994C15.3278 20.1303 15.9994 19.4587 15.9994 18.6303C15.9994 17.8019 15.3278 17.1303 14.4994 17.1303H9.49942C8.67099 17.1303 7.99942 17.8019 7.99942 18.6303C7.99942 19.4587 8.67099 20.1303 9.49942 20.1303ZM9.49942 19.1303L14.4994 19.1303C14.7756 19.1303 14.9994 18.9064 14.9994 18.6303C14.9994 18.3542 14.7756 18.1303 14.4994 18.1303L9.49942 18.1303C9.22328 18.1303 8.99942 18.3542 8.99942 18.6303C8.99942 18.9064 9.22328 19.1303 9.49942 19.1303Z" fill="var(--automation-device-tertiary-color)"/>
-        <path d="M14.4994 19.1303L9.49942 19.1303C9.22328 19.1303 8.99942 18.9064 8.99942 18.6303C8.99942 18.3542 9.22328 18.1303 9.49942 18.1303L14.4994 18.1303C14.7756 18.1303 14.9994 18.3542 14.9994 18.6303C14.9994 18.9064 14.7756 19.1303 14.4994 19.1303Z" fill="var(--automation-device-primary-color)"/>
-      </g>
-    `;
-		const xmin = 10.5;
-		const xmax = 2.5;
-		const x = xmin + -8 * (this.horisontal ? this.value2 : this.value) / 100;
-		const ymin = 10.5;
-		const ymax = 2.5;
-		const y = ymin + -8 * (this.horisontal ? this.value : this.value2) / 100;
-		return b`
-      <div class="wrapper">
-        <div class="wrapper">
-          <svg
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M6.80902 2H17.191C17.5627 2 17.8044 2.39116 17.6382 2.72361L14 10L21.2764 6.3618C21.6088 6.19558 22 6.43733 22 6.80902V17.191C22 17.5627 21.6088 17.8044 21.2764 17.6382L17.6382 15.8191L14 14H10L2.72361 17.6382C2.39116 17.8044 2 17.5627 2 17.191V6.80902C2 6.43733 2.39116 6.19558 2.72361 6.3618L10 10L6.3618 2.72361C6.19558 2.39116 6.43733 2 6.80902 2Z"
-              fill="black"
-            />
-            <path
-              d="M13 9.76224L16.3811 3H7.61719L11 9.76562V11H9.76416L3 7.61792V16.3819L9.7637 13H14.2363L21 16.3819V7.61792L14.2358 11H13V9.76224Z"
-              fill="var(--automation-device-primary-color)"
-            />
-            ${handle}
-            <g clip-path="url(#clip0)">
-              <rect
-                x=${24 - x}
-                y="0"
-                width=${x - xmax}
-                height="24"
-                fill="var(--automation-device-secondary-color)"
-              />
-              <line
-                x1=${24 - x}
-                y1="0"
-                x2=${24 - x}
-                y2="24"
-                stroke="var(--automation-device-tertiary-color)"
-                stroke-width="1"
-              />
-            </g>
-            ${this.horisontal ? w`
-        <g clip-path="url(#clip2)">
-          <rect y="0" x=${ymax} height="24" width=${y - ymax} fill="var(--automation-device-secondary-color)"/>
-          <line y1="0" x1=${y} y2="24" x2=${y} stroke="var(--automation-device-tertiary-color)" stroke-width="1"/>
-        </g>
-          ` : w`
-        <g clip-path="url(#clip1)">
-          <rect x="0" y=${ymax} width="24" height=${y - ymax} fill="var(--automation-device-secondary-color)"/>
-          <line x1="0" y1=${y} x2="24" y2=${y} stroke="var(--automation-device-tertiary-color)" stroke-width="1"/>
-        </g>
-        `}
-            <defs>
-              <clipPath id="clip0">
-                <path
-                  d="M 13 11 L 13 13 H 14.2363 L 21 16.3819 V 7.6179 L 14.2358 11 Z"
-                />
-              </clipPath>
-              <clipPath id="clip1">
-                <path
-                  d="M 13 9.7622 L 16.3811 3 H 7.6172 L 11 9.7656 L 11 13 H 13 V 9.7622 Z"
-                />
-              </clipPath>
-              <clipPath id="clip2">
-                <path
-                  d="M 11 11 V 11 H 9.7642 L 3 7.6179 V 16.3819 L 9.7637 13 H 14.2363 L 14.2358 11 Z"
-                />
-              </clipPath>
-            </defs>
-          </svg>
-        </div>
-      </div>
-    `;
-	}
-	static {
-		this.styles = r$7(valve_analog_three_way_icon_default);
-	}
-};
-__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "value", void 0);
-__decorate([n$4({ type: Number })], ObcValveAnalogThreeWayIcon.prototype, "value2", void 0);
-__decorate([n$4({ type: Boolean })], ObcValveAnalogThreeWayIcon.prototype, "closed", void 0);
-__decorate([n$4({ type: Boolean })], ObcValveAnalogThreeWayIcon.prototype, "horisontal", void 0);
-ObcValveAnalogThreeWayIcon = __decorate([customElement("obc-valve-analog-three-way-icon")], ObcValveAnalogThreeWayIcon);
-//#endregion
 //#region src/automation/vertical-line/vertical-line.ts
 var ObcVerticalLine = class ObcVerticalLine extends i$4 {
 	constructor(..._args) {
@@ -181356,208 +181799,6 @@ var ObiThreewayAnalogOpen = class ObiThreewayAnalogOpen extends i$4 {
 __decorate([n$4({ type: Boolean })], ObiThreewayAnalogOpen.prototype, "useCssColor", void 0);
 ObiThreewayAnalogOpen = __decorate([customElement("obi-threeway-analog-open")], ObiThreewayAnalogOpen);
 //#endregion
-//#region src/icons/icon-threeway-digital-closed.ts
-var ObiThreewayDigitalClosed = class ObiThreewayDigitalClosed extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.useCssColor = false;
-		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7L21 17L15 12.5V11.5L21 7ZM7 22L17 22C17.824 22 18.2944 21.0592 17.8 20.4L13.3 14.4C13.1111 14.1482 12.8148 14 12.5 14H11.5C11.1852 14 10.8889 14.1482 10.7 14.4L6.2 20.4C5.70557 21.0592 6.17595 22 7 22ZM2 17L2 7C2 6.17595 2.94076 5.70557 3.6 6.2L9.6 10.7C9.85181 10.8889 10 11.1852 10 11.5V12.5C10 12.8148 9.85181 13.1111 9.6 13.3L3.6 17.8C2.94076 18.2944 2 17.824 2 17ZM22 7L22 17C22 17.824 21.0592 18.2944 20.4 17.8L14.4 13.3C14.1482 13.1111 14 12.8148 14 12.5V11.5C14 11.1852 14.1482 10.8889 14.4 10.7L20.4 6.2C21.0592 5.70557 22 6.17595 22 7Z" fill="currentColor"/>
-</svg>
-`;
-		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7V17L15 12.5V11.5L21 7Z" style="fill: var(--automation-device-primary-inverted-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 21L7 21L11.5 15H12.5L17 21ZM3 17L3 7L9 11.5V12.5L3 17ZM21 7L21 17L15 12.5V11.5L21 7ZM7 22L17 22C17.824 22 18.2944 21.0592 17.8 20.4L13.3 14.4C13.1111 14.1482 12.8148 14 12.5 14H11.5C11.1852 14 10.8889 14.1482 10.7 14.4L6.2 20.4C5.70557 21.0592 6.17595 22 7 22ZM2 17L2 7C2 6.17595 2.94076 5.70557 3.6 6.2L9.6 10.7C9.85181 10.8889 10 11.1852 10 11.5V12.5C10 12.8148 9.85181 13.1111 9.6 13.3L3.6 17.8C2.94076 18.2944 2 17.824 2 17ZM22 7L22 17C22 17.824 21.0592 18.2944 20.4 17.8L14.4 13.3C14.1482 13.1111 14 12.8148 14 12.5V11.5C14 11.1852 14.1482 10.8889 14.4 10.7L20.4 6.2C21.0592 5.70557 22 6.17595 22 7Z" style="fill: var(--automation-device-tertiary-inverted-color)"/>
-</svg>
-`;
-	}
-	render() {
-		return b`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-	}
-	static {
-		this.styles = i$7`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-      line-height: 0;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-	}
-};
-__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosed.prototype, "useCssColor", void 0);
-ObiThreewayDigitalClosed = __decorate([customElement("obi-threeway-digital-closed")], ObiThreewayDigitalClosed);
-//#endregion
-//#region src/icons/icon-threeway-digital-closed-bottom.ts
-var ObiThreewayDigitalClosedBottom = class ObiThreewayDigitalClosedBottom extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.useCssColor = false;
-		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 11.0001C14.1874 11.0001 14.3711 10.9474 14.53 10.8481L21 6.80433V17.1958L14.53 13.1521C14.3711 13.0528 14.1874 13.0001 14 13.0001H10C9.81258 13.0001 9.62893 13.0528 9.47 13.1521L3 17.1958L3 6.80433L9.3484 10.7721C9.5868 10.9211 9.86227 11.0001 10.1434 11.0001H14ZM14 10.0001H10.1434C10.0497 10.0001 9.95786 9.97375 9.8784 9.92408L3.53 5.95634C2.86395 5.54005 2 6.0189 2 6.80433V17.1958C2 17.9813 2.86395 18.4601 3.53 18.0438L10 14.0001H14L20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16.0002L6.94317 21.0002H17.0568L13.4854 16.0002H10.5146Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16L6.94317 21H17.0568L13.4854 16H10.5146ZM6.12944 20.4188C5.65667 21.0806 6.1298 22 6.94317 22H17.0568C17.8702 22 18.3433 21.0806 17.8705 20.4188L14.2991 15.4188C14.1114 15.156 13.8083 15 13.4854 15H10.5146C10.1916 15 9.88858 15.156 9.70086 15.4188L6.12944 20.4188Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.9996C14.1874 10.9996 14.3711 10.9469 14.53 10.8476L21 6.80381V17.1953L14.53 13.1516C14.3711 13.0522 14.1874 12.9996 14 12.9996L10 12.9996C9.81258 12.9996 9.62893 13.0522 9.47 13.1516L3 17.1953L3 6.80381L9.3484 10.7716C9.5868 10.9206 9.86227 10.9996 10.1434 10.9996L14 10.9996Z" fill="currentColor"/>
-</svg>
-`;
-		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 11.0001C14.1874 11.0001 14.3711 10.9474 14.53 10.8481L21 6.80433V17.1958L14.53 13.1521C14.3711 13.0528 14.1874 13.0001 14 13.0001H10C9.81258 13.0001 9.62893 13.0528 9.47 13.1521L3 17.1958L3 6.80433L9.3484 10.7721C9.5868 10.9211 9.86227 11.0001 10.1434 11.0001H14ZM14 10.0001H10.1434C10.0497 10.0001 9.95786 9.97375 9.8784 9.92408L3.53 5.95634C2.86395 5.54005 2 6.0189 2 6.80433V17.1958C2 17.9813 2.86395 18.4601 3.53 18.0438L10 14.0001H14L20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16.0002L6.94317 21.0002H17.0568L13.4854 16.0002H10.5146Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5146 16L6.94317 21H17.0568L13.4854 16H10.5146ZM6.12944 20.4188C5.65667 21.0806 6.1298 22 6.94317 22H17.0568C17.8702 22 18.3433 21.0806 17.8705 20.4188L14.2991 15.4188C14.1114 15.156 13.8083 15 13.4854 15H10.5146C10.1916 15 9.88858 15.156 9.70086 15.4188L6.12944 20.4188Z" style="fill: var(--automation-device-secondary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.9996C14.1874 10.9996 14.3711 10.9469 14.53 10.8476L21 6.80381V17.1953L14.53 13.1516C14.3711 13.0522 14.1874 12.9996 14 12.9996L10 12.9996C9.81258 12.9996 9.62893 13.0522 9.47 13.1516L3 17.1953L3 6.80381L9.3484 10.7716C9.5868 10.9206 9.86227 10.9996 10.1434 10.9996L14 10.9996Z" style="fill: var(--automation-device-primary-color)"/>
-</svg>
-`;
-	}
-	render() {
-		return b`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-	}
-	static {
-		this.styles = i$7`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-      line-height: 0;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-	}
-};
-__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosedBottom.prototype, "useCssColor", void 0);
-ObiThreewayDigitalClosedBottom = __decorate([customElement("obi-threeway-digital-closed-bottom")], ObiThreewayDigitalClosedBottom);
-//#endregion
-//#region src/icons/icon-threeway-digital-closed-left.ts
-var ObiThreewayDigitalClosedLeft = class ObiThreewayDigitalClosedLeft extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.useCssColor = false;
-		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8481C14.3711 10.9474 14.1874 11.0001 14 11.0001H11V14.0001C11 14.1875 10.9473 14.3712 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.53 10.8481ZM20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001H10.5C10.2239 10.0001 10 10.2239 10 10.5001V14.0001L5.95625 20.4701C5.53997 21.1361 6.01881 22.0001 6.80425 22.0001H17.1958C17.9812 22.0001 18.46 21.1361 18.0438 20.4701L14 14.0001L20.47 18.0438Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0569L8 13.4855V10.5147L3 6.94329V17.0569Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0568L8 13.4854V10.5146L3 6.94317V17.0568ZM3.58124 17.8705C2.91937 18.3433 2 17.8702 2 17.0568V6.94317C2 6.1298 2.91937 5.65667 3.58124 6.12944L8.58124 9.70086C8.84403 9.88858 9 10.1916 9 10.5146V13.4854C9 13.8083 8.84403 14.1114 8.58124 14.2991L3.58124 17.8705Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8484C14.3711 10.9478 14.1874 11.0004 14 11.0004H11V14.0004C11 14.1879 10.9473 14.3715 10.848 14.5304L6.80426 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962L21 6.80469L14.53 10.8484Z" fill="currentColor"/>
-</svg>
-`;
-		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8481C14.3711 10.9474 14.1874 11.0001 14 11.0001H11V14.0001C11 14.1875 10.9473 14.3712 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.53 10.8481ZM20.47 18.0438C21.136 18.4601 22 17.9813 22 17.1958V6.80433C22 6.0189 21.136 5.54005 20.47 5.95634L14 10.0001H10.5C10.2239 10.0001 10 10.2239 10 10.5001V14.0001L5.95625 20.4701C5.53997 21.1361 6.01881 22.0001 6.80425 22.0001H17.1958C17.9812 22.0001 18.46 21.1361 18.0438 20.4701L14 14.0001L20.47 18.0438Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0569L8 13.4855V10.5147L3 6.94329V17.0569Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 17.0568L8 13.4854V10.5146L3 6.94317V17.0568ZM3.58124 17.8705C2.91937 18.3433 2 17.8702 2 17.0568V6.94317C2 6.1298 2.91937 5.65667 3.58124 6.12944L8.58124 9.70086C8.84403 9.88858 9 10.1916 9 10.5146V13.4854C9 13.8083 8.84403 14.1114 8.58124 14.2991L3.58124 17.8705Z" style="fill: var(--automation-device-secondary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.53 10.8484C14.3711 10.9478 14.1874 11.0004 14 11.0004H11V14.0004C11 14.1879 10.9473 14.3715 10.848 14.5304L6.80426 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962L21 6.80469L14.53 10.8484Z" style="fill: var(--automation-device-primary-color)"/>
-</svg>
-`;
-	}
-	render() {
-		return b`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-	}
-	static {
-		this.styles = i$7`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-      line-height: 0;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-	}
-};
-__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosedLeft.prototype, "useCssColor", void 0);
-ObiThreewayDigitalClosedLeft = __decorate([customElement("obi-threeway-digital-closed-left")], ObiThreewayDigitalClosedLeft);
-//#endregion
-//#region src/icons/icon-threeway-digital-closed-right.ts
-var ObiThreewayDigitalClosedRight = class ObiThreewayDigitalClosedRight extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.useCssColor = false;
-		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.8481C9.62893 10.9474 9.81258 11.0001 10 11.0001H13V14.0001C13 14.1875 13.0527 14.3712 13.152 14.5301L17.1958 21.0001H6.80425L10.848 14.5301C11.0948 14.1352 11.0364 13.6222 10.7071 13.293C10.3778 12.9637 9.86488 12.9053 9.47 13.1521L3 17.1958L3 6.80433L9.47 10.8481ZM3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958V6.80433C2 6.0189 2.86395 5.54005 3.53 5.95634L10 10.0001H13.5C13.7761 10.0001 14 10.2239 14 10.5001V14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001H6.80425C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0569L16 13.4855V10.5147L21 6.94329V17.0569Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0568L16 13.4854L16 10.5146L21 6.94321V17.0568ZM20.4188 17.8706C21.0806 18.3433 22 17.8702 22 17.0568V6.94321C22 6.12984 21.0806 5.65671 20.4188 6.12948L15.4188 9.7009C15.156 9.88862 15 10.1917 15 10.5146L15 13.4854C15 13.8084 15.156 14.1114 15.4188 14.2991L20.4188 17.8706Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.848C9.62893 10.9473 9.81258 11 10 11L13 11L13 14C13 14.1874 13.0527 14.3711 13.152 14.53L17.1958 21H6.80425L10.848 14.53C11.0948 14.1351 11.0364 13.6222 10.7071 13.2929C10.3778 12.9636 9.86488 12.9052 9.47 13.152L3 17.1958L3 6.80425L9.47 10.848Z" fill="currentColor"/>
-</svg>
-`;
-		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.8481C9.62893 10.9474 9.81258 11.0001 10 11.0001H13V14.0001C13 14.1875 13.0527 14.3712 13.152 14.5301L17.1958 21.0001H6.80425L10.848 14.5301C11.0948 14.1352 11.0364 13.6222 10.7071 13.293C10.3778 12.9637 9.86488 12.9053 9.47 13.1521L3 17.1958L3 6.80433L9.47 10.8481ZM3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958V6.80433C2 6.0189 2.86395 5.54005 3.53 5.95634L10 10.0001H13.5C13.7761 10.0001 14 10.2239 14 10.5001V14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001H6.80425C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0569L16 13.4855V10.5147L21 6.94329V17.0569Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21 17.0568L16 13.4854L16 10.5146L21 6.94321V17.0568ZM20.4188 17.8706C21.0806 18.3433 22 17.8702 22 17.0568V6.94321C22 6.12984 21.0806 5.65671 20.4188 6.12948L15.4188 9.7009C15.156 9.88862 15 10.1917 15 10.5146L15 13.4854C15 13.8084 15.156 14.1114 15.4188 14.2991L20.4188 17.8706Z" style="fill: var(--automation-device-secondary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47 10.848C9.62893 10.9473 9.81258 11 10 11L13 11L13 14C13 14.1874 13.0527 14.3711 13.152 14.53L17.1958 21H6.80425L10.848 14.53C11.0948 14.1351 11.0364 13.6222 10.7071 13.2929C10.3778 12.9636 9.86488 12.9052 9.47 13.152L3 17.1958L3 6.80425L9.47 10.848Z" style="fill: var(--automation-device-primary-color)"/>
-</svg>
-`;
-	}
-	render() {
-		return b`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-	}
-	static {
-		this.styles = i$7`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-      line-height: 0;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-	}
-};
-__decorate([n$4({ type: Boolean })], ObiThreewayDigitalClosedRight.prototype, "useCssColor", void 0);
-ObiThreewayDigitalClosedRight = __decorate([customElement("obi-threeway-digital-closed-right")], ObiThreewayDigitalClosedRight);
-//#endregion
-//#region src/icons/icon-threeway-digital-open.ts
-var ObiThreewayDigitalOpen = class ObiThreewayDigitalOpen extends i$4 {
-	constructor(..._args) {
-		super(..._args);
-		this.useCssColor = false;
-		this.icon = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1216 9.92409L20.47 5.95633C21.136 5.54005 22 6.0189 22 6.80433V17.1958C22 17.9813 21.136 18.4601 20.47 18.0438L14 14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001L6.80425 22.0001C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958L2 6.80433C2 6.0189 2.86395 5.54005 3.53 5.95633L10 10.0001L13.8566 10.0001C13.9503 10.0001 14.0421 9.97375 14.1216 9.92409ZM10 11.0001C9.81258 11.0001 9.62893 10.9474 9.47 10.8481L3 6.80433L3 17.1958L9.47 13.1521C9.86488 12.9053 10.3778 12.9637 10.7071 13.293C11.0364 13.6222 11.0948 14.1352 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.6516 10.7721C14.4132 10.9211 14.1377 11.0001 13.8566 11.0001L10 11.0001Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.0004C9.81258 11.0004 9.62893 10.9478 9.47 10.8484L3 6.80469L3 17.1962L9.47 13.1524C9.86488 12.9056 10.3778 12.9641 10.7071 13.2933C11.0364 13.6226 11.0948 14.1356 10.848 14.5304L6.80425 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962V6.80469L14.6516 10.7724C14.4132 10.9214 14.1377 11.0004 13.8566 11.0004H10Z" fill="currentColor"/>
-</svg>
-`;
-		this.iconCss = w`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1216 9.92409L20.47 5.95633C21.136 5.54005 22 6.0189 22 6.80433V17.1958C22 17.9813 21.136 18.4601 20.47 18.0438L14 14.0001L18.0438 20.4701C18.46 21.1361 17.9812 22.0001 17.1958 22.0001L6.80425 22.0001C6.01881 22.0001 5.53997 21.1361 5.95625 20.4701L10 14.0001L3.53 18.0438C2.86395 18.4601 2 17.9813 2 17.1958L2 6.80433C2 6.0189 2.86395 5.54005 3.53 5.95633L10 10.0001L13.8566 10.0001C13.9503 10.0001 14.0421 9.97375 14.1216 9.92409ZM10 11.0001C9.81258 11.0001 9.62893 10.9474 9.47 10.8481L3 6.80433L3 17.1958L9.47 13.1521C9.86488 12.9053 10.3778 12.9637 10.7071 13.293C11.0364 13.6222 11.0948 14.1352 10.848 14.5301L6.80425 21.0001H17.1958L13.152 14.5301C12.9052 14.1352 12.9636 13.6222 13.2929 13.293C13.6222 12.9637 14.1351 12.9053 14.53 13.1521L21 17.1958V6.80433L14.6516 10.7721C14.4132 10.9211 14.1377 11.0001 13.8566 11.0001L10 11.0001Z" style="fill: var(--automation-device-tertiary-color)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.0004C9.81258 11.0004 9.62893 10.9478 9.47 10.8484L3 6.80469L3 17.1962L9.47 13.1524C9.86488 12.9056 10.3778 12.9641 10.7071 13.2933C11.0364 13.6226 11.0948 14.1356 10.848 14.5304L6.80425 21.0004H17.1958L13.152 14.5304C12.9052 14.1356 12.9636 13.6226 13.2929 13.2933C13.6222 12.9641 14.1351 12.9056 14.53 13.1524L21 17.1962V6.80469L14.6516 10.7724C14.4132 10.9214 14.1377 11.0004 13.8566 11.0004H10Z" style="fill: var(--automation-device-primary-color)"/>
-</svg>
-`;
-	}
-	render() {
-		return b`
-      <div class="wrapper">${this.useCssColor ? this.iconCss : this.icon}</div>
-    `;
-	}
-	static {
-		this.styles = i$7`
-    .wrapper {
-      height: 100%;
-      width: 100%;
-      line-height: 0;
-    }
-    .wrapper > * {
-      height: 100%;
-      width: 100%;
-    }
-  `;
-	}
-};
-__decorate([n$4({ type: Boolean })], ObiThreewayDigitalOpen.prototype, "useCssColor", void 0);
-ObiThreewayDigitalOpen = __decorate([customElement("obi-threeway-digital-open")], ObiThreewayDigitalOpen);
-//#endregion
 //#region src/icons/icon-threeway-digital-static.ts
 var ObiThreewayDigitalStatic = class ObiThreewayDigitalStatic extends i$4 {
 	constructor(..._args) {