From 80d719cf9b88d2c76910830b4522104c0685c3e4 Mon Sep 17 00:00:00 2001
From: aivs <aivs@yandex.ru>
Date: Thu, 7 Mar 2024 00:52:49 +0300
Subject: [PATCH] general anf motor component

---
 .../devices/general/general.component.scss    |  8 ++
 .../devices/general/general.component.svg     | 81 +++++++++++++++++++
 .../devices/general/general.component.ts      | 14 ++++
 .../devices/motor/motor.component.scss        |  8 ++
 .../devices/motor/motor.component.svg         | 37 +++++++++
 .../devices/motor/motor.component.ts          | 13 +++
 .../z-uno-shield/z-uno-shield.model.ts        |  2 +-
 7 files changed, 162 insertions(+), 1 deletion(-)
 create mode 100644 apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.scss
 create mode 100644 apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.svg
 create mode 100644 apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.ts
 create mode 100644 apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.scss
 create mode 100644 apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.svg
 create mode 100644 apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.ts

diff --git a/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.scss b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.scss
new file mode 100644
index 0000000..b4ee853
--- /dev/null
+++ b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.scss
@@ -0,0 +1,8 @@
+:host{
+  .some{
+    opacity: .3;
+    &:hover{
+      opacity: 1;
+    }
+  }
+}
diff --git a/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.svg b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.svg
new file mode 100644
index 0000000..54dc1fe
--- /dev/null
+++ b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.svg
@@ -0,0 +1,81 @@
+<svg:g id="layer9" style="display:inline;opacity:1" transform="translate(0 1360.63)">
+  <ng-container [ngSwitch]="pin?.key">
+    <svg:g *ngSwitchCase="'digital input 12'" id="g8327">
+      <svg:path id="rect8317" d="M937.323-1360.63h1126.299v15.118H937.323z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect8319" d="M2048.504-1360.63h15.118V661.417h-15.118z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect8321" d="M2048.504 646.299h359.055v15.118h-359.055z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect8323" d="M2392.441 597.165h15.118v64.252h-15.118z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect8325" d="M937.323-1360.63h15.118v283.465h-15.118z" style="display:inline;opacity:1;fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'digital input 5'" id="g5735">
+      <svg:path id="rect5725" d="M1028.032-1360.63h1035.591v15.118H1028.032z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect5727" d="M2048.504-1360.63h15.118V661.417h-15.118z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect5729" d="M2048.504 646.299h359.055v15.118h-359.055z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect5731" d="M2392.441 597.165h15.118v64.252h-15.118z" style="fill:red;stroke-width:1.00157"/>
+      <svg:path id="rect5733" d="M1028.032-1360.63h15.118v283.465h-15.118z" style="display:inline;opacity:1;fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'digital input 3'" id="g91410">
+      <svg:path id="rect91398" d="M1209.449-1303.937h854.173v15.118h-854.173z" style="fill:black;stroke-width:1.00157"/>
+      <svg:path id="rect91400" d="M2048.504-1303.937h15.118V661.417h-15.118z" style="fill:black;stroke-width:1.00157"/>
+      <svg:path id="rect91402" d="M2048.504 646.299h359.055v15.118h-359.055z" style="fill:black;stroke-width:1.00157"/>
+      <svg:path id="rect91404" d="M2392.441 597.165h15.118v64.252h-15.118z" style="fill:black;stroke-width:1.00157"/>
+    </svg:g>
+  </ng-container>
+  <svg:g id="layer9" style="display:inline;opacity:1" transform="translate(0 0)">
+    <svg:path id="rect4524-5" d="M-2095.394 3083.648h446.877v766.667h-446.877z" style="opacity:1;display:inline;fill:#d4d6d6;fill-opacity:1;stroke:#6b6e6e;stroke-width:6.66666;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.701961;paint-order:fill markers stroke" transform="rotate(-90 -1266.875 -336.56)"/>
+    <svg:path id="rect1500" d="M2343.307 272.126h7.559v309.921h-7.559z" style="fill:#000;fill-opacity:1;stroke-width:3.77953"/>
+    <svg:path id="rect1504" d="M2343.307 574.488h52.913v7.559h-52.913z" style="fill:#000;fill-opacity:1;stroke-width:3.77952"/>
+    <svg:path id="rect1504-4" d="M2343.307 272.126h52.913v7.559h-52.913z" style="display:inline;fill:#000;fill-opacity:1;stroke-width:3.77952"/>
+    <svg:path id="rect1504-4-4" d="M2702.362 272.126h52.913v7.559h-52.913z" style="display:inline;fill:#000;fill-opacity:1;stroke-width:3.77952"/>
+    <svg:path id="rect1500-9" d="M2747.717 272.126h7.559v309.921h-7.559z" style="display:inline;fill:#000;fill-opacity:1;stroke-width:3.77953"/>
+    <svg:path id="rect1504-5" d="M2513.386 574.488h241.89v7.559h-241.89z" style="display:inline;fill:#000;fill-opacity:1;stroke-width:3.77952"/>
+    <svg:circle id="ellipse4526" cx="-1875.562" cy="3353.755" r="35.795" style="opacity:1;display:inline;fill:#fff;fill-opacity:1;stroke:#000;stroke-width:7.55905533;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(-90 -1266.875 -336.56)"/>
+    <svg:circle id="ellipse4528" cx="-1875.562" cy="3602.467" r="35.795" style="opacity:1;display:inline;fill:#fff;fill-opacity:1;stroke:#000;stroke-width:7.55905533;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke" transform="rotate(-90 -1266.875 -336.56)"/>
+    <svg:path id="rect1572" d="M2065.379 1303.324h264.567v7.559h-264.567z" style="fill:#000;fill-opacity:1;stroke-width:3.77953" transform="rotate(-25)"/>
+    <svg:circle id="path310" cx="2396.22" cy="578.268" r="7.559" style="fill:#000;stroke:#000;stroke-width:7.55906"/>
+    <svg:circle id="path866" cx="2513.386" cy="578.268" r="7.559" style="fill:#000;stroke:#000;stroke-width:7.55906"/>
+  </svg:g>
+  <svg:path id="rect121142" d="M2505.827 597.165h15.118v139.843h-15.118z" style="display:inline;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+  <ng-container [ngSwitch]="pin?.id">
+    <svg:g *ngSwitchCase="'A0'" id="g17795" style="display:inline">
+      <svg:path id="rect254212" d="M1568.504 721.89h952.441v15.118h-952.441z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121140" d="M1568.504 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14240" cx="1576.063" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'A1'" id="g17799" style="display:inline">
+      <svg:path id="rect254210" d="M1477.795 721.89h1043.15v15.118h-1043.15z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121138" d="M1477.795 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14238" cx="1485.354" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'A2'" id="g17803" style="display:inline">
+      <svg:path id="rect254208" d="M1387.087 721.89h1133.858v15.118H1387.087z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121136" d="M1387.087 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14236" cx="1394.646" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'A3'" id="g17807" style="display:inline">
+      <svg:path id="rect254206" d="M1296.378 721.89h1224.567v15.118H1296.378z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121134" d="M1296.378 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14234" cx="1303.937" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'7'" id="g17823" style="display:inline">
+      <svg:path id="rect111856" d="M937.323 721.89h1583.622v15.118H937.323z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121126" d="M937.323 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14226" cx="944.882" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'8'" id="g17819" style="display:inline">
+      <svg:path id="rect254200" d="M1028.032 721.89h1492.914v15.118H1028.032z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121128" d="M1028.032 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14228" cx="1035.591" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'11'" id="g17811" style="display:inline">
+      <svg:path id="rect254204" d="M1209.449 721.89h1311.496v15.118H1209.449z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121132" d="M1209.449 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14232" cx="1217.008" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'12'" id="g17815" style="display:inline">
+      <svg:path id="rect254202" d="M1118.74 721.89h1402.205v15.118H1118.74z" style="display:inline;opacity:1;fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00158;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:path id="rect121130" d="M1118.74 593.386h15.118v143.622h-15.118z" style="fill:#50c878;fill-opacity:1;stroke:none;stroke-width:1.00157;stroke-dasharray:none;stroke-opacity:1"/>
+      <svg:circle id="path14230" cx="1126.299" cy="464.882" r="22.677" style="fill:red;stroke-width:1.00157"/>
+    </svg:g>
+  </ng-container>
+</svg:g>
diff --git a/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.ts b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.ts
new file mode 100644
index 0000000..25e4997
--- /dev/null
+++ b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/general/general.component.ts
@@ -0,0 +1,14 @@
+import { Component, Input } from '@angular/core';
+
+import { PinConfig } from '@configurator/shared';
+
+@Component({
+  selector: '[general]',
+  templateUrl: './general.component.svg',
+  styleUrls: ['./general.component.scss'],
+})
+export class GeneralComponent {
+
+  @Input()
+  public pin?: PinConfig;
+}
diff --git a/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.scss b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.scss
new file mode 100644
index 0000000..b4ee853
--- /dev/null
+++ b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.scss
@@ -0,0 +1,8 @@
+:host{
+  .some{
+    opacity: .3;
+    &:hover{
+      opacity: 1;
+    }
+  }
+}
diff --git a/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.svg b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.svg
new file mode 100644
index 0000000..94e2c3e
--- /dev/null
+++ b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.svg
@@ -0,0 +1,37 @@
+<svg:g id="g58297" style="display:inline">
+  <svg:g id="outline" style="fill:url(#linearGradient1603);fill-opacity:1" transform="matrix(.83333 0 0 .83333 2535.464 676.327)">
+    <svg:path id="path716" d="M-113.172-84.554c-.176 7.23 5.643 13.403 13.05 13.403l79.181 1.234h.177c7.23 0 13.05-5.82 13.226-13.05s-5.643-13.226-13.05-13.402l-79.181-1.235c-7.23-.176-13.226 5.643-13.403 13.05m530.637-5.29 79.18 1.234c7.231.176 13.05 6.172 13.05 13.403-.176 7.23-5.995 13.05-13.225 13.05h-.177l-79.18-1.235c-7.231-.176-13.05-6.172-13.05-13.402.176-7.23 5.995-13.05 13.225-13.05zm-527.286-89.586c2.469-2.822 6.172-4.409 10.052-4.409q47.085.53 94.7 1.058c7.23 0 13.226 5.996 13.05 13.403 0 7.23-5.996 13.05-13.227 13.05h-.176c-27.158-.353-54.14-.53-80.945-.882 0 1.234-.176 2.469-.176 3.703-.353 4.938-.529 9.523 0 13.932.882 7.23-4.409 13.755-11.639 14.637-.529 0-1.058.176-1.587.176-6.525 0-12.345-4.937-13.05-11.639-.882-6.877-.353-13.05 0-18.693.353-4.938.53-9.523 0-13.931-.705-3.88.53-7.583 2.998-10.405m510.356 27.863c-7.23 0-13.226-5.996-13.05-13.402 0-7.23 5.996-13.05 13.227-13.05h3.35q46.558.528 92.584 1.058c7.23 0 13.05 5.996 13.05 13.226v33.683c0 7.23-5.996 13.226-13.226 13.226s-13.227-5.996-13.227-13.226v-20.633c-26.452-.353-52.905-.53-79.533-.882zm-500.48-125.385c68.776.353 137.023 1.059 194.513 1.588 7.23 0 13.227 5.996 13.05 13.402 0 7.23-5.996 13.05-13.226 13.05h-.176c-53.963-.529-117.273-1.058-181.464-1.587 0 2.469.176 5.114.352 7.583.353 7.407.882 14.99 0 23.63-.705 6.879-6.348 11.993-13.226 11.993h-1.234c-7.23-.706-12.521-7.23-11.816-14.461.706-6.525.353-12.874 0-19.575-.352-7.407-.881-14.99 0-23.63.706-6.878 6.525-11.993 13.226-11.993m410.19 3.88c68.952.706 129.969 1.235 186.225 1.587 7.23 0 13.05 5.82 13.226 13.05v31.743c0 7.23-5.82 13.226-13.226 13.226-7.23 0-13.227-5.82-13.227-13.226v-18.516c-52.728-.353-109.513-.882-173.175-1.411-7.23 0-13.226-5.996-13.05-13.403 0-7.407 5.996-13.226 13.226-13.05m199.45-43.03c-.705 7.231-7.053 12.698-14.46 11.993-7.23-.706-12.697-7.054-11.992-14.461.53-6.349.353-12.874 0-19.928-.176-2.998-.352-6.172-.352-9.17-210.915-1.234-363.81-1.234-569.787-1.234 0 3.174.177 6.525.177 9.875.176 8.112.352 16.4 0 24.337-.353 7.054-6.173 12.52-13.227 12.52h-.705c-7.23-.352-12.873-6.524-12.52-13.931.352-7.054.176-14.46 0-22.397-.177-8.112-.353-16.4 0-24.336.352-7.054 6.172-12.52 13.225-12.52 217.087 0 374.038 0 596.416 1.234 3.703 0 7.23 1.587 9.699 4.408s3.703 6.35 3.35 10.052c-.529 6.349-.352 12.874 0 19.928.53 7.583.882 15.342.177 23.63M21.03 14.556c0 7.23-5.995 13.226-13.226 13.226-39.502-.176-74.596-.353-107.573-.353-3.704 0-7.054-1.587-9.7-4.232s-3.703-6.172-3.526-9.876c.352-5.114.176-11.286 0-17.458-.177-6.702-.353-13.58 0-19.752.529-7.23 6.701-12.873 13.931-12.344s12.874 6.701 12.345 13.932c-.353 5.114-.177 11.286 0 17.458 0 1.94.176 3.88.176 5.82 29.098 0 60.135.176 94.347.352 7.407 0 13.226 5.996 13.226 13.227m488.666 3.703c0 3.527-1.411 6.878-3.88 9.347a13.21 13.21 0 0 1-9.346 3.88c-33.154 0-67.895-.177-103.341-.353-7.23 0-13.227-5.996-13.227-13.227S385.898 4.68 393.13 4.68h.176c30.685.176 60.84.353 89.938.353v-20.28c0-7.23 5.996-13.227 13.227-13.227s13.226 5.996 13.226 13.227zm-386.912 92.407c0 7.23-5.996 13.05-13.226 13.05h-.176c-77.418-.881-142.138-2.821-210.033-6.348-3.703-.177-7.054-1.94-9.346-4.585-2.293-2.646-3.527-6.349-2.998-10.052.529-4.233.176-8.465 0-13.05-.353-5.29-.706-11.11 0-17.635.881-7.23 7.406-12.521 14.637-11.64 7.23.882 12.52 7.407 11.639 14.638-.53 4.232-.177 8.464 0 13.05 0 1.058.176 2.292.176 3.527 62.957 2.998 123.974 4.761 196.277 5.643 7.407 0 13.227 5.996 13.05 13.402m386.912 5.29c-.353 7.055-6.172 12.522-13.226 12.522h-.353c-63.839-1.94-125.208-2.998-198.746-3.527-7.23 0-13.227-5.996-13.05-13.403 0-7.23 5.996-13.05 13.226-13.05h.176c68.6.53 126.62 1.411 185.873 3.175 0-1.588 0-3.351-.176-4.938-.177-6.349-.353-13.05 0-19.751.352-7.23 6.701-12.874 13.931-12.521s12.874 6.525 12.521 13.931c-.353 5.644-.176 11.463 0 17.635 0 6.349.176 13.05-.176 19.928m-622.691 53.259c1.058-7.23 7.76-12.169 14.99-11.11 7.23 1.058 12.167 7.759 11.11 14.99-.53 3.879-.177 9.875.176 15.518.176 1.94.176 3.88.352 5.996 96.111 1.41 190.458 2.821 284.805 4.232s188.871 2.822 284.982 4.233c0-2.293-.177-4.585-.177-7.054-.176-7.054-.352-14.285 0-21.691.353-7.23 6.525-12.874 13.756-12.521s12.873 6.525 12.52 13.755c-.352 6.525-.176 13.05 0 19.928.177 7.054.353 14.284 0 21.69-.352 7.055-6.172 12.521-13.226 12.521h-.176c-100.696-1.41-199.452-2.997-298.208-4.408s-197.511-2.998-298.207-4.409c-3.88 0-7.407-1.764-9.876-4.585-2.469-2.822-3.527-6.701-2.998-10.405.53-3.88.177-9.875-.176-15.519-.176-7.406-.705-14.637.353-21.161M845.113-6.96c18.34-24.865 22.044-55.374 21.867-76.712v-2.469c-.176-19.751-.352-49.378-24.512-73.538a13.3 13.3 0 0 0-2.469-1.94c-7.23-4.408-23.455-5.467-130.499-5.467h-23.102c-.176-21.162-.352-41.618-.705-62.427-.353-23.808-.53-48.497-.706-74.95-.529-63.838-25.218-97.344-39.855-111.805-30.155-29.45-86.94-30.332-117.449-30.861-132.967-2.116-268.228-1.41-399.08-.705-112.687.529-228.549 1.234-343.529 0h-.352c-18.34-.177-36.505-.353-54.845-.706-46.556-.705-110.395-1.763-157.128 33.33-62.251 46.91-68.423 132.263-65.955 217.44 1.588 50.612 1.235 92.054.882 132.262-.353 40.384-.705 82.003.882 133.144 2.116 72.656 9.523 153.953 68.071 199.804 43.03 33.507 102.46 33.33 155.011 32.978h10.581c-14.284 7.583-28.392 14.637-42.5 21.514-30.685 14.99-59.782 29.275-81.65 47.086-3.174 2.645-4.938 6.348-4.761 10.404.352 17.106 0 28.393-.177 39.503-.176 11.286-.529 22.925-.176 40.384.176 6.878 5.643 12.697 12.52 13.05 226.081 12.168 393.966 11.11 556.208 10.052 132.615-.882 258-1.587 409.66 4.409h.53c3.35 0 6.525-1.235 8.994-3.527 2.645-2.47 4.056-5.82 4.232-9.347.353-14.108.53-26.276.882-38.444s.529-24.513.882-38.62c.176-4.586-2.117-8.818-5.996-11.287-30.333-20.104-68.248-38.974-104.752-57.314-17.635-8.817-35.8-17.811-52.905-26.981 27.158-1.059 54.668-2.293 82.708-3.88 23.807-1.235 50.789-2.822 74.949-14.814 38.62-19.222 62.075-49.025 73.714-93.641 10.052-38.62 10.404-83.766 10.757-135.79 0-10.933.177-22.22.353-33.506.176-6.701.176-13.226.176-19.575 13.58-.176 27.334-.176 41.795-.176 35.975-.177 73.009-.353 107.22-1.411 4.057-.353 7.76-2.293 10.23-5.467M-289.345 273.965c-43.735-.176-86.764-3.35-117.45-27.51-49.73-38.797-55.902-113.04-58.018-179.7-1.587-50.613-1.235-92.055-.882-132.263.353-40.384.705-82.003-.882-133.144-2.292-78.123 2.645-155.717 55.374-195.396 33.154-25.041 76.536-28.568 125.737-28.216 6.525 231.018 5.115 465.211-3.88 696.23m66.131 0c-8.465 0-16.93-.176-25.394-.176h-14.285c8.994-230.842 10.405-464.858 4.056-695.876 10.229.176 20.457.352 30.685.352l.177 13.932zm17.282 26.63c64.192.528 124.68 1.41 183.58 2.115 83.414 1.235 161.89 2.293 239.836 2.293 58.196 0 116.038-.53 175.292-2.293 27.687 16.93 60.311 33.33 91.702 49.026 33.33 16.753 67.894 33.859 95.934 51.67-.176 11.11-.529 21.162-.705 31.214-.177 8.112-.353 16.4-.53 25.042-146.193-5.644-268.404-4.762-397.492-3.88-158.891 1.058-323.073 2.116-542.1-9.347 0-10.58.177-19.045.354-27.157.176-9.7.352-19.752.176-33.86 19.046-14.284 44.616-26.805 71.598-40.031 25.747-12.52 54.845-26.805 82.355-44.793M659.593-13.133s0 .176 0 0q0 .264 0 0c-.176 10.404-.176 20.985-.353 32.095-.176 11.463-.176 22.926-.352 33.86-.53 99.637-1.058 171.588-69.658 205.976-19.223 9.523-42.324 10.934-64.544 11.992C334.05 281.196 169.164 278.903-22 276.258c-56.08-.706-113.746-1.587-174.763-2.116l-4.76-682.121-.177-13.403c110.747 1.058 222.024.353 330.48-.176 130.674-.706 265.758-1.411 398.373.705 26.806.353 76.713 1.234 99.285 23.278 19.928 19.575 31.567 53.434 31.92 93.113.176 26.452.529 51.141.705 74.949.353 25.041.53 49.554.705 75.3v.354c.53 41.442.53 86.058-.176 140.727m180.935-70.364c.176 15.695-2.116 37.563-13.226 55.55-31.92.882-66.308 1.059-99.638 1.235-13.755 0-27.687.176-41.442.176.353-43.206.353-79.886.176-114.098h22.926c41.09 0 101.93-.176 116.567 2.116 14.284 16.048 14.46 35.446 14.46 52.552zm-708.044-160.83c12.344 66.483 17.635 97.344 19.927 111.629-18.517.705-31.39.352-47.967 0-7.23-.177-15.519-.353-25.218-.53-9.523-.176-18.164 5.291-22.396 13.932-4.057 8.641-2.822 18.693 3.35 26.1 64.544 76.888 105.634 124.856 164.71 189.4 4.762 5.29 11.287 7.935 17.812 7.935 4.409 0 8.994-1.234 13.05-3.703 10.052-6.349 14.108-18.517 9.7-29.627-7.584-19.222-14.814-37.915-21.515-55.903-8.289-22.043-16.4-43.205-23.984-61.546 13.05-.176 23.984.177 35.27.53 7.407.176 14.813.352 23.102.528 9.17 0 17.635-4.937 21.867-13.05 4.233-8.112 3.527-17.81-1.763-25.394-31.743-44.616-89.939-130.851-121.682-178.29-6.525-9.699-18.516-13.402-29.45-8.993s-16.93 15.518-14.813 26.981m35.27 137.376c3.88-.177 7.406-2.116 9.699-5.114 4.056-5.115 3.35-9.7 1.234-23.279-1.058-7.406-2.821-17.987-5.29-31.39-3.35-18.87-7.76-43.206-13.05-72.303 31.92 47.438 83.413 123.974 113.922 167.003-6.525-.176-12.521-.353-18.517-.53-9.7-.352-19.751-.528-31.39-.528-7.583 0-15.695.176-25.042.353-4.409.176-8.465 2.468-10.757 6.172-2.293 3.703-2.645 8.465-.882 12.344 9.7 21.515 20.104 49.202 31.214 78.476 5.643 14.813 11.463 29.98 17.459 45.675C182.567 10.675 142.888-35.53 83.106-106.774c7.583.176 14.46.353 20.456.353 21.339.705 36.505 1.058 64.192-.53" class="st5" style="fill:url(#linearGradient1603);stroke-width:1;fill-opacity:1"/>
+  </svg:g>
+
+  <svg:g id="g30105" style="display:inline;opacity:1" transform="translate(0 1360.63)">
+    <svg:path id="rect30096" d="M937.323-1360.63h1330.394v15.118H937.323z" style="fill:red;stroke-width:1.00157"/>
+    <svg:path id="rect30098" d="M2252.598-1360.63h15.118v283.465h-15.118z" style="fill:red;stroke-width:1.00157"/>
+    <svg:path id="rect30100" d="M937.323-1360.63h15.118v283.465h-15.118z" style="fill:red;stroke-width:1.00157"/>
+  </svg:g>
+  <ng-container [ngSwitch]="pin?.id">
+    <svg:g *ngSwitchCase="'PWM1'" id="g30203" style="display:inline;opacity:1" transform="translate(0 1360.63)">
+      <svg:path id="rect30197" d="M1568.504-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30199" d="M2403.78-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30201" d="M1568.504-1303.937h850.394v15.118h-850.394z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:circle id="path3685" cx="1576.063" cy="-952.441" r="22.677" style="display:inline;opacity:1;fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'PWM2'" id="g30195" style="display:inline;opacity:1" transform="translate(0 1360.63)">
+      <svg:path id="rect30189" d="M1481.575-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30191" d="M2403.78-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30193" d="M1481.575-1303.937h937.323v15.118h-937.323z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:circle id="path3683" cx="1489.134" cy="-952.441" r="22.677" style="display:inline;opacity:1;fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'PWM3'" id="g30187" style="display:inline;opacity:1" transform="translate(0 1360.63)">
+      <svg:path id="rect30181" d="M1390.866-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30183" d="M2403.78-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30185" d="M1390.866-1303.937h1024.252v15.118H1390.866z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:circle id="path3681" cx="1398.425" cy="-952.441" r="22.677" style="display:inline;opacity:1;fill:red;stroke-width:1.00157"/>
+    </svg:g>
+    <svg:g *ngSwitchCase="'PWM4'" id="g30179" style="display:inline;opacity:1" transform="translate(0 1360.63)">
+      <svg:path id="rect30170" d="M1296.378-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30172" d="M2403.78-1303.937h15.118v226.772h-15.118z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:path id="rect30174" d="M1296.378-1303.937h1122.52v15.118h-1122.52z" style="fill:#000;stroke-width:1.00157"/>
+      <svg:circle id="path3679" cx="1303.937" cy="-952.441" r="22.677" style="display:inline;opacity:1;fill:red;stroke-width:1.00157"/>
+    </svg:g>
+  </ng-container>
+</svg:g>
diff --git a/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.ts b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.ts
new file mode 100644
index 0000000..29ae42c
--- /dev/null
+++ b/apps/configurator/src/app/components/z-uno-shield/svg-shild/components/devices/motor/motor.component.ts
@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import { PinConfig } from '@configurator/shared';
+
+@Component({
+  selector: '[motor]',
+  templateUrl: './motor.component.svg',
+  styleUrls: ['./motor.component.scss'],
+})
+export class MotorComponent {
+
+  @Input()
+  public pin?: PinConfig;
+}
diff --git a/apps/configurator/src/app/components/z-uno-shield/z-uno-shield.model.ts b/apps/configurator/src/app/components/z-uno-shield/z-uno-shield.model.ts
index b0cd76f..43451ca 100644
--- a/apps/configurator/src/app/components/z-uno-shield/z-uno-shield.model.ts
+++ b/apps/configurator/src/app/components/z-uno-shield/z-uno-shield.model.ts
@@ -34,6 +34,6 @@ export interface Pin {
     title: string;
     options: PinConfiguratorInput[];
     group?: string;
-    busBars?: number[],
+    busBars?: number[];
   }[];
 }