homebridge-config-ui-x 5.3.1-beta.1 → 5.3.1-beta.10

package/public/assets/hap-icons/carbon-dioxide-sensor.svg

@@ -1,72 +1,60 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  version="1.1"
-  width="500"
-  height="500"
-  viewBox="0 0 500 500"
-  xml:space="preserve"
->
-<desc>CO Sensor with Spaced, Wide, Thick Cyan Wavy Lines</desc>
-  <defs />
-  <!-- Sensor Housing -->
-  <g transform="matrix(1 0 0 1 250 125)" opacity="1" fill="#3daeff" fill-opacity="1" class="smoke_sensor_box">
-    <path
-      style="stroke: none; fill-rule: nonzero; opacity: 1;"
-      vector-effect="non-scaling-stroke"
-      transform=" translate(-222.5, -100)"
-      d="M 0 0 L 445 0 L 445 124.6137 L 402.96864 124.6137 L 350.9804 200 L 88.48046 200 L 36.492219999999996 124.6137 L 0.0011099999999970578 124.6137 z M 94.73049 185.04636 L 149.73026 185.04636 L 149.73026 130.21633 L 94.73048999999999 130.21633 z M 289.72949 184.04945 L 343.72913 184.04945 L 343.72913 130.21633 L 289.72949 130.21633 z M 224.72945 185.04636 L 279.72922 185.04636 L 279.72922 130.21633 L 224.72944999999999 130.21633 z M 159.73052 185.04636 L 214.73029000000002 185.04636 L 214.73029000000002 130.21633 L 159.73052 130.21633 z"
-    />
-  </g>
+<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <!-- outer casing -->
+  <rect x="1" y="1" width="30" height="12" rx="1" stroke="#7f7f7f" fill="none" stroke-width="1.25" />
 
-  <!-- Centered CO Label -->
-  <g transform="matrix(1 0 0 1 250 100)" fill="#ffffff" class="label-text">
-    <text
-      text-anchor="middle"
-      dominant-baseline="middle"
-      font-family="Arial"
-      font-size="100"
-      font-weight="bold"
-      x="0"
-      y="0"
-    >
-      CO2
-    </text>
-  </g>
-
-  <!-- Cyan Wavy Lines -->
-  <!-- Top Wave (narrowest) -->
-  <g
-    transform="matrix(1 0 0 1 250 268)"
-    fill="none"
-    stroke="#00cfd6"
-    stroke-width="15"
-    class="smoke_sensor_trigger_lines"
+  <!-- alarm type -->
+  <text
+    class="type"
+    text-anchor="middle"
+    dominant-baseline="middle"
+    font-family="Arial"
+    font-size="7.5"
+    x="16"
+    y="7.7"
+    fill="#7f7f7f"
+    stroke-width="0.6"
+    font-weight="900"
   >
-    <path d="M -50 0 Q -40 10 -30 0 Q -20 -10 -10 0 Q 0 10 10 0 Q 20 -10 30 0 Q 40 10 50 0" />
-  </g>
+    CO2
+  </text>
 
-  <!-- Middle Wave (wider) -->
-  <g
-    transform="matrix(1 0 0 1 250 318)"
-    fill="none"
-    stroke="#00cfd6"
-    stroke-width="15"
-    class="smoke_sensor_trigger_lines"
-  >
-    <path d="M -65 0 Q -52 12 -39 0 Q -26 -12 -13 0 Q 0 12 13 0 Q 26 -12 39 0 Q 52 12 65 0" />
-  </g>
+  <!-- grille vertical lines -->
+  <line stroke-linecap="round" x1="5" y1="13" x2="6.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+  <line stroke-linecap="round" x1="11" y1="13" x2="11" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="15.5" y1="13" x2="15.5" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="20" y1="13" x2="20" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="26" y1="13" x2="24.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
 
-  <!-- Bottom Wave (widest) -->
-  <g
-    transform="matrix(1 0 0 1 250 368)"
-    fill="none"
-    stroke="#00cfd6"
-    stroke-width="15"
-    class="smoke_sensor_trigger_lines"
-  >
-    <path d="M -80 0 Q -64 14 -48 0 Q -32 -14 -16 0 Q 0 14 16 0 Q 32 -14 48 0 Q 64 14 80 0" />
-  </g>
+  <!-- grille horizontal lines -->
+  <line stroke-linecap="round" x1="6.5" y1="16" x2="24.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+
+  <!-- top wave -->
+  <path
+    d="M3,22.0706147 C3.28945166,22.8007217 5.978098,23.1773883 10.0660175,23.2006147 C12.5085124,23.2144929 18.5053297,20.8514837 22.4060749,20.1943647 C24.1588716,19.898084 26.5955382,20.1756219 28.716875,21.0221772"
+    class="air-line line1"
+    stroke="#7f7f7f"
+    fill="transparent"
+    stroke-width="1.5"
+    stroke-linecap="round"
+  />
+
+  <!-- middle wave -->
+  <path
+    d="M3,26.0706147 C3.28945166,26.8007217 5.978098,27.1773883 10.0660175,27.2006147 C12.5085124,27.2144929 18.5053297,24.8514837 22.4060749,24.1943647 C24.1588716,23.898084 26.5955382,24.1756219 28.716875,25.0221772"
+    class="air-line line2"
+    stroke="#7f7f7f"
+    fill="transparent"
+    stroke-width="1.5"
+    stroke-linecap="round"
+  />
+
+  <!-- bottom wave -->
+  <path
+    d="M3,30.0706147 C3.28945166,30.8007217 5.978098,31.1773883 10.0660175,31.2006147 C12.5085124,31.2144929 18.5053297,28.8514837 22.4060749,28.1943647 C24.1588716,27.898084 26.5955382,28.1756219 28.716875,29.0221772"
+    class="air-line line3"
+    stroke="#7f7f7f"
+    fill="transparent"
+    stroke-width="1.5"
+    stroke-linecap="round"
+  />
 </svg>

