btv-base-controls 0.1.23 → 0.1.24

package/src/lib/illustration/illustration.component.html

@@ -1,412 +0,0 @@
-<svg viewBox="0 0 368 121" fill="none" xmlns="http://www.w3.org/2000/svg" *ngIf="illustrationId == 'login'">
-  <path opacity="0.2"
-    d="M2 120.5C1.17157 120.5 0.5 119.828 0.5 119C0.5 118.172 1.17157 117.5 2 117.5H122C122.828 117.5 123.5 118.172 123.5 119C123.5 119.828 122.828 120.5 122 120.5H2Z"
-    fill="url(#paint0_linear)" />
-  <path opacity="0.2"
-    d="M246.5 121C245.672 121 245 120.328 245 119.5C245 118.672 245.672 118 246.5 118H366.5C367.328 118 368 118.672 368 119.5C368 120.328 367.328 121 366.5 121H246.5Z"
-    fill="url(#paint1_linear)" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M183.506 46.538C207.012 49.9633 225.578 74.549 229.366 98C229.455 98.5769 122.545 98.5769 122.634 98C126.421 74.549 144.987 49.9633 168.494 46.538C164.953 42.5162 165.212 36.4187 169.08 32.7111C172.948 29.0035 179.051 29.0035 182.919 32.7111C186.788 36.4187 187.046 42.5162 183.506 46.538ZM176 34C172.686 34 170 36.6863 170 40C170 43.3137 172.686 46 176 46C179.314 46 182 43.3137 182 40C182 36.6863 179.314 34 176 34Z"
-    class="fillStrongColor" opacity="0.05" />
-  <path
-    d="M235.526 98.708C235.146 98.2591 234.588 98.0002 234 98H118C117.412 98.0003 116.855 98.2589 116.475 98.7073C116.095 99.1557 115.932 99.7484 116.028 100.328C116.816 105.056 120.75 114 130 114H222C231.25 114 235.184 105.056 235.972 100.328C236.068 99.7487 235.905 99.1563 235.526 98.708Z"
-    class="fillStrongColor" opacity="0.05" />
-  <path d="M132.612 98C136.46 73.08 158.002 54 184 54C209.998 54 231.54 73.08 235.388 98" class="strokeStrongColor"
-    stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M184 54C188.418 54 192 50.4183 192 46C192 41.5817 188.418 38 184 38C179.582 38 176 41.5817 176 46C176 50.4183 179.582 54 184 54Z"
-    class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M242 108C242 108 240 120 230 120C225.842 120 142.158 120 138 120C128 120 126 108 126 108H242Z"
-    class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path
-    d="M186 88C186 88.0706 186 88.1412 186 88.2118C186 91.3882 188.612 94 191.788 94C194.965 94 197.576 91.3882 197.576 88.2118C197.576 88.1412 197.576 88.0706 197.576 88"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M167 91C168.657 91 170 89.6569 170 88C170 86.3431 168.657 85 167 85C165.343 85 164 86.3431 164 88C164 89.6569 165.343 91 167 91Z"
-    class="fillStrongColor" opacity="0.05" />
-  <path
-    d="M216 91C217.657 91 219 89.6569 219 88C219 86.3431 217.657 85 216 85C214.343 85 213 86.3431 213 88C213 89.6569 214.343 91 216 91Z"
-    class="fillStrongColor" opacity="0.05" />
-  <path
-    d="M189 91C189 91.0706 189 91.1412 189 91.2118C189 94.3882 191.612 97 194.788 97C197.965 97 200.576 94.3882 200.576 91.2118C200.576 91.1412 200.576 91.0706 200.576 91"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M170 94C171.657 94 173 92.6569 173 91C173 89.3431 171.657 88 170 88C168.343 88 167 89.3431 167 91C167 92.6569 168.343 94 170 94Z"
-    class="fillStrongColor" />
-  <path
-    d="M219 94C220.657 94 222 92.6569 222 91C222 89.3431 220.657 88 219 88C217.343 88 216 89.3431 216 91C216 92.6569 217.343 94 219 94Z"
-    class="fillStrongColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="0.5" y1="120.5" x2="123.5" y2="120.5" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="368" y1="118" x2="245" y2="118" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg viewBox="0 0 348 129" fill="none" xmlns="http://www.w3.org/2000/svg" *ngIf="illustrationId == 'expired'">
-  <path opacity="0.2"
-    d="M2 128.5C1.17157 128.5 0.5 127.828 0.5 127C0.5 126.172 1.17157 125.5 2 125.5H122C122.828 125.5 123.5 126.172 123.5 127C123.5 127.828 122.828 128.5 122 128.5H2Z"
-    fill="url(#paint0_linear)" />
-  <path opacity="0.2"
-    d="M226.5 129C225.672 129 225 128.328 225 127.5C225 126.672 225.672 126 226.5 126H346.5C347.328 126 348 126.672 348 127.5C348 128.328 347.328 129 346.5 129H226.5Z"
-    fill="url(#paint1_linear)" />
-  <path
-    d="M190.548 42.5806H186.677V25.1613C186.677 13.403 177.145 3.87097 165.387 3.87097C153.629 3.87097 144.097 13.403 144.097 25.1613V42.5806H140.226V25.1613C140.226 11.2651 151.491 0 165.387 0C179.283 0 190.548 11.2651 190.548 25.1613V42.5806Z"
-    class="fillStrongColor" opacity="0.05" />
-  <path
-    d="M202.161 46.4516H128.613C122.202 46.458 117.006 51.6535 117 58.0645V108.387C117.006 114.798 122.202 119.994 128.613 120H202.161C208.572 119.994 213.768 114.798 213.774 108.387V58.0645C213.768 51.6535 208.572 46.458 202.161 46.4516Z"
-    class="fillStrongColor" opacity="0.05" />
-  <path
-    d="M197.803 46.3607V32.5902C197.803 19.5526 187.234 8.9836 174.197 8.9836V8.9836C161.159 8.9836 150.59 19.5526 150.59 32.5902V46.3607"
-    class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M211.574 127.016H136.819C131.387 127.016 126.983 122.613 126.983 117.18V66.0328C126.983 60.6005 131.387 56.1967 136.819 56.1967H211.574C217.006 56.1967 221.41 60.6005 221.41 66.0328V117.18C221.41 119.789 220.373 122.291 218.529 124.135C216.684 125.98 214.182 127.016 211.574 127.016V127.016Z"
-    class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path
-    d="M171 106C171 106.071 171 106.141 171 106.212C171 109.388 173.612 112 176.788 112C179.965 112 182.576 109.388 182.576 106.212C182.576 106.141 182.576 106.071 182.576 106"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M152 109C153.657 109 155 107.657 155 106C155 104.343 153.657 103 152 103C150.343 103 149 104.343 149 106C149 107.657 150.343 109 152 109Z"
-    class="fillPageColor" />
-  <path
-    d="M201 109C202.657 109 204 107.657 204 106C204 104.343 202.657 103 201 103C199.343 103 198 104.343 198 106C198 107.657 199.343 109 201 109Z"
-    class="fillPageColor" />
-  <path
-    d="M174 109C174 109.071 174 109.141 174 109.212C174 112.388 176.612 115 179.788 115C182.965 115 185.576 112.388 185.576 109.212C185.576 109.141 185.576 109.071 185.576 109"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M155 112C156.657 112 158 110.657 158 109C158 107.343 156.657 106 155 106C153.343 106 152 107.343 152 109C152 110.657 153.343 112 155 112Z"
-    class="fillStrongColor" />
-  <path
-    d="M204 112C205.657 112 207 110.657 207 109C207 107.343 205.657 106 204 106C202.343 106 201 107.343 201 109C201 110.657 202.343 112 204 112Z"
-    class="fillStrongColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="0.5" y1="128.5" x2="123.5" y2="128.5" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="348" y1="126" x2="225" y2="126" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg viewBox="0 0 387 114" fill="none" xmlns="http://www.w3.org/2000/svg" *ngIf="illustrationId == 'no-dashboard'">
-  <path opacity="0.2"
-    d="M2 113.5C1.17157 113.5 0.5 112.828 0.5 112C0.5 111.172 1.17157 110.5 2 110.5H122C122.828 110.5 123.5 111.172 123.5 112C123.5 112.828 122.828 113.5 122 113.5H2Z"
-    fill="url(#paint0_linear)" />
-  <path opacity="0.2"
-    d="M265.5 114C264.672 114 264 113.328 264 112.5C264 111.672 264.672 111 265.5 111H385.5C386.328 111 387 111.672 387 112.5C387 113.328 386.328 114 385.5 114H265.5Z"
-    fill="url(#paint1_linear)" />
-  <rect x="125" width="120" height="104" class="fillStrongColor" fill-opacity="0.05" />
-  <path d="M133 36H253" class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <rect x="133" y="8" width="120" height="104" class="strokeStrongColor" stroke-width="3" stroke-linecap="round"
-    stroke-linejoin="round" />
-  <path
-    d="M195 81C195 81.0706 195 81.1412 195 81.2118C195 84.3882 197.612 87 200.788 87C203.965 87 206.576 84.3882 206.576 81.2118C206.576 81.1412 206.576 81.0706 206.576 81"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M176 84C177.657 84 179 82.6569 179 81C179 79.3431 177.657 78 176 78C174.343 78 173 79.3431 173 81C173 82.6569 174.343 84 176 84Z"
-    class="fillPageColor" />
-  <path
-    d="M225 84C226.657 84 228 82.6569 228 81C228 79.3431 226.657 78 225 78C223.343 78 222 79.3431 222 81C222 82.6569 223.343 84 225 84Z"
-    class="fillPageColor" />
-  <path
-    d="M198 84C198 84.0706 198 84.1412 198 84.2118C198 87.3882 200.612 90 203.788 90C206.965 90 209.576 87.3882 209.576 84.2118C209.576 84.1412 209.576 84.0706 209.576 84"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M179 87C180.657 87 182 85.6569 182 84C182 82.3431 180.657 81 179 81C177.343 81 176 82.3431 176 84C176 85.6569 177.343 87 179 87Z"
-    class="fillStrongColor" />
-  <path
-    d="M228 87C229.657 87 231 85.6569 231 84C231 82.3431 229.657 81 228 81C226.343 81 225 82.3431 225 84C225 85.6569 226.343 87 228 87Z"
-    class="fillStrongColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="0.5" y1="113.5" x2="123.5" y2="113.5" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="387" y1="111" x2="264" y2="111" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 387 114" fill="none" *ngIf="illustrationId == 'no-item'">
-  <path opacity="0.2"
-    d="M2 113.5C1.17157 113.5 0.5 112.828 0.5 112C0.5 111.172 1.17157 110.5 2 110.5H122C122.828 110.5 123.5 111.172 123.5 112C123.5 112.828 122.828 113.5 122 113.5H2Z"
-    fill="url(#paint0_linear)" />
-  <path opacity="0.2"
-    d="M265.5 114C264.672 114 264 113.328 264 112.5C264 111.672 264.672 111 265.5 111H385.5C386.328 111 387 111.672 387 112.5C387 113.328 386.328 114 385.5 114H265.5Z"
-    fill="url(#paint1_linear)" />
-  <path d="M245 0H125V104H245V0Z" class="fillStrongColor" fill-opacity="0.05" />
-  <path d="M133 36H253" class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path d="M253 8H133V112H253V8Z" class="strokeStrongColor" stroke-width="3" stroke-linecap="round"
-    stroke-linejoin="round" />
-  <path opacity="0.5"
-    d="M197.576 82C197.576 81.9294 197.576 81.8588 197.576 81.7882C197.576 78.6118 194.964 76 191.788 76C188.611 76 186 78.6118 186 81.7882C186 81.8588 186 81.9294 186 82"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M200.576 85C200.576 84.9294 200.576 84.8588 200.576 84.7882C200.576 81.6118 197.964 79 194.788 79C191.611 79 189 81.6118 189 84.7882C189 84.8588 189 84.9294 189 85"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <rect x="206" y="64" width="12" height="6" rx="3" class="fillPageColor" />
-  <rect x="165" y="64" width="12" height="6" rx="3" class="fillPageColor" />
-  <rect x="209" y="67" width="12" height="6" rx="3" class="fillStrongColor" />
-  <rect x="166" y="67" width="12" height="6" rx="3" class="fillStrongColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="0.5" y1="113.5" x2="123.5" y2="113.5" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="387" y1="111" x2="264" y2="111" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 734 197" fill="none" *ngIf="illustrationId == 'no-search'">
-  <rect opacity="0.2" x="515" y="186" width="219" height="10" rx="5" fill="url(#paint0_linear)" />
-  <rect opacity="0.2" x="219" y="196" width="219" height="10" rx="5" transform="rotate(-180 219 196)"
-    fill="url(#paint1_linear)" />
-  <rect x="256.5" y="2.5" width="221" height="192" rx="8.5" stroke="#536072" stroke-width="5" />
-  <rect x="258" y="54" width="217" height="4" fill="#536072" />
-  <path
-    d="M396.279 157.733L379.501 140.671C382.751 136.588 384.708 131.401 384.708 125.751C384.708 112.656 374.23 102.001 361.354 102.001C348.477 102.001 338 112.656 338 125.751C338 138.846 348.477 149.5 361.354 149.5C366.91 149.5 372.011 147.511 376.025 144.206L392.803 161.268C393.282 161.755 393.912 162 394.541 162C395.171 162 395.8 161.755 396.279 161.268C397.24 160.29 397.24 158.71 396.279 157.733ZM361.354 144.5C351.186 144.5 342.917 136.091 342.917 125.751C342.917 115.411 351.186 107.001 361.354 107.001C371.522 107.001 379.791 115.411 379.791 125.751C379.791 136.091 371.521 144.5 361.354 144.5Z"
-    fill="#536072" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="515" y1="186" x2="734" y2="186" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#35393F" />
-      <stop offset="1" stop-color="#C4C4C4" stop-opacity="0" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="219" y1="196" x2="438" y2="196" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#35393F" />
-      <stop offset="1" stop-color="#C4C4C4" stop-opacity="0" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" *ngIf="illustrationId == 'no-widget'" viewBox="0 0 324 129" fill="none">
-  <path opacity="0.2"
-    d="M2 128.5C1.17157 128.5 0.5 127.828 0.5 127C0.5 126.172 1.17157 125.5 2 125.5H122C122.828 125.5 123.5 126.172 123.5 127C123.5 127.828 122.828 128.5 122 128.5H2Z"
-    fill="url(#paint0_linear)" />
-  <path opacity="0.2"
-    d="M202.5 129C201.672 129 201 128.328 201 127.5C201 126.672 201.672 126 202.5 126H322.5C323.328 126 324 126.672 324 127.5C324 128.328 323.328 129 322.5 129H202.5Z"
-    fill="url(#paint1_linear)" />
-  <path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
-    d="M85.9355 54.1936C84.8652 54.1936 84 53.3265 84 52.2581C84 23.4426 107.443 0 136.258 0C137.328 0 138.194 0.867097 138.194 1.93548V54.1936H85.9355Z"
-    class="fillStrongColor" />
-  <path d="M161 25C189.718 25 213 48.282 213 77C213 105.718 189.718 129 161 129C132.282 129 109 105.718 109 77"
-    class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
-    d="M153.742 122C124.926 122 101.484 98.5574 101.484 69.7419C101.484 68.6735 102.349 67.8064 103.419 67.8064H151.806V19.4193C151.806 18.351 152.672 17.4839 153.742 17.4839C182.557 17.4839 206 40.9264 206 69.7419C206 98.5574 182.557 122 153.742 122Z"
-    class="fillStrongColor" />
-  <path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd"
-    d="M145 7.5C115.454 7.5 91.5 31.4536 91.5 61C91.5 61.8284 92.1716 62.5 93 62.5H145C145.828 62.5 146.5 61.8284 146.5 61V9C146.5 8.17157 145.828 7.5 145 7.5ZM143.5 10.5219V59.5L94.5219 59.5C95.3007 32.8024 116.802 11.3007 143.5 10.5219Z"
-    fill="url(#paint2_linear)" />
-  <path
-    d="M159 98C159 98.0706 159 98.1412 159 98.2118C159 101.388 161.612 104 164.788 104C167.965 104 170.576 101.388 170.576 98.2118C170.576 98.1412 170.576 98.0706 170.576 98"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M140 101C141.657 101 143 99.6569 143 98C143 96.3431 141.657 95 140 95C138.343 95 137 96.3431 137 98C137 99.6569 138.343 101 140 101Z"
-    class="fillPageColor" />
-  <path
-    d="M189 101C190.657 101 192 99.6569 192 98C192 96.3431 190.657 95 189 95C187.343 95 186 96.3431 186 98C186 99.6569 187.343 101 189 101Z"
-    class="fillPageColor" />
-  <path
-    d="M162 101C162 101.071 162 101.141 162 101.212C162 104.388 164.612 107 167.788 107C170.965 107 173.576 104.388 173.576 101.212C173.576 101.141 173.576 101.071 173.576 101"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M143 104C144.657 104 146 102.657 146 101C146 99.3431 144.657 98 143 98C141.343 98 140 99.3431 140 101C140 102.657 141.343 104 143 104Z"
-    class="fillStrongColor" />
-  <path
-    d="M192 104C193.657 104 195 102.657 195 101C195 99.3431 193.657 98 192 98C190.343 98 189 99.3431 189 101C189 102.657 190.343 104 192 104Z"
-    class="fillStrongColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="0.5" y1="128.5" x2="123.5" y2="128.5" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="324" y1="126" x2="201" y2="126" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint2_linear" x1="64" y1="35" x2="119" y2="90" gradientUnits="userSpaceOnUse">
-      <stop class="stopLightColor" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 333 152" fill="none" *ngIf="illustrationId == 'no-pos'">
-  <path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
-    d="M111.088 12.8393C108.543 14.6575 107.5 16.4154 107.5 18C107.5 19.5846 108.543 21.3425 111.088 23.1607C113.602 24.957 117.32 26.6113 122.005 28.0129C131.355 30.8106 144.203 32.5 158 32.5C171.797 32.5 184.645 30.8106 193.995 28.0129C198.68 26.6113 202.398 24.957 204.912 23.1607C207.457 21.3425 208.5 19.5846 208.5 18C208.5 16.4154 207.457 14.6575 204.912 12.8393C202.398 11.043 198.68 9.38874 193.995 7.98705C184.645 5.18938 171.797 3.5 158 3.5C144.203 3.5 131.355 5.18938 122.005 7.98705C117.32 9.38874 113.602 11.043 111.088 12.8393ZM109.344 10.3982C106.482 12.4425 104.5 14.9846 104.5 18V60.5V62V106C104.5 109.015 106.482 111.557 109.344 113.602C112.236 115.668 116.305 117.439 121.145 118.887C130.845 121.789 143.997 123.5 158 123.5C172.003 123.5 185.155 121.789 194.855 118.887C199.695 117.439 203.764 115.668 206.656 113.602C209.518 111.557 211.5 109.015 211.5 106V62V60.5V18C211.5 14.9846 209.518 12.4425 206.656 10.3982C203.764 8.33203 199.695 6.56126 194.855 5.11295C185.155 2.21062 172.003 0.5 158 0.5C143.997 0.5 130.845 2.21062 121.145 5.11295C116.305 6.56126 112.236 8.33203 109.344 10.3982ZM208.5 60.5V24.0914C207.943 24.6217 207.323 25.1252 206.656 25.6018C203.764 27.668 199.695 29.4387 194.855 30.8871C185.155 33.7894 172.003 35.5 158 35.5C143.997 35.5 130.845 33.7894 121.145 30.8871C116.305 29.4387 112.236 27.668 109.344 25.6018C108.677 25.1252 108.057 24.6217 107.5 24.0914V60.5V62C107.5 63.5846 108.543 65.3425 111.088 67.1607C113.602 68.957 117.32 70.6113 122.005 72.0129C131.355 74.8106 144.203 76.5 158 76.5C171.797 76.5 184.645 74.8106 193.995 72.0129C198.68 70.6113 202.398 68.957 204.912 67.1607C207.457 65.3425 208.5 63.5846 208.5 62V60.5ZM208.5 68.0914C207.943 68.6217 207.323 69.1252 206.656 69.6018C203.764 71.668 199.695 73.4387 194.855 74.8871C185.155 77.7894 172.003 79.5 158 79.5C143.997 79.5 130.845 77.7894 121.145 74.8871C116.305 73.4387 112.236 71.668 109.344 69.6018C108.677 69.1252 108.057 68.6217 107.5 68.0914V106C107.5 107.585 108.543 109.343 111.088 111.161C113.602 112.957 117.32 114.611 122.005 116.013C131.355 118.811 144.203 120.5 158 120.5C171.797 120.5 184.645 118.811 193.995 116.013C198.68 114.611 202.398 112.957 204.912 111.161C207.457 109.343 208.5 107.585 208.5 106V68.0914Z"
-    class="fillStrongColor" />
-  <path d="M114 26V114C114 123.2 138.2 130 166 130C193.8 130 218 123.2 218 114V26" class="strokeStrongColor"
-    stroke-width="3" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M166 43.5C195.415 43.5 219.5 36.2935 219.5 26C219.5 15.7065 195.415 8.5 166 8.5C136.585 8.5 112.5 15.7065 112.5 26C112.5 36.2935 136.585 43.5 166 43.5ZM166 11.5C193.659 11.5 216.5 18.3345 216.5 26C216.5 33.6655 193.659 40.5 166 40.5C138.341 40.5 115.5 33.6655 115.5 26C115.5 18.3345 138.341 11.5 166 11.5Z"
-    class="fillStrongColor" />
-  <path opacity="0.2"
-    d="M216.5 69V67.5H219.5V69C219.5 79.2935 195.415 86.5 166 86.5C136.585 86.5 112.5 79.2935 112.5 69V67.5H115.5V69C115.5 76.6655 138.341 83.5 166 83.5C193.659 83.5 216.5 76.6655 216.5 69Z"
-    fill="url(#paint0_linear)" />
-  <path
-    d="M158 106C158 106.071 158 106.141 158 106.212C158 109.388 160.612 112 163.788 112C166.965 112 169.576 109.388 169.576 106.212C169.576 106.141 169.576 106.071 169.576 106"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M139 109C140.657 109 142 107.657 142 106C142 104.343 140.657 103 139 103C137.343 103 136 104.343 136 106C136 107.657 137.343 109 139 109Z"
-    class="fillPageColor" />
-  <path
-    d="M188 109C189.657 109 191 107.657 191 106C191 104.343 189.657 103 188 103C186.343 103 185 104.343 185 106C185 107.657 186.343 109 188 109Z"
-    class="fillPageColor" />
-  <path
-    d="M161 109C161 109.071 161 109.141 161 109.212C161 112.388 163.612 115 166.788 115C169.965 115 172.576 112.388 172.576 109.212C172.576 109.141 172.576 109.071 172.576 109"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M142 112C143.657 112 145 110.657 145 109C145 107.343 143.657 106 142 106C140.343 106 139 107.343 139 109C139 110.657 140.343 112 142 112Z"
-    class="fillMediumColor" />
-  <path
-    d="M191 112C192.657 112 194 110.657 194 109C194 107.343 192.657 106 191 106C189.343 106 188 107.343 188 109C188 110.657 189.343 112 191 112Z"
-    class="fillMediumColor" />
-  <path opacity="0.2"
-    d="M1.5 132C0.671573 132 0 131.328 0 130.5C0 129.672 0.671573 129 1.5 129H121.5C122.328 129 123 129.672 123 130.5C123 131.328 122.328 132 121.5 132H1.5Z"
-    fill="url(#paint1_linear)" />
-  <path opacity="0.2"
-    d="M211.5 132C210.672 132 210 131.328 210 130.5C210 129.672 210.672 129 211.5 129H331.5C332.328 129 333 129.672 333 130.5C333 131.328 332.328 132 331.5 132H211.5Z"
-    fill="url(#paint2_linear)" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="59" y1="77" x2="65.5414" y2="113.838" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="0" y1="132" x2="123" y2="132" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint2_linear" x1="333" y1="129" x2="210" y2="129" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" *ngIf="illustrationId == 'no-notifications'" viewBox="0 0 287 129" fill="none">
-  <path opacity="0.2"
-    d="M1.5 129C0.671573 129 0 128.328 0 127.5C0 126.672 0.671573 126 1.5 126H121.5C122.328 126 123 126.672 123 127.5C123 128.328 122.328 129 121.5 129H1.5Z"
-    fill="url(#paint0_linear)" />
-  <path opacity="0.2"
-    d="M165.5 129C164.672 129 164 128.328 164 127.5C164 126.672 164.672 126 165.5 126H285.5C286.328 126 287 126.672 287 127.5C287 128.328 286.328 129 285.5 129H165.5Z"
-    fill="url(#paint1_linear)" />
-  <path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd"
-    d="M178 39.6V56C178 66.4082 182.775 71.7799 186.863 76.3793C189.924 79.8226 192.6 82.8332 192.6 87.2C192.6 94.8343 178.14 101.091 154.019 103H154.6V103.6C154.6 112.6 147.2 120 138.2 120C129.2 120 121.8 112.6 121.8 103.6V103H121.981C97.8602 101.091 83.3999 94.8343 83.3999 87.2C83.3999 82.8332 86.0759 79.8226 89.1366 76.3793C93.2251 71.7799 97.9999 66.4082 97.9999 56V40C97.9999 18.6 116.6 0 138 0C159.4 0 178 18.4 178 39.6Z"
-    class="fillStrongColor" />
-  <path opacity="0.2"
-    d="M125.3 110H128.3V110.6C128.3 118.772 135.028 125.5 143.2 125.5C151.371 125.5 158.1 118.772 158.1 110.6V110H161.1V110.6C161.1 120.428 153.028 128.5 143.2 128.5C133.371 128.5 125.3 120.428 125.3 110.6V110Z"
-    fill="url(#paint2_linear)" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M184.5 63C184.5 70.3443 186.67 75.0713 191.438 80.6227C191.697 80.9242 194.411 83.9829 195.144 84.8757C197.824 88.1406 199.1 90.8406 199.1 94.2C199.1 105.021 176.423 112.1 143 112.1C109.576 112.1 86.8999 105.021 86.8999 94.2C86.8999 90.8406 88.176 88.1406 90.8561 84.8757C91.589 83.9829 94.303 80.9242 94.562 80.6227C99.3296 75.0713 101.5 70.3443 101.5 63V47C101.5 24.7716 120.771 5.5 143 5.5C165.23 5.5 184.5 24.5729 184.5 46.6V63ZM181.5 63V46.6C181.5 26.2367 163.58 8.5 143 8.5C122.428 8.5 104.5 26.4284 104.5 47V63C104.5 71.1557 102.034 76.5273 96.8378 82.5773C96.5455 82.9176 93.864 85.9396 93.1749 86.7792C90.8942 89.5576 89.8999 91.6613 89.8999 94.2C89.8999 102.423 111.288 109.1 143 109.1C174.712 109.1 196.1 102.423 196.1 94.2C196.1 91.6613 195.106 89.5576 192.825 86.7792C192.136 85.9396 189.454 82.9176 189.162 82.5773C183.966 76.5273 181.5 71.1557 181.5 63Z"
-    class="fillStrongColor" />
-  <path
-    d="M135 84C135 84.0706 135 84.1412 135 84.2118C135 87.3882 137.612 90 140.788 90C143.965 90 146.576 87.3882 146.576 84.2118C146.576 84.1412 146.576 84.0706 146.576 84"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M116 87C117.657 87 119 85.6569 119 84C119 82.3431 117.657 81 116 81C114.343 81 113 82.3431 113 84C113 85.6569 114.343 87 116 87Z"
-    class="fillPageColor" />
-  <path
-    d="M165 87C166.657 87 168 85.6569 168 84C168 82.3431 166.657 81 165 81C163.343 81 162 82.3431 162 84C162 85.6569 163.343 87 165 87Z"
-    class="fillPageColor" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M136.5 87C136.5 86.1716 137.172 85.5 138 85.5C138.828 85.5 139.5 86.1716 139.5 87V87.2118C139.5 89.5598 141.44 91.5 143.788 91.5C146.136 91.5 148.076 89.5598 148.076 87.2118V87C148.076 86.1716 148.748 85.5 149.576 85.5C150.405 85.5 151.076 86.1716 151.076 87V87.2118C151.076 91.2167 147.793 94.5 143.788 94.5C139.783 94.5 136.5 91.2167 136.5 87.2118V87Z"
-    class="fillMediumColor" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M119 90C120.657 90 122 88.6569 122 87C122 85.3431 120.657 84 119 84C117.343 84 116 85.3431 116 87C116 88.6569 117.343 90 119 90Z"
-    class="fillMediumColor" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M168 90C169.657 90 171 88.6569 171 87C171 85.3431 169.657 84 168 84C166.343 84 165 85.3431 165 87C165 88.6569 166.343 90 168 90Z"
-    class="fillMediumColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="0" y1="129" x2="123" y2="129" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="287" y1="126" x2="164" y2="126" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-    <linearGradient id="paint2_linear" x1="107.4" y1="119.25" x2="122.49" y2="148.452" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#BAC2CF" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 255 117" fill="none" *ngIf="illustrationId == 'bill-preview'">
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M148.669 106.944H60.582V0.168762L75.2633 9.37355L89.9445 0.168762L104.626 9.37355L119.307 0.168762L133.988 9.37355L148.669 0.168762V106.944Z"
-    class="fillStrongColor" fill-opacity="0.05" />
-  <path fill-rule="evenodd" clip-rule="evenodd"
-    d="M156.669 114.944H68.582V8.16876L83.2633 17.3735L97.9445 8.16876L112.626 17.3735L127.307 8.16876L141.988 17.3735L156.669 8.16876V114.944Z"
-    class="strokeStrongColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
-  <rect opacity="0.2" x="164" y="114" width="60" height="3" rx="1.5" fill="url(#paint0_linear)" />
-  <rect opacity="0.2" x="1" y="114" width="60" height="3" rx="1.5" fill="url(#paint1_linear)" />
-  <path
-    d="M109 93C109 93.0706 109 93.1412 109 93.2118C109 96.3882 111.612 99 114.788 99C117.965 99 120.576 96.3882 120.576 93.2118C120.576 93.1412 120.576 93.0706 120.576 93"
-    class="strokePageColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M90 96C91.6569 96 93 94.6569 93 93C93 91.3431 91.6569 90 90 90C88.3431 90 87 91.3431 87 93C87 94.6569 88.3431 96 90 96Z"
-    class="fillPageColor" />
-  <path
-    d="M139 96C140.657 96 142 94.6569 142 93C142 91.3431 140.657 90 139 90C137.343 90 136 91.3431 136 93C136 94.6569 137.343 96 139 96Z"
-    class="fillPageColor" />
-  <path
-    d="M112 96C112 96.0706 112 96.1412 112 96.2118C112 99.3882 114.612 102 117.788 102C120.965 102 123.576 99.3882 123.576 96.2118C123.576 96.1412 123.576 96.0706 123.576 96"
-    class="strokeMediumColor" stroke-width="3" stroke-linecap="round" />
-  <path
-    d="M93 99C94.6569 99 96 97.6569 96 96C96 94.3431 94.6569 93 93 93C91.3431 93 90 94.3431 90 96C90 97.6569 91.3431 99 93 99Z"
-    class="fillStrongColor" />
-  <path
-    d="M142 99C143.657 99 145 97.6569 145 96C145 94.3431 143.657 93 142 93C140.343 93 139 94.3431 139 96C139 97.6569 140.343 99 142 99Z"
-    class="fillStrongColor" />
-  <defs>
-    <linearGradient id="paint0_linear" x1="164" y1="117" x2="224" y2="117" gradientUnits="userSpaceOnUse">
-      <stop class="stopStrongColor" />
-      <stop offset="1" class="stopPageColor" stop-opacity="0.01" />
-    </linearGradient>
-    <linearGradient id="paint1_linear" x1="1" y1="117" x2="61" y2="117" gradientUnits="userSpaceOnUse">
-      <stop class="stopPageColor" stop-opacity="0.01" />
-      <stop offset="1" class="stopStrongColor" />
-    </linearGradient>
-  </defs>
-</svg>
-
-<svg xmlns="http://www.w3.org/2000/svg" width="116" height="116" viewBox="0 0 116 116" fill="none" *ngIf="illustrationId == 'refresh'">
-  <g opacity="0.6" clip-path="url(#clip0_3090_20)">
-    <path
-      d="M46.3551 40.4698C46.9436 39.2396 46.7763 37.8157 45.9205 36.7545C45.9205 36.7545 26.0866 12.1867 26.0804 12.1796C24.698 10.4662 22.004 10.468 20.6225 12.1796L0.78328 36.7554C-0.073409 37.8165 -0.240676 39.2396 0.347856 40.4698C0.935502 41.7008 2.14797 42.4646 3.51177 42.4646H12.1539V72.6222C12.1539 80.5953 15.0735 88.2621 20.3765 94.2103C21.0004 94.9103 22.0748 94.9722 22.7758 94.3483C23.4758 93.7235 23.5378 92.65 22.9129 91.9491C18.1658 86.6239 15.5523 79.7598 15.5523 72.6222V40.7654C15.5523 39.8273 14.7912 39.0662 13.8531 39.0662C13.8531 39.0662 3.59584 39.0662 3.51265 39.0662C3.41972 39.0662 3.37016 38.9609 3.42769 38.8892C3.42769 38.8892 23.2413 14.3461 23.267 14.3142C23.3103 14.2602 23.3935 14.2602 23.436 14.3142C23.436 14.3142 43.2487 38.8555 43.2761 38.8892C43.3345 38.9617 43.2823 39.0662 43.1912 39.0662H32.8507C31.9117 39.0662 31.1515 39.8273 31.1515 40.7654V72.6222C31.1515 80.043 37.1882 86.0806 44.609 86.0806H54.4175C55.9681 86.0806 57.4248 86.6841 58.5204 87.7798L70.815 100.073C71.4009 100.659 70.9681 101.68 70.1495 101.68H44.609C38.4962 101.68 32.6481 99.8026 27.6964 96.252C26.9335 95.705 25.8724 95.8794 25.3255 96.6423C24.7785 97.4051 24.9538 98.4663 25.7167 99.0132C31.2489 102.981 37.782 105.078 44.609 105.078H70.1495C73.9284 105.078 75.8923 100.345 73.2178 97.6706L60.9241 85.377C59.186 83.6388 56.8761 82.6821 54.4184 82.6821H44.609C39.0626 82.6821 34.5499 78.1694 34.5499 72.6222V42.4646H43.1912C44.555 42.4646 45.7674 41.7008 46.3551 40.4698Z"
-      fill="#536072" />
-    <path
-      d="M112.488 73.4886H103.847V43.331C103.847 36.4306 101.708 29.8399 97.6608 24.2715C97.1094 23.5121 96.0465 23.344 95.2872 23.8962C94.5279 24.4476 94.3597 25.5105 94.912 26.2689C98.5334 31.2533 100.448 37.1537 100.448 43.331V75.1879C100.448 76.1268 101.209 76.8871 102.147 76.8871H112.488C112.522 76.8871 112.556 76.8871 112.586 76.949C112.616 77.011 112.594 77.0384 112.572 77.0641L92.7331 101.64C92.7233 101.651 92.7003 101.68 92.6481 101.68C92.5968 101.68 92.5738 101.651 92.564 101.64L72.7239 77.0641C72.7026 77.0375 72.6814 77.011 72.7106 76.949C72.7398 76.8871 72.7752 76.8871 72.8088 76.8871H83.1493C84.0883 76.8871 84.8485 76.126 84.8485 75.1879V43.331C84.8485 35.9102 78.8119 29.8727 71.3911 29.8727H61.5816C60.032 29.8727 58.5752 29.2691 57.4796 28.1735L45.185 15.8798C44.5974 15.2913 45.0319 14.2735 45.8514 14.2735H71.3911C78.4623 14.2735 85.2777 16.8453 90.5825 21.5147C91.287 22.135 92.3605 22.0669 92.98 21.3624C93.6004 20.658 93.5322 19.5844 92.8278 18.9641C86.9026 13.7478 79.2898 10.8751 71.3911 10.8751C71.3911 10.8751 45.8709 10.8751 45.8514 10.8751C42.0671 10.8751 40.106 15.6063 42.7822 18.2826L55.0759 30.5763C56.8141 32.3144 59.1239 33.2711 61.5816 33.2711H71.3911C76.9383 33.2711 81.4501 37.7838 81.4501 43.331V73.4886H72.8088C71.445 73.4886 70.2326 74.2533 69.6449 75.4834C69.0573 76.7136 69.2237 78.1376 70.0804 79.1987C70.0804 79.1987 89.901 103.752 89.9196 103.775C91.3055 105.491 93.9916 105.491 95.3775 103.775L115.218 79.1987C116.074 78.1376 116.241 76.7136 115.652 75.4834C115.065 74.2533 113.852 73.4886 112.488 73.4886Z"
-      fill="#536072" />
-    <path
-      d="M41.7194 55.953V58.5921C41.7194 59.5302 42.4805 60.2913 43.4186 60.2913C44.3567 60.2913 45.1178 59.5302 45.1178 58.5921V55.953C45.1178 55.014 44.3567 54.2538 43.4186 54.2538C42.4805 54.2538 41.7194 55.014 41.7194 55.953Z"
-      fill="#536072" />
-    <path
-      d="M74.2805 58.5921V55.953C74.2805 55.014 73.5203 54.2538 72.5813 54.2538C71.6432 54.2538 70.8821 55.014 70.8821 55.953V58.5921C70.8821 59.5302 71.6432 60.2913 72.5813 60.2913C73.5203 60.2913 74.2805 59.5302 74.2805 58.5921Z"
-      fill="#536072" />
-    <path
-      d="M57.9999 61.6993C59.8929 61.6993 61.6709 60.9072 62.8781 59.5266C63.4958 58.8204 63.4241 57.7469 62.7179 57.1291C62.0108 56.5114 60.9372 56.5831 60.3195 57.2893C59.7575 57.9327 58.9123 58.3009 57.9999 58.3009C57.0874 58.3009 56.2423 57.9327 55.6803 57.2893C55.0625 56.5831 53.9899 56.5114 53.2828 57.1283C52.5766 57.7469 52.504 58.8195 53.1217 59.5266C54.3289 60.9072 56.1069 61.6993 57.9999 61.6993Z"
-      fill="#536072" />
-  </g>
-  <defs>
-    <clipPath id="clip0_3090_20">
-      <rect width="116" height="116" fill="white" />
-    </clipPath>
-  </defs>
-</svg>

