import './Logo.scss' ; ( ( ) => { const Logo = class extends HTMLElement { public color : string ; constructor ( ) { super ( ) ; this . color = 'rgb(88,166,255)' ; } static get observedAttributes ( ) { return [ 'color' ] ; } connectedCallback ( ) { this . render ( ) ; } attributeChangedCallback ( attrName , oldVal , newVal ) { this [ attrName ] = newVal ; } render ( ) { this . innerHTML = `
                <div id="logo">
                  <svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="162pt" height="54pt" viewBox="0 0 862.000000 288.000000" preserveAspectRatio="xMidYMid meet">
                    <g transform="translate(0.000000,288.000000) scale(0.100000,-0.100000)" fill="${ this . color }" stroke="none">
                      <path d="M895 2518 c-46 -26 -44 4 -45 -936 l0 -893 25 -24 c23 -24 31 -25 133 -25 104 0 110 1 133 26 l24 26 3 866 c2 604 0 878 -8 904 -15 54 -49 68 -157 68 -48 0 -97 -6 -108 -12z"/>
                      <path d="M1328 2294 c-17 -9 -31 -28 -38 -52 -8 -26 -10 -269 -8 -794 l3 -756 24 -26 c23 -25 29 -26 136 -26 104 0 113 2 133 23 l22 23 0 781 c0 430 -3 789 -6 798 -4 8 -19 22 -35 30 -38 20 -194 20 -231 -1z"/>
                      <path d="M2662 2129 c-64 -19 -63 -3 -60 -759 l3 -678 24 -26 c23 -25 29 -26 133 -26 102 0 110 1 133 25 l25 24 0 699 0 699 -25 23 c-22 21 -37 24 -113 27 -48 1 -102 -2 -120 -8z"/>
                      <path d="M455 1909 c-46 -26 -45 -11 -45 -631 l0 -589 25 -24 c23 -24 31 -25 133 -25 104 0 110 1 133 26 l24 26 0 589 0 588 -23 23 c-20 21 -34 23 -125 26 -63 1 -110 -2 -122 -9z"/>
                      <path d="M1773 1726 c-53 -24 -54 -41 -51 -563 l3 -471 24 -26 c23 -25 29 -26 133 -26 102 0 110 1 133 25 l25 24 0 499 0 499 -26 24 c-23 21 -36 24 -117 27 -63 1 -102 -2 -124 -12z"/>
                      <path d="M3981 1725 c-135 -38 -171 -84 -337 -425 -217 -449 -184 -398 -326 -485 -41 -25 -47 -57 -16 -79 33 -23 303 -23 336 0 27 19 28 34 2 67 -28 36 -25 72 15 155 l34 72 116 0 c63 0 115 -3 115 -7 0 -4 -12 -45 -27 -92 -24 -73 -33 -88 -65 -110 -46 -31 -59 -68 -33 -88 29 -21 442 -19 473 3 27 19 27 29 1 79 l-22 41 87 299 c55 191 86 317 86 348 0 96 -55 172 -149 208 -75 28 -216 35 -290 14z m47 -201 c14 -9 22 -26 22 -43 0 -26 -72 -280 -85 -301 -8 -13 -205 -13 -205 0 0 17 140 303 158 323 33 37 75 45 110 21z"/>
                      <path d="M5795 1720 c-59 -8 -106 -39 -137 -90 -17 -28 -58 -151 -108 -325 -45 -154 -92 -299 -105 -322 -34 -56 -79 -83 -143 -83 -39 0 -57 5 -79 24 -24 21 -28 31 -27 78 1 56 134 544 160 585 7 12 27 30 44 40 39 22 50 61 25 80 -23 16 -435 19 -464 3 -29 -15 -32 -36 -11 -83 l20 -44 -72 -254 c-63 -224 -72 -264 -72 -339 0 -68 4 -93 21 -126 45 -84 125 -129 264 -147 213 -27 381 41 479 192 36 57 56 114 114 327 l43 159 52 -3 c92 -6 154 31 180 107 45 135 -44 241 -184 221z"/>
                      <path d="M6389 1701 c-22 -18 -23 -21 -10 -53 7 -18 15 -45 18 -59 5 -27 -175 -677 -202 -729 -8 -15 -30 -37 -50 -48 -25 -15 -35 -28 -35 -46 0 -46 19 -48 364 -44 285 4 329 7 398 26 152 41 244 104 318 217 55 86 106 231 122 350 21 152 -26 268 -133 333 -101 61 -176 72 -505 72 -243 0 -263 -1 -285 -19z m473 -121 c60 -17 78 -49 78 -139 0 -85 -16 -161 -62 -301 -59 -181 -107 -250 -191 -275 -48 -14 -107 -20 -107 -10 0 10 191 692 200 713 11 24 27 27 82 12z"/>
                      <path d="M7819 1701 c-22 -18 -23 -21 -10 -53 7 -18 15 -45 18 -59 5 -28 -180 -699 -203 -736 -7 -12 -27 -30 -44 -40 -39 -22 -50 -61 -25 -80 29 -21 442 -19 473 3 27 19 28 33 2 78 -25 41 -32 5 96 461 l85 300 49 47 c95 88 74 98 -203 98 -197 0 -217 -2 -238 -19z"/>
                      <path d="M2198 1346 c-10 -7 -22 -25 -28 -40 -15 -40 -14 -591 2 -619 21 -41 39 -46 151 -47 101 0 109 1 132 25 l25 24 0 309 0 309 -25 27 c-23 25 -28 26 -132 26 -73 -1 -114 -5 -125 -14z"/>
                      <path d="M443 520 c-46 -19 -55 -69 -18 -105 23 -24 30 -25 143 -25 138 0 165 11 165 69 0 57 -19 66 -151 68 -64 2 -127 -2 -139 -7z"/>
                      <path d="M883 520 c-47 -19 -56 -78 -17 -109 24 -18 41 -21 141 -21 63 0 123 5 134 11 45 23 40 96 -7 118 -29 13 -219 14 -251 1z"/>
                      <path d="M1330 523 c-55 -20 -67 -78 -24 -112 24 -19 40 -21 145 -21 106 0 121 2 139 20 20 20 26 65 12 86 -17 26 -55 34 -154 33 -57 0 -110 -3 -118 -6z"/>
                      <path d="M1746 509 c-17 -13 -26 -30 -26 -49 0 -19 9 -36 26 -49 23 -18 41 -21 136 -21 137 0 168 13 168 72 0 17 -9 34 -26 47 -23 18 -41 21 -139 21 -98 0 -116 -3 -139 -21z"/>
                      <path d="M2187 510 c-17 -14 -27 -31 -27 -48 0 -59 31 -72 168 -72 95 0 113 3 136 21 32 25 35 68 5 95 -18 16 -40 20 -138 22 -107 3 -119 2 -144 -18z"/>
                      <path d="M2635 518 c-11 -6 -23 -16 -27 -22 -15 -22 -8 -66 14 -86 19 -18 35 -20 140 -20 113 0 120 1 143 25 30 29 32 55 6 86 -18 22 -27 24 -138 27 -77 1 -125 -2 -138 -10z"/>
                    </g>
                  </svg>
                </div>
                
            ` ; } } ; customElements . define ( 'audi-logo' , Logo ) ; } ) ( ) ; export { } ;