package/public/assets/hap-icons/carbon-monoxide-sensor.svg

@@ -1,72 +1,60 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  version="1.1"
-  width="500"
-  height="500"
-  viewBox="0 0 500 500"
-  xml:space="preserve"
->
-<desc>CO Sensor with Spaced, Wide, Thick Cyan Wavy Lines</desc>
-  <defs />
-  <!-- Sensor Housing -->
-  <g transform="matrix(1 0 0 1 250 125)" opacity="1" fill="#3daeff" fill-opacity="1" class="smoke_sensor_box">
-    <path
-      style="stroke: none; fill-rule: nonzero; opacity: 1;"
-      vector-effect="non-scaling-stroke"
-      transform=" translate(-222.5, -100)"
-      d="M 0 0 L 445 0 L 445 124.6137 L 402.96864 124.6137 L 350.9804 200 L 88.48046 200 L 36.492219999999996 124.6137 L 0.0011099999999970578 124.6137 z M 94.73049 185.04636 L 149.73026 185.04636 L 149.73026 130.21633 L 94.73048999999999 130.21633 z M 289.72949 184.04945 L 343.72913 184.04945 L 343.72913 130.21633 L 289.72949 130.21633 z M 224.72945 185.04636 L 279.72922 185.04636 L 279.72922 130.21633 L 224.72944999999999 130.21633 z M 159.73052 185.04636 L 214.73029000000002 185.04636 L 214.73029000000002 130.21633 L 159.73052 130.21633 z"
-    />
-  </g>
+<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <!-- outer casing -->
+  <rect x="1" y="1" width="30" height="12" rx="1" stroke="#7f7f7f" fill="none" stroke-width="1.25" />
 
-  <!-- Centered CO Label -->
-  <g transform="matrix(1 0 0 1 250 100)" fill="#ffffff" class="label-text">
-    <text
-      text-anchor="middle"
-      dominant-baseline="middle"
-      font-family="Arial"
-      font-size="100"
-      font-weight="bold"
-      x="0"
-      y="0"
-    >
-      CO
-    </text>
-  </g>
-
-  <!-- Cyan Wavy Lines -->
-  <!-- Top Wave (narrowest) -->
-  <g
-    transform="matrix(1 0 0 1 250 268)"
-    fill="none"
-    stroke="#00cfd6"
-    stroke-width="15"
-    class="smoke_sensor_trigger_lines"
+  <!-- alarm type -->
+  <text
+    class="type"
+    text-anchor="middle"
+    dominant-baseline="middle"
+    font-family="Arial"
+    font-size="7.5"
+    x="16"
+    y="7.7"
+    fill="#7f7f7f"
+    stroke-width="0.6"
+    font-weight="900"
   >
-    <path d="M -50 0 Q -40 10 -30 0 Q -20 -10 -10 0 Q 0 10 10 0 Q 20 -10 30 0 Q 40 10 50 0" />
-  </g>
+    CO
+  </text>
 
-  <!-- Middle Wave (wider) -->
-  <g
-    transform="matrix(1 0 0 1 250 318)"
-    fill="none"
-    stroke="#00cfd6"
-    stroke-width="15"
-    class="smoke_sensor_trigger_lines"
-  >
-    <path d="M -65 0 Q -52 12 -39 0 Q -26 -12 -13 0 Q 0 12 13 0 Q 26 -12 39 0 Q 52 12 65 0" />
-  </g>
+  <!-- grille vertical lines -->
+  <line stroke-linecap="round" x1="5" y1="13" x2="6.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+  <line stroke-linecap="round" x1="11" y1="13" x2="11" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="15.5" y1="13" x2="15.5" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="20" y1="13" x2="20" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="26" y1="13" x2="24.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
 
-  <!-- Bottom Wave (widest) -->
-  <g
-    transform="matrix(1 0 0 1 250 368)"
-    fill="none"
-    stroke="#00cfd6"
-    stroke-width="15"
-    class="smoke_sensor_trigger_lines"
-  >
-    <path d="M -80 0 Q -64 14 -48 0 Q -32 -14 -16 0 Q 0 14 16 0 Q 32 -14 48 0 Q 64 14 80 0" />
-  </g>
+  <!-- grille horizontal lines -->
+  <line stroke-linecap="round" x1="6.5" y1="16" x2="24.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+
+  <!-- top wave -->
+  <path
+    d="M3,20 C6,22 9,18 12,20 C15,22 18,18 21,20 C24,22 27,18 30,20"
+    class="air-line line2"
+    stroke="#7f7f7f"
+    fill="transparent"
+    stroke-width="1.5"
+    stroke-linecap="round"
+  />
+
+  <!-- middle wave -->
+  <path
+    d="M3,25 C6,27 9,23 12,25 C15,27 18,23 21,25 C24,27 27,23 30,25"
+    class="air-line line2"
+    stroke="#7f7f7f"
+    fill="transparent"
+    stroke-width="1.5"
+    stroke-linecap="round"
+  />
+
+  <!-- bottom wave -->
+  <path
+    d="M3,30 C6,32 9,28 12,30 C15,32 18,28 21,30 C24,32 27,28 30,30"
+    class="air-line line2"
+    stroke="#7f7f7f"
+    fill="transparent"
+    stroke-width="1.5"
+    stroke-linecap="round"
+  />
 </svg>