package/src/lib/illustration/illustration.component.scss

@@ -1,48 +0,0 @@
-@import './../../assets/theme/wmGlobals.scss';
-
-:host {
-    display: block;
-}
-
-.fillStrongColor {
-    fill: var(--mediumFontColor);
-}
-
-.fillMediumColor {
-    fill: var(--lightFontColor);
-}
-
-.fillPageColor {
-    fill: var(--appBackgroundColor);
-    opacity: 0.5;
-}
-
-.strokePageColor {
-    stroke: var(--appBackgroundColor);
-    opacity: 0.5;
-}
-
-.strokeStrongColor {
-    stroke: var(--mediumFontColor);
-}
-
-.strokeMediumColor {
-    stroke: var(--lightFontColor);
-}
-
-
-.stopPageColor {
-    stop-color: var(--pageBackgroundColor);
-}
-
-.stopStrongColor {
-    stop-color: var(--strongFontColor);
-}
-
-.stopLightColor {
-    stop-color: var(--lightFontColor);
-}
-
-.secondaryColor {
-    fill: var(--hrBorderColor);
-}

package/src/lib/illustration/illustration.component.ts

@@ -1,21 +0,0 @@
-import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
-
-export type IIllustrationId = 'login' | 'expired' | 'no-dashboard' | 'no-item' | 'no-widget' |
-'no-pos' | 'no-notifications' | 'bill-preview' | 'no-search' | 'no-data-icon' | 'refresh' | '';
-
-@Component({
-  selector: 'wm-illustration',
-  templateUrl: './illustration.component.html',
-  styleUrls: ['./illustration.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class IllustrationComponent implements OnInit {
-
-  @Input() illustrationId: IIllustrationId;
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}