@@ -37,51 +37,52 @@ export class ServoElement extends LitElement {
3737 version ="1.1 "
3838 viewBox ="0 0 170.08 119.55 "
3939 >
40- < g stroke-width ="2.3206 ">
41- < path stroke ="#b44200 " d ="m83.326 64.141h-62.894 " />
42- < path stroke ="#ff2300 " d ="m83.326 59.638h-62.971 " />
43- < path stroke ="#f47b00 " d ="m83.326 55.231h-62.971 " />
44- </ g >
45- < g >
46- < rect fill ="#666 " y ="52.21 " width ="25.71 " height ="14.885 " rx ="1.14 " />
47- < g fill ="#333 ">
48- < rect x ="4.74 " y ="53.90 " width ="3.72 " height ="2.71 " />
49- < path d ="m6.7658 53.905h13.532l-13.425 0.51865z " />
50- < path d ="m6.7658 56.612h13.532l-13.425-0.50702z " />
51- < rect x ="4.74 " y ="58.30 " width ="3.72 " height ="2.71 " />
52- < path d ="m6.7658 58.303h13.532l-13.425 0.50702z " />
53- < path d ="m6.7658 61.01h13.532l-13.425-0.50702z " />
54- < rect x ="4.74 " y ="62.70 " width ="3.72 " height ="2.71 " />
55- < path d ="m6.7658 62.701h13.532l-13.425 0.50702z " />
56- < path d ="m6.7658 65.408h13.532l-13.425-0.50702z " />
40+ < defs >
41+ < g id ="pin ">
42+ < rect x ="0 " y ="-1.91 " width ="3.72 " height ="3.71 " />
43+ < path d ="m2.026 -1.91h13.532l-13.425 0.51865z " />
44+ < path d ="m2.026 1.80h13.532l-13.425-0.50702z " />
45+ < rect fill ="#ccc " x ="0.33 " y ="-1.23 " width ="3.04 " height ="2.46 " rx =".15 " />
5746 </ g >
58- < rect fill ="#ccc " x ="5.07 " y ="54.58 " width ="3.04 " height ="1.46 " rx =".15 " />
59- < rect fill ="#ccc " x ="5.07 " y ="58.98 " width ="3.04 " height ="1.35 " rx =".15 " />
60- < rect fill ="#ccc " x ="5.07 " y ="63.38 " width ="3.04 " height ="1.35 " rx =".15 " />
61- < path
62- fill ="#4d4d4d "
63- d ="m163.92 66.867a7.09 7.09 0 1 1 5.8145-11.136 0.18 0.18 0 0 0 0.33-0.10234v-14.346h-17.664v36.98h17.676v-14.346a0.18 0.18 0 0 0-0.333-0.107 7.08 7.08 0 0 1-5.83 3.06z "
64- />
65- < path
66- fill ="#4d4d4d "
67- d ="m55.068 66.75a7.09 7.09 0 1 0-5.8261-11.136 0.18 0.18 0 0 1-0.33-0.10234v-14.346h17.676v36.98h-17.676v-14.346a0.18 0.18 0 0 1 0.333-0.107 7.08 7.08 0 0 0 5.83 3.06z "
68- />
69- < rect fill ="#666 " x ="64.255 " y ="37.911 " width ="90.241 " height ="43.725 " rx ="5.3331 " />
70- < path fill ="gray " d ="m110.07 50.005h-14.42v19.537h14.42a9.7684 9.7684 0 0 0 0-19.537z " />
71- < circle fill ="#999 " cx ="91.467 " cy ="59.773 " r ="18.606 " />
47+ </ defs >
48+ < g stroke-width ="2.7 " fill ="none ">
7249 < path
73- fill =${ this . hornColor }
74- transform ="rotate(${ this . angle } )"
75- transform-origin="91.467 59.773"
76- d="${ this . hornPath ( ) } "
50+ stroke ="#b44200 "
51+ d ="m 83.32,56.6 c0,0 -32.99,0.96 -43.32,0 -6.20,-0.58 -10.60,-6.20 -14.87,-6.31 "
7752 />
78- < circle fill ="gray " cx ="91.467 " cy ="59.773 " r ="8.3729 " />
79- < circle fill ="#ccc " cx ="91.467 " cy ="59.773 " r ="6.2494 " />
53+ < path stroke ="#ff2300 " d ="m83.326 59.6h-62.971 " />
8054 < path
81- fill ="#666 "
82- d ="m94.911 62.543-2.3839-2.4165a0.42562 0.42562 0 0 1 0-0.60471l2.4281-2.3863a0.64657 0.64657 0 0 0 0.06512-0.8652 0.62797 0.62797 0 0 0 -0.93032-0.05117l-2.4351 2.4049a0.4326 0.4326 0 0 1-0.60703 0l-2.3863-2.4165a0.6489 0.6489 0 0 0-0.8652-0.06512 0.63262 0.63262 0 0 0-0.05117 0.93032l2.4049 2.4328a0.42795 0.42795 0 0 1 0 0.60703l-2.4142 2.3863a0.65122 0.65122 0 0 0-0.06745 0.8652 0.63029 0.63029 0 0 0 0.93032 0.05117l2.4351-2.4049a0.42562 0.42562 0 0 1 0.60471 0l2.3863 2.4398a0.63262 0.63262 0 0 0 0.93032-0.04186 0.64657 0.64657 0 0 0-0.04419-0.8652z "
55+ stroke ="#f47b00 "
56+ d ="m 83.32, 62.6 c0,0 -32.60,-0.61 -43.33, -0.15 -6.87,0.29 -12.01,6.82 -14.77,6.73 "
8357 />
8458 </ g >
59+ < rect fill ="#666 " y ="45.5 " width ="25.71 " height ="28 " rx ="1.14 " />
60+ < use xlink:href ="#pin " x ="4.7 " y ="50.06 " />
61+ < use xlink:href ="#pin " x ="4.7 " y ="59.66 " />
62+ < use xlink:href ="#pin " x ="4.7 " y ="69.26 " />
63+ < path
64+ fill ="#4d4d4d "
65+ d ="m163.92 66.867a7.09 7.09 0 1 1 5.8145-11.136 0.18 0.18 0 0 0 0.33-0.10234v-14.346h-17.664v36.98h17.676v-14.346a0.18 0.18 0 0 0-0.333-0.107 7.08 7.08 0 0 1-5.83 3.06z "
66+ />
67+ < path
68+ fill ="#4d4d4d "
69+ d ="m55.068 66.75a7.09 7.09 0 1 0-5.8261-11.136 0.18 0.18 0 0 1-0.33-0.10234v-14.346h17.676v36.98h-17.676v-14.346a0.18 0.18 0 0 1 0.333-0.107 7.08 7.08 0 0 0 5.83 3.06z "
70+ />
71+ < rect fill ="#666 " x ="64.255 " y ="37.911 " width ="90.241 " height ="43.725 " rx ="5.3331 " />
72+ < path fill ="gray " d ="m110.07 50.005h-14.42v19.537h14.42a9.7684 9.7684 0 0 0 0-19.537z " />
73+ < circle fill ="#999 " cx ="91.467 " cy ="59.773 " r ="18.606 " />
74+ < path
75+ fill =${ this . hornColor }
76+ transform ="rotate(${ this . angle } )"
77+ transform-origin="91.467 59.773"
78+ d="${ this . hornPath ( ) } "
79+ />
80+ < circle fill ="gray " cx ="91.467 " cy ="59.773 " r ="8.3729 " />
81+ < circle fill ="#ccc " cx ="91.467 " cy ="59.773 " r ="6.2494 " />
82+ < path
83+ fill ="#666 "
84+ d ="m94.911 62.543-2.3839-2.4165a0.42562 0.42562 0 0 1 0-0.60471l2.4281-2.3863a0.64657 0.64657 0 0 0 0.06512-0.8652 0.62797 0.62797 0 0 0-0.93032-0.05117l-2.4351 2.4049a0.4326 0.4326 0 0 1-0.60703 0l-2.3863-2.4165a0.6489 0.6489 0 0 0-0.8652-0.06512 0.63262 0.63262 0 0 0-0.05117 0.93032l2.4049 2.4328a0.42795 0.42795 0 0 1 0 0.60703l-2.4142 2.3863a0.65122 0.65122 0 0 0-0.06745 0.8652 0.63029 0.63029 0 0 0 0.93032 0.05117l2.4351-2.4049a0.42562 0.42562 0 0 1 0.60471 0l2.3863 2.4398a0.63262 0.63262 0 0 0 0.93032-0.04186 0.64657 0.64657 0 0 0-0.04419-0.8652z "
85+ />
8586 </ svg >
8687 ` ;
8788 }
0 commit comments