package/public/assets/hap-icons/doorbell.svg

@@ -1,17 +1,9 @@
-<svg
-  width="32px"
-  height="32px"
-  viewBox="0 0 32 32"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
->
+<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
   <g>
-    <title>doorbell</title>
-    <!-- Doorbell outer casing (maximum reasonable size) -->
-    <rect x="6" y="1" width="18" height="30" rx="3" stroke="#7F7F7F" fill="none" stroke-width="2.0" />
+    <!-- outer casing -->
+    <rect x="6" y="1" width="18" height="30" rx="3" stroke="#7f7f7f" fill="none" stroke-width="2" />
 
-    <!-- Doorbell button -->
-    <circle cx="15" cy="16" r="5" stroke="#7F7F7F" stroke-width="2.0" fill="#1976d2" fill-opacity="0.3" />
+    <!-- power button -->
+    <circle cx="15" cy="16" r="5" stroke="#7f7f7f" stroke-width="2" fill="#1976d2" fill-opacity="0.5" />
   </g>
 </svg>

package/public/assets/hap-icons/microphone.svg

@@ -1,22 +1,14 @@
-<svg
-  width="32px"
-  height="32px"
-  viewBox="0 0 32 32"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
->
+<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
   <g>
-    <title>microphone</title>
-    <!-- Intercom outer casing -->
-    <rect x="6" y="1" width="18" height="30" rx="3" stroke="#7F7F7F" fill="none" stroke-width="2.0" />
+    <!-- outer casing -->
+    <rect x="6" y="1" width="18" height="30" rx="3" stroke="#7f7f7f" fill="none" stroke-width="2" />
 
-    <!-- Microphone grille lines -->
-    <line x1="10" y1="6" x2="20" y2="6" stroke="#7F7F7F" stroke-width="2.0" />
-    <line x1="10" y1="10" x2="20" y2="10" stroke="#7F7F7F" stroke-width="2.0" />
-    <line x1="10" y1="14" x2="20" y2="14" stroke="#7F7F7F" stroke-width="2.0" />
+    <!-- grille lines -->
+    <line stroke-linecap="round" x1="10" y1="6" x2="20" y2="6" stroke="#7f7f7f" stroke-width="2" />
+    <line stroke-linecap="round" x1="10" y1="10" x2="20" y2="10" stroke="#7f7f7f" stroke-width="2" />
+    <line stroke-linecap="round" x1="10" y1="14" x2="20" y2="14" stroke="#7f7f7f" stroke-width="2" />
 
-    <!-- Microphone button -->
-    <circle cx="15" cy="23" r="3" stroke="#7F7F7F" stroke-width="2.0" fill="#1976d2" fill-opacity="0.3" />
+    <!-- power button -->
+    <circle cx="15" cy="23" r="3" stroke="#7f7f7f" stroke-width="2" fill="#1976d2" fill-opacity="0.5" />
   </g>
 </svg>

package/public/assets/hap-icons/{vacuum-on.svg → robot-vacuum.svg}

@@ -1,34 +1,37 @@
-<svg
-  width="32px"
-  height="32px"
-  viewBox="0 0 32 32"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
->
+<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
   <defs>
-    <!-- Clip lines to the top part, above robot back (approx y=5) -->
+    <!-- clip lines to above the machine -->
     <clipPath id="motionClip">
       <rect x="0" y="-0.5" width="32" height="8" />
     </clipPath>
   </defs>
 
   <g transform="translate(0, 5)">
-    <!-- Robot shape -->
-    <ellipse cx="16" cy="10" rx="14" ry="8.4" stroke="#7F7F7F" stroke-width="1.75" fill="none" />
-    <line x1="2" y1="10" x2="2" y2="16" stroke="#7F7F7F" stroke-width="1.75" />
-    <line x1="30" y1="10" x2="30" y2="16" stroke="#7F7F7F" stroke-width="1.75" />
-    <path d="M2,16 A14,6.9 0 0,0 30,16" stroke="#7F7F7F" stroke-width="1.75" fill="none" />
-    <ellipse cx="16" cy="10" rx="4.2" ry="2.5" stroke="#7F7F7F" stroke-width="1" fill="#1976d2" fill-opacity="0.3" />
-    <circle cx="16" cy="15" r="0.9" fill="#7F7F7F" />
-    <line x1="2" y1="16" x2="0.5" y2="18.5" stroke="#7F7F7F" stroke-width="1" />
-    <line x1="2" y1="16" x2="0.5" y2="14" stroke="#7F7F7F" stroke-width="1" />
-    <line x1="30" y1="16" x2="31.5" y2="18.5" stroke="#7F7F7F" stroke-width="1" />
-    <line x1="30" y1="16" x2="31.5" y2="14" stroke="#7F7F7F" stroke-width="1" />
+    <!-- main ellipse -->
+    <ellipse cx="16" cy="10" rx="14" ry="8.4" stroke="#7f7f7f" stroke-width="1.75" fill="none" />
+
+    <!-- side walls -->
+    <line x1="2" y1="10" x2="2" y2="16" stroke="#7f7f7f" stroke-width="1.75" />
+    <line x1="30" y1="10" x2="30" y2="16" stroke="#7f7f7f" stroke-width="1.75" />
+
+    <!-- base arc -->
+    <path d="M2,16 A14,6.9 0 0,0 30,16" stroke="#7f7f7f" stroke-width="1.75" fill="none" />
+
+    <!-- blue ring -->
+    <ellipse cx="16" cy="10" rx="4.2" ry="2.5" stroke="#7f7f7f" stroke-width="1" fill="#1976d2" fill-opacity="0.5" />
+
+    <!-- power button -->
+    <circle cx="16" cy="15" r="0.9" fill="#7f7f7f" />
+
+    <!-- whisker brushes -->
+    <line x1="2" y1="16" x2="0.5" y2="18.5" stroke="#7f7f7f" stroke-width="1" />
+    <line x1="2" y1="16" x2="0.5" y2="14" stroke="#7f7f7f" stroke-width="1" />
+    <line x1="30" y1="16" x2="31.5" y2="18.5" stroke="#7f7f7f" stroke-width="1" />
+    <line x1="30" y1="16" x2="31.5" y2="14" stroke="#7f7f7f" stroke-width="1" />
   </g>
 
-  <g clip-path="url(#motionClip)" stroke="#7F7F7F" stroke-linecap="round">
-    <!-- Left middle line -->
+  <g class="motion-lines" style="display: none;" clip-path="url(#motionClip)" stroke="#7f7f7f" stroke-linecap="round">
+    <!-- left line -->
     <line x1="12" y1="8" x2="12" y2="14" stroke-width="2.1" opacity="0">
       <animate attributeName="y1" values="8;0" dur="3s" begin="0.3s" repeatCount="indefinite" />
       <animate attributeName="y2" values="14;6" dur="3s" begin="0.3s" repeatCount="indefinite" />
@@ -42,7 +45,7 @@
       />
     </line>
 
-    <!-- Middle line -->
+    <!-- middle line -->
     <line x1="16" y1="8" x2="16" y2="14" stroke-width="2.5" opacity="0">
       <animate attributeName="y1" values="8;0" dur="3s" begin="0.6s" repeatCount="indefinite" />
       <animate attributeName="y2" values="14;6" dur="3s" begin="0.6s" repeatCount="indefinite" />
@@ -56,7 +59,7 @@
       />
     </line>
 
-    <!-- Right middle line -->
+    <!-- right line -->
     <line x1="20" y1="8" x2="20" y2="14" stroke-width="2.1" opacity="0">
       <animate attributeName="y1" values="8;0" dur="3s" begin="0.9s" repeatCount="indefinite" />
       <animate attributeName="y2" values="14;6" dur="3s" begin="0.9s" repeatCount="indefinite" />

package/public/assets/hap-icons/smoke-sensor.svg

@@ -1,59 +1,62 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  xmlns:xlink="http://www.w3.org/1999/xlink"
-  version="1.1"
-  width="500"
-  height="500"
-  viewBox="0 0 500 500"
-  xml:space="preserve"
->
-<desc>Created with Fabric.js 4.6.0</desc>
-<defs />
-  <g
-    transform="matrix(1 0 0 1 250 125)"
-    id="Ly0Zljdh6uDT129kqPq2c"
-    opacity="1"
-    fill="#fc861d"
-    fill-opacity="1"
-    class="smoke_sensor_box"
+<svg width="32px" height="32px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <!-- outer casing -->
+  <rect x="1" y="1" width="30" height="12" rx="1" stroke="#7f7f7f" fill="none" stroke-width="1.25" />
+
+  <!-- alarm type -->
+  <text
+    class="type"
+    text-anchor="middle"
+    dominant-baseline="middle"
+    font-family="Arial"
+    font-size="7.5"
+    x="16"
+    y="7.7"
+    fill="#7f7f7f"
+    stroke-width="0.6"
+    font-weight="900"
   >
-    <path
-      style="stroke: rgb(183,90,243); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill-rule: nonzero; opacity: 1;"
-      vector-effect="non-scaling-stroke"
-      transform=" translate(-222.5, -100)"
-      d="M 0 0 L 445 0 L 445 124.6137 L 402.96864 124.6137 L 350.9804 200 L 88.48046 200 L 36.492219999999996 124.6137 L 0.0011099999999970578 124.6137 z M 94.73049 185.04636 L 149.73026 185.04636 L 149.73026 130.21633 L 94.73048999999999 130.21633 z M 289.72949 184.04945 L 343.72913 184.04945 L 343.72913 130.21633 L 289.72949 130.21633 z M 224.72945 185.04636 L 279.72922 185.04636 L 279.72922 130.21633 L 224.72944999999999 130.21633 z M 159.73052 185.04636 L 214.73029000000002 185.04636 L 214.73029000000002 130.21633 L 159.73052 130.21633 z"
-      stroke-linecap="round"
-    />
-  </g>
-  <g transform="matrix(1 0 0 1 250 100)" fill="#ffffff" class="label-text">
-    <text
-      text-anchor="middle"
-      dominant-baseline="middle"
-      font-family="Arial"
-      font-size="100"
-      font-weight="bold"
-      x="0"
-      y="0"
-    >
-      SMOKE
-    </text>
-  </g>
-  <g
-    transform="matrix(1 0 0 1 249.09 329.19)"
-    id="1bkxD90ICefRta9rtUGNo"
-    opacity="1"
-    fill="#fb0000"
-    fill-opacity="1"
-    class="smoke_sensor_trigger_lines"
-  >
-    <path
-      style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill-rule: nonzero; opacity: 1;"
-      vector-effect="non-scaling-stroke"
-      transform=" translate(-155.85, -60.81)"
-      d="M 171.76478 114.74011 C 171.76478 118.53511 167.28498 121.61471 161.76478 121.61471 C 156.24458 121.61471 151.76478 118.53511 151.76478 114.74011 C 151.76478 98.11741 151.76478 55.11191 151.76478 38.48931 C 151.76478 34.69431 156.24458 31.614710000000002 161.76478 31.614710000000002 C 167.28498 31.614710000000002 171.76478 34.69431 171.76478 38.48931 C 171.76478 55.11201 171.76478 98.11751000000001 171.76478 114.74011 z M 16.50458 73.14822 C 14.0652 76.05536 8.653950000000002 75.53491 4.425230000000001 71.98658999999999 C 0.19651000000000085 68.43826999999999 -1.2556899999999995 63.19959999999999 1.1836900000000008 60.29245999999999 C 11.86856 47.55872999999999 39.51196 14.614609999999992 50.19676 1.8809599999999946 C 52.63614 -1.0261800000000054 58.04739 -0.5057300000000056 62.276109999999996 3.0425899999999944 C 66.50483 6.590909999999994 67.95703 11.829579999999993 65.51764999999999 14.736719999999995 C 54.832779999999985 27.470449999999992 27.189379999999986 60.41457 16.50457999999999 73.14822 z M 246.18369 14.73671 C 243.74431 11.82957 245.19651000000002 6.5908999999999995 249.42523 3.042580000000001 C 253.65395 -0.505739999999999 259.0652 -1.0261899999999988 261.50458 1.880950000000001 C 272.18944999999997 14.61468 299.83285 47.5588 310.51765 60.292449999999995 C 312.95703000000003 63.19958999999999 311.50483 68.43826 307.27611 71.98657999999999 C 303.04739 75.5349 297.63614 76.05534999999999 295.19676000000004 73.14820999999999 C 284.51189000000005 60.41447999999999 256.86849000000007 27.470359999999992 246.18369000000004 14.736709999999995 z"
-      stroke-linecap="round"
-    />
-  </g>
+    SMOKE
+  </text>
+
+  <!-- grille vertical lines -->
+  <line stroke-linecap="round" x1="5" y1="13" x2="6.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+  <line stroke-linecap="round" x1="11" y1="13" x2="11" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="15.5" y1="13" x2="15.5" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="20" y1="13" x2="20" y2="16" stroke="#7f7f7f" stroke-width="1" />
+  <line stroke-linecap="round" x1="26" y1="13" x2="24.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+
+  <!-- grille horizontal lines -->
+  <line stroke-linecap="round" x1="6.5" y1="16" x2="24.5" y2="16" stroke="#7f7f7f" stroke-width="1.25" />
+
+  <!-- left to right vertical lines -->
+  <line
+    stroke-linecap="round"
+    x1="12"
+    y1="20"
+    x2="6"
+    y2="27"
+    stroke="#7f7f7f"
+    stroke-width="1.25"
+    class="air-line line1"
+  />
+  <line
+    stroke-linecap="round"
+    x1="16"
+    y1="20"
+    x2="16"
+    y2="31"
+    stroke="#7f7f7f"
+    stroke-width="1.25"
+    class="air-line line2"
+  />
+  <line
+    stroke-linecap="round"
+    x1="20"
+    y1="20"
+    x2="26"
+    y2="27"
+    stroke="#7f7f7f"
+    stroke-width="1.25"
+    class="air-line line3"
+  />
 </svg>

package/public/assets/hap-icons/speaker.svg

@@ -10,12 +10,12 @@
     <title>speaker</title>
     <!-- Speaker path -->
     <path
-      stroke="#7F7F7F"
+      stroke="#7f7f7f"
       id="speaker"
       d="m2.63366,10.44981l0,11.04296l6.25803,0l8.3897,7.72829l0,-26.49955l-8.38553,7.7283l-6.26221,0z"
       fill-opacity="null"
       stroke-opacity="null"
-      stroke-width="2.0"
+      stroke-width="2"
       fill="none"
     />
 
@@ -26,7 +26,7 @@
       d="m21.86025,22.54724c1.7013,-1.70615 2.7538,-4.07114 2.75518,-6.67943c0.00138,-2.60829 -1.05806,-4.98158 -2.75796,-6.68786"
       fill-opacity="null"
       stroke-opacity="null"
-      stroke-width="2.0"
+      stroke-width="2"
       fill="none"
       class="wave"
     />
@@ -38,7 +38,7 @@
       d="m25.06092,26.02826c2.51718,-2.53001 4.07787,-6.03471 4.07506,-9.89195c0.00141,-3.86001 -1.55925,-7.3675 -4.08062,-9.8947"
       fill-opacity="null"
       stroke-opacity="null"
-      stroke-width="2.0"
+      stroke-width="2"
       fill="none"
       class="wave"
     />

package/public/{chunk-S7TOCZGS.js → chunk-24QBUK36.js}

@@ -1 +1 @@
-import{a as D}from"./chunk-SLR3NVYA.js";import"./chunk-KY7IDLVE.js";import{d as E}from"./chunk-25NXLXGL.js";import{b as R}from"./chunk-UOLEC72N.js";import{k as O,n as B}from"./chunk-XXPQF5XE.js";import{a as k,b as I}from"./chunk-CPAHENLQ.js";import"./chunk-RJOGO4M5.js";import{Dc as b,Ec as g,Hc as o,Ib as f,Ic as l,Jb as _,Ob as x,Pb as r,Qb as n,Rb as v,_b as $,ab as i,bc as S,dc as d,id as T,la as m,mb as w,qc as a,ra as C,rc as c,sa as y,sc as h}from"./chunk-WEVBEUAJ.js";var U=(t,p)=>({"fas fa-fw fa-spinner fa-spin":t,"far fa-fw fa-check-circle":p}),F=t=>({"grey-text":t}),P=(t,p)=>({"far fa-fw fa-circle":t,"fas fa-fw fa-spinner fa-spin":p});function j(t,p){if(t&1&&(r(0,"div",7),a(1),n()),t&2){let e=d();i(),c(e.error)}}function M(t,p){if(t&1&&(r(0,"p",9),a(1),o(2,"translate"),n(),r(3,"div",10)(4,"div",11)(5,"span"),v(6,"i",12),a(7),o(8,"translate"),n()(),r(9,"div",11)(10,"span",12),v(11,"i",12),a(12),o(13,"translate"),n()()()),t&2){let e=d();i(),c(l(2,6,"restart.please_wait_while_server_restarts")),i(5),x("ngClass",g(12,U,!e.uiOnline,e.uiOnline)),i(),h(" ",l(8,8,"restart.ui_online")," "),i(3),x("ngClass",b(15,F,!e.uiOnline)),i(),x("ngClass",g(17,P,!e.uiOnline,e.uiOnline)),i(),h(" ",l(13,10,"restart.service_ready")," ")}}function V(t,p){if(t&1){let e=$();r(0,"p",15)(1,"button",16),S("click",function(){C(e);let u=d(2);return y(u.viewLogs())}),a(2),o(3,"translate"),n()()}t&2&&(i(2),c(l(3,1,"menu.tooltip_view_logs")))}function z(t,p){if(t&1&&(r(0,"div",8)(1,"p"),a(2),o(3,"translate"),n(),r(4,"p",13),a(5),o(6,"translate"),r(7,"span",14),a(8),n()(),f(9,V,4,3,"p",15),n()),t&2){let e=d();i(2),c(l(3,4,"restart.server_is_taking_long_time_to_restart")),i(3),h(" ",l(6,6,"restart.label_restart_command_executed"),": "),i(3),c(e.resp.command||"End Process"),i(),_(e.uiOnline?9:-1)}}var X=(()=>{class t{$api=m(B);$router=m(E);$settings=m(R);$toastr=m(O);$translate=m(k);$ws=m(D);checkTimeout;checkDelay;io;uiOnline=!1;error=!1;resp={};timeout=!1;ngOnInit(){this.io=this.$ws.connectToNamespace("status"),this.io.connected.subscribe(()=>{this.io.socket.emit("monitor-server-status"),this.$settings.getAppSettings().catch(()=>{})}),this.$router.parseUrl(this.$router.url).queryParams.restarting?(this.uiOnline=!0,this.checkIfServerUp()):this.$api.put("/server/restart",{}).subscribe({next:s=>{this.resp=s,this.checkIfServerUp(),s.restartingUI||(this.uiOnline=!0)},error:s=>{console.error(s),this.error=this.$translate.instant("restart.toast_server_restart_error"),this.$toastr.error(this.$translate.instant("restart.toast_server_restart_error"),this.$translate.instant("toast.title_error"))}})}viewLogs(){this.$router.navigate(["/logs"])}ngOnDestroy(){this.io.end(),clearTimeout(this.checkDelay),clearTimeout(this.checkTimeout)}checkIfServerUp(){this.checkDelay=setTimeout(()=>{this.io.socket.on("homebridge-status",e=>{this.uiOnline=!0,(e.status==="up"||e.status==="pending")&&(this.$toastr.success(this.$translate.instant("restart.toast_server_restarted"),this.$translate.instant("toast.title_success")),this.$router.navigate(["/"]))})},7e3),this.checkTimeout=setTimeout(()=>{this.$toastr.warning(this.$translate.instant("restart.toast_server_restart_timeout"),this.$translate.instant("toast.title_warning"),{timeOut:1e4}),this.timeout=!0},4e4)}static \u0275fac=function(s){return new(s||t)};static \u0275cmp=w({type:t,selectors:[["ng-component"]],decls:14,vars:8,consts:[[1,"d-flex","justify-content-between"],[1,"primary-text","m-0"],[1,"my-4","align-items-center",2,"max-width","1000px","margin","auto"],[1,"w-100","text-center","primary-text","mb-5"],[1,"fas","fa-fw","fa-power-off",2,"font-size","75px"],[1,"text-center"],[1,"primary-text","mb-4"],[1,"alert","alert-error","my-4"],[1,"alert","alert-warning","my-4"],[1,"grey-text"],[1,"justify-content-center","my-4"],[1,"restart-progress-box","primary-text"],[3,"ngClass"],[1,"grey-text","mb-0"],[1,"font-monospace"],[1,"mt-2","mb-0"],[1,"btn","btn-primary","mb-0",3,"click"]],template:function(s,u){s&1&&(r(0,"div",0)(1,"h3",1),a(2),o(3,"translate"),n()(),r(4,"div",2)(5,"div",3),v(6,"i",4),n(),r(7,"div",5)(8,"h4",6),a(9),o(10,"translate"),n(),f(11,j,2,1,"div",7)(12,M,14,20),f(13,z,10,8,"div",8),n()()),s&2&&(i(2),c(l(3,4,"menu.restart.title")),i(7),c(l(10,6,"restart.title_restart")),i(2),_(u.error?11:12),i(2),_(u.timeout?13:-1))},dependencies:[T,I],styles:[".restart-progress-box[_ngcontent-%COMP%]{font-size:22px;font-weight:300;margin-top:15px}"]})}return t})();export{X as RestartComponent};
+import{a as D}from"./chunk-KDSFLQHL.js";import"./chunk-5NN3P4WI.js";import{d as E}from"./chunk-25NXLXGL.js";import{b as R}from"./chunk-QTNYLY3B.js";import{k as O,n as B}from"./chunk-M6NSVIVL.js";import{a as k,b as I}from"./chunk-CPAHENLQ.js";import"./chunk-RJOGO4M5.js";import{Dc as b,Ec as g,Hc as o,Ib as f,Ic as l,Jb as _,Ob as x,Pb as r,Qb as n,Rb as v,_b as $,ab as i,bc as S,dc as d,id as T,la as m,mb as w,qc as a,ra as C,rc as c,sa as y,sc as h}from"./chunk-WEVBEUAJ.js";var U=(t,p)=>({"fas fa-fw fa-spinner fa-spin":t,"far fa-fw fa-check-circle":p}),F=t=>({"grey-text":t}),P=(t,p)=>({"far fa-fw fa-circle":t,"fas fa-fw fa-spinner fa-spin":p});function j(t,p){if(t&1&&(r(0,"div",7),a(1),n()),t&2){let e=d();i(),c(e.error)}}function M(t,p){if(t&1&&(r(0,"p",9),a(1),o(2,"translate"),n(),r(3,"div",10)(4,"div",11)(5,"span"),v(6,"i",12),a(7),o(8,"translate"),n()(),r(9,"div",11)(10,"span",12),v(11,"i",12),a(12),o(13,"translate"),n()()()),t&2){let e=d();i(),c(l(2,6,"restart.please_wait_while_server_restarts")),i(5),x("ngClass",g(12,U,!e.uiOnline,e.uiOnline)),i(),h(" ",l(8,8,"restart.ui_online")," "),i(3),x("ngClass",b(15,F,!e.uiOnline)),i(),x("ngClass",g(17,P,!e.uiOnline,e.uiOnline)),i(),h(" ",l(13,10,"restart.service_ready")," ")}}function V(t,p){if(t&1){let e=$();r(0,"p",15)(1,"button",16),S("click",function(){C(e);let u=d(2);return y(u.viewLogs())}),a(2),o(3,"translate"),n()()}t&2&&(i(2),c(l(3,1,"menu.tooltip_view_logs")))}function z(t,p){if(t&1&&(r(0,"div",8)(1,"p"),a(2),o(3,"translate"),n(),r(4,"p",13),a(5),o(6,"translate"),r(7,"span",14),a(8),n()(),f(9,V,4,3,"p",15),n()),t&2){let e=d();i(2),c(l(3,4,"restart.server_is_taking_long_time_to_restart")),i(3),h(" ",l(6,6,"restart.label_restart_command_executed"),": "),i(3),c(e.resp.command||"End Process"),i(),_(e.uiOnline?9:-1)}}var X=(()=>{class t{$api=m(B);$router=m(E);$settings=m(R);$toastr=m(O);$translate=m(k);$ws=m(D);checkTimeout;checkDelay;io;uiOnline=!1;error=!1;resp={};timeout=!1;ngOnInit(){this.io=this.$ws.connectToNamespace("status"),this.io.connected.subscribe(()=>{this.io.socket.emit("monitor-server-status"),this.$settings.getAppSettings().catch(()=>{})}),this.$router.parseUrl(this.$router.url).queryParams.restarting?(this.uiOnline=!0,this.checkIfServerUp()):this.$api.put("/server/restart",{}).subscribe({next:s=>{this.resp=s,this.checkIfServerUp(),s.restartingUI||(this.uiOnline=!0)},error:s=>{console.error(s),this.error=this.$translate.instant("restart.toast_server_restart_error"),this.$toastr.error(this.$translate.instant("restart.toast_server_restart_error"),this.$translate.instant("toast.title_error"))}})}viewLogs(){this.$router.navigate(["/logs"])}ngOnDestroy(){this.io.end(),clearTimeout(this.checkDelay),clearTimeout(this.checkTimeout)}checkIfServerUp(){this.checkDelay=setTimeout(()=>{this.io.socket.on("homebridge-status",e=>{this.uiOnline=!0,(e.status==="up"||e.status==="pending")&&(this.$toastr.success(this.$translate.instant("restart.toast_server_restarted"),this.$translate.instant("toast.title_success")),this.$router.navigate(["/"]))})},7e3),this.checkTimeout=setTimeout(()=>{this.$toastr.warning(this.$translate.instant("restart.toast_server_restart_timeout"),this.$translate.instant("toast.title_warning"),{timeOut:1e4}),this.timeout=!0},4e4)}static \u0275fac=function(s){return new(s||t)};static \u0275cmp=w({type:t,selectors:[["ng-component"]],decls:14,vars:8,consts:[[1,"d-flex","justify-content-between"],[1,"primary-text","m-0"],[1,"my-4","align-items-center",2,"max-width","1000px","margin","auto"],[1,"w-100","text-center","primary-text","mb-5"],[1,"fas","fa-fw","fa-power-off",2,"font-size","75px"],[1,"text-center"],[1,"primary-text","mb-4"],[1,"alert","alert-error","my-4"],[1,"alert","alert-warning","my-4"],[1,"grey-text"],[1,"justify-content-center","my-4"],[1,"restart-progress-box","primary-text"],[3,"ngClass"],[1,"grey-text","mb-0"],[1,"font-monospace"],[1,"mt-2","mb-0"],[1,"btn","btn-primary","mb-0",3,"click"]],template:function(s,u){s&1&&(r(0,"div",0)(1,"h3",1),a(2),o(3,"translate"),n()(),r(4,"div",2)(5,"div",3),v(6,"i",4),n(),r(7,"div",5)(8,"h4",6),a(9),o(10,"translate"),n(),f(11,j,2,1,"div",7)(12,M,14,20),f(13,z,10,8,"div",8),n()()),s&2&&(i(2),c(l(3,4,"menu.restart.title")),i(7),c(l(10,6,"restart.title_restart")),i(2),_(u.error?11:12),i(2),_(u.timeout?13:-1))},dependencies:[T,I],styles:[".restart-progress-box[_ngcontent-%COMP%]{font-size:22px;font-weight:300;margin-top:15px}"]})}return t})();export{X as RestartComponent};

package/public/{chunk-HFY24UNF.js → chunk-4BBCG5I4.js}

@@ -1 +1 @@
-import{a as l}from"./chunk-VDG4QQHT.js";import{a as m}from"./chunk-3T4CLJZB.js";import{n as s}from"./chunk-MJK6N6PA.js";import{b as o}from"./chunk-UOLEC72N.js";import{a as i}from"./chunk-CPAHENLQ.js";import{ga as r,la as n}from"./chunk-WEVBEUAJ.js";var I=(()=>{class e{$terminal=n(l);$settings=n(o);$modal=n(s);$translate=n(i);handleBeforeUnload(t){if(!this.$settings.env.terminal?.persistence&&!this.$settings.env.terminal?.hideWarning&&this.$terminal.hasActiveSession()&&this.$terminal.hasUserTypedInSession()){let a=this.$translate.instant("platform.terminal.terminate_unload");return t.preventDefault(),t.returnValue=a,a}}canDeactivate(){if(this.$settings.env.terminal?.persistence||this.$settings.env.terminal?.hideWarning||!this.$terminal.hasActiveSession()||!this.$terminal.hasUserTypedInSession())return!0;let t=this.$modal.open(m,{size:"lg",backdrop:"static"});return t.componentInstance.title=this.$translate.instant("platform.terminal.terminate_title"),t.componentInstance.message=this.$translate.instant("platform.terminal.terminate_message_1"),t.componentInstance.message2=this.$translate.instant("platform.terminal.terminate_message_2"),t.componentInstance.message3=this.$translate.instant("common.phrases.are_you_sure"),t.componentInstance.confirmButtonLabel=this.$translate.instant("form.button_continue"),t.componentInstance.confirmButtonClass="btn-primary",t.componentInstance.faIconClass="fas fa-exclamation-triangle text-warning",t.result.then(()=>!0).catch(()=>!1)}static \u0275fac=function(a){return new(a||e)};static \u0275prov=r({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();export{I as a};
+import{a as l}from"./chunk-R2NZJIKS.js";import{a as m}from"./chunk-Z2JFLSVB.js";import{n as s}from"./chunk-F27XTST6.js";import{b as o}from"./chunk-QTNYLY3B.js";import{a as i}from"./chunk-CPAHENLQ.js";import{ga as r,la as n}from"./chunk-WEVBEUAJ.js";var I=(()=>{class e{$terminal=n(l);$settings=n(o);$modal=n(s);$translate=n(i);handleBeforeUnload(t){if(!this.$settings.env.terminal?.persistence&&!this.$settings.env.terminal?.hideWarning&&this.$terminal.hasActiveSession()&&this.$terminal.hasUserTypedInSession()){let a=this.$translate.instant("platform.terminal.terminate_unload");return t.preventDefault(),t.returnValue=a,a}}canDeactivate(){if(this.$settings.env.terminal?.persistence||this.$settings.env.terminal?.hideWarning||!this.$terminal.hasActiveSession()||!this.$terminal.hasUserTypedInSession())return!0;let t=this.$modal.open(m,{size:"lg",backdrop:"static"});return t.componentInstance.title=this.$translate.instant("platform.terminal.terminate_title"),t.componentInstance.message=this.$translate.instant("platform.terminal.terminate_message_1"),t.componentInstance.message2=this.$translate.instant("platform.terminal.terminate_message_2"),t.componentInstance.message3=this.$translate.instant("common.phrases.are_you_sure"),t.componentInstance.confirmButtonLabel=this.$translate.instant("form.button_continue"),t.componentInstance.confirmButtonClass="btn-primary",t.componentInstance.faIconClass="fas fa-exclamation-triangle text-warning",t.result.then(()=>!0).catch(()=>!1)}static \u0275fac=function(a){return new(a||e)};static \u0275prov=r({token:e,factory:e.\u0275fac,providedIn:"root"})}return e})();export{I as a};