vacuum-card 2.2.7 → 2.3.2

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "vacuum-card",
-  "version": "2.2.7",
+  "version": "2.3.2",
   "description": "Vacuum cleaner card for Home Assistant Lovelace UI",
   "main": "dist/vacuum-card.js",
   "scripts": {
-    "postpublish": "git push --follow-tags",
     "start": "rollup -c --watch",
-    "compile": "rollup -c",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "format": "prettier --write .",
-    "build": "npm run lint && npm run compile"
+    "build": "rollup -c",
+    "test": "npm run lint && npm run build"
   },
   "keywords": [
     "home-assistant",
@@ -36,17 +35,26 @@
     "@rollup/plugin-json": "^4.0.3",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@semantic-release/git": "^9.0.0",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.20.2",
+    "eslint": "^8.9.0",
+    "eslint-config-prettier": "^6.15.0",
+    "eslint-plugin-import": "^2.25.4",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.2",
+    "postcss": "^8.4.6",
+    "postcss-preset-env": "^7.4.1",
     "prettier": "^2.0.5",
     "rollup": "^2.7.6",
+    "rollup-plugin-minify-html-literals": "^1.2.6",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-postcss-lit": "^2.0.0",
     "rollup-plugin-serve": "^1.0.1",
     "rollup-plugin-terser": "^5.3.0",
     "semantic-release": "^17.3.7"
   },
+  "browserslist": [
+    "last 2 versions",
+    "not dead"
+  ],
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"
@@ -54,7 +62,7 @@
   },
   "lint-staged": {
     "*.js": "eslint --fix",
-    "*": "prettier --write"
+    "*.{js,json,css,yml,md}": "prettier --write"
   },
   "release": {
     "plugins": [

package/rollup.config.js

@@ -4,7 +4,11 @@ import nodeResolve from '@rollup/plugin-node-resolve';
 import json from '@rollup/plugin-json';
 import babel from '@rollup/plugin-babel';
 import image from '@rollup/plugin-image';
+import postcss from 'rollup-plugin-postcss';
+import postcssPresetEnv from 'postcss-preset-env';
+import postcssLit from 'rollup-plugin-postcss-lit';
 import { terser } from 'rollup-plugin-terser';
+import minifyLiterals from 'rollup-plugin-minify-html-literals';
 import serve from 'rollup-plugin-serve';
 
 const IS_DEV = process.env.ROLLUP_WATCH;
@@ -30,10 +34,24 @@ export default {
     commonjs(),
     json(),
     babel({
+      babelHelpers: 'bundled',
       exclude: 'node_modules/**',
     }),
+    postcss({
+      plugins: [postcssPresetEnv()],
+      extract: false,
+    }),
+    postcssLit({
+      importPackage: 'lit-element',
+    }),
     image(),
     IS_DEV && serve(serverOptions),
-    !IS_DEV && terser(),
+    !IS_DEV && minifyLiterals(),
+    !IS_DEV &&
+      terser({
+        output: {
+          comments: false,
+        },
+      }),
   ],
 };

package/src/localize.js

@@ -1,56 +1,59 @@
 // Borrowed from:
 // https://github.com/custom-cards/boilerplate-card/blob/master/src/localize/localize.ts
 
-import * as en from './translations/en.json';
-import * as uk from './translations/uk.json';
-import * as nl from './translations/nl.json';
+// Sorted alphabetically
+import * as ca from './translations/ca.json';
+import * as cn from './translations/cn.json';
+import * as cs from './translations/cs.json';
+import * as da from './translations/da.json';
 import * as de from './translations/de.json';
-import * as fr from './translations/fr.json';
-import * as pl from './translations/pl.json';
-import * as it from './translations/it.json';
-import * as ru from './translations/ru.json';
+import * as en from './translations/en.json';
 import * as es from './translations/es.json';
-import * as cs from './translations/cs.json';
-import * as hu from './translations/hu.json';
+import * as fi from './translations/fi.json';
+import * as fr from './translations/fr.json';
 import * as he from './translations/he.json';
-import * as sv from './translations/sv.json';
+import * as hu from './translations/hu.json';
+import * as it from './translations/it.json';
+import * as ko from './translations/ko.json';
+import * as lt from './translations/lt.json';
 import * as nb from './translations/nb.json';
+import * as nl from './translations/nl.json';
 import * as nn from './translations/nn.json';
-import * as da from './translations/da.json';
-import * as ko from './translations/ko.json';
-import * as fi from './translations/fi.json';
-import * as ca from './translations/ca.json';
+import * as pl from './translations/pl.json';
+import * as pt from './translations/pt.json';
+import * as ro from './translations/ro.json';
+import * as ru from './translations/ru.json';
+import * as sv from './translations/sv.json';
 import * as tw from './translations/tw.json';
+import * as uk from './translations/uk.json';
 import * as vi from './translations/vi.json';
-import * as lt from './translations/lt.json';
-import * as ro from './translations/ro.json';
-import * as pt from './translations/pt.json';
 
 var languages = {
-  en,
-  uk,
-  nl,
+  ca,
+  cn,
+  cs,
+  da,
   de,
-  fr,
-  pl,
-  it,
-  ru,
+  en,
   es,
-  cs,
-  hu,
+  fi,
+  fr,
   he,
-  sv,
+  hu,
+  it,
+  ko,
+  lt,
   nb,
+  nl,
   nn,
-  da,
-  ko,
-  fi,
-  ca,
+  pl,
+  pt,
+  ro,
+  ru,
+  sv,
   tw,
+  uk,
   vi,
-  lt,
-  ro,
-  pt,
 };
 
 const DEFAULT_LANG = 'en';

package/src/styles.css

@@ -0,0 +1,274 @@
+:host {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+
+ha-card {
+  flex-direction: column;
+  flex: 1;
+  position: relative;
+  padding: 0px;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.preview {
+  background: var(--primary-color);
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+}
+
+.preview.not-available {
+  filter: grayscale(1);
+}
+
+.map {
+  max-width: 95%;
+  image-rendering: crisp-edges;
+}
+
+@keyframes cleaning {
+  0% {
+    transform: rotate(0) translate(0);
+  }
+  5% {
+    transform: rotate(0) translate(0, -10px);
+  }
+  10% {
+    transform: rotate(0) translate(0, 5px);
+  }
+  15% {
+    transform: rotate(0) translate(0);
+  }
+  /* Turn left */
+  20% {
+    transform: rotate(30deg) translate(0);
+  }
+  25% {
+    transform: rotate(30deg) translate(0, -10px);
+  }
+  30% {
+    transform: rotate(30deg) translate(0, 5px);
+  }
+  35% {
+    transform: rotate(30deg) translate(0);
+  }
+  40% {
+    transform: rotate(0) translate(0);
+  }
+  /* Turn right */
+  45% {
+    transform: rotate(-30deg) translate(0);
+  }
+  50% {
+    transform: rotate(-30deg) translate(0, -10px);
+  }
+  55% {
+    transform: rotate(-30deg) translate(0, 5px);
+  }
+  60% {
+    transform: rotate(-30deg) translate(0);
+  }
+  70% {
+    transform: rotate(0deg) translate(0);
+  }
+  /* Staying still */
+  100% {
+    transform: rotate(0deg);
+  }
+}
+
+@keyframes returning {
+  0% {
+    transform: rotate(0);
+  }
+  25% {
+    transform: rotate(10deg);
+  }
+  50% {
+    transform: rotate(0);
+  }
+  75% {
+    transform: rotate(-10deg);
+  }
+  100% {
+    transform: rotate(0);
+  }
+}
+
+.vacuum {
+  display: block;
+  max-width: 90%;
+  max-height: 200px;
+  image-rendering: crisp-edges;
+  margin: 30px auto 20px auto;
+}
+
+.vacuum.on,
+.vacuum.cleaning,
+.vacuum.auto,
+.vacuum.spot,
+.vacuum.edge,
+.vacuum.single_room {
+  animation: cleaning 5s linear infinite;
+}
+
+.vacuum.returning {
+  animation: returning 2s linear infinite;
+}
+
+.vacuum.paused {
+  opacity: 100%;
+}
+
+.vacuum.docked {
+  opacity: 50%;
+}
+
+.fill-gap {
+  flex-grow: 1;
+}
+
+.header {
+  height: 40px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--text-primary-color);
+}
+
+.battery {
+  text-align: right;
+  font-weight: bold;
+  padding: 8px;
+}
+
+.source {
+  padding-left: 7px;
+  text-align: center;
+}
+
+.status {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  direction: ltr;
+}
+
+.status-text {
+  color: var(--text-primary-color);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  margin-left: calc(20px + 9px); /* size + margin of spinner */
+}
+
+.status ha-circular-progress {
+  --mdc-theme-primary: var(
+    --card-background-color
+  ); /* hack to override the color */
+  min-width: 24px;
+  width: 24px;
+  height: 24px;
+  margin-left: 9px;
+}
+
+.vacuum-name {
+  text-align: center;
+  font-weight: bold;
+  color: var(--text-primary-color);
+  font-size: 16px;
+}
+
+.not-available .offline {
+  text-align: center;
+  color: var(--text-primary-color);
+  font-size: 16px;
+}
+
+.metadata {
+  margin: 10px auto;
+}
+
+.stats {
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  color: var(--text-primary-color);
+}
+
+.stats-block {
+  margin: 10px 0px;
+  text-align: center;
+  border-right: 1px solid rgba(255, 255, 255, 0.2);
+  flex-grow: 1;
+}
+
+.stats-block:last-child {
+  border: 0px;
+}
+
+.stats-value {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+ha-icon {
+  color: #fff;
+}
+
+.toolbar {
+  background: var(--lovelace-background, var(--primary-background-color));
+  min-height: 30px;
+  display: flex;
+  flex-direction: row;
+  flex-flow: row wrap;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+}
+
+.toolbar ha-icon-button {
+  color: var(--primary-color);
+  flex-direction: column;
+  width: 44px;
+  height: 44px;
+  --mdc-icon-button-size: 44px;
+  margin: 5px 0;
+}
+
+.toolbar ha-icon-button:first-child {
+  margin-left: 5px;
+}
+
+.toolbar ha-icon-button:last-child {
+  margin-right: 5px;
+}
+
+.toolbar paper-button {
+  color: var(--primary-color);
+  flex-direction: column;
+  margin-right: 10px;
+  padding: 15px 10px;
+  cursor: pointer;
+}
+
+.toolbar ha-icon-button:active,
+.toolbar paper-button:active {
+  opacity: 0.4;
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.toolbar paper-button {
+  color: var(--primary-color);
+  flex-direction: row;
+}
+
+.toolbar ha-icon {
+  color: var(--primary-color);
+  display: flex;
+}

package/src/translations/cn.json

@@ -0,0 +1,67 @@
+{
+  "status": {
+    "cleaning": "清扫中",
+    "auto": "自动清扫",
+    "spot": "区域清扫",
+    "edge": "边缘清扫",
+    "single_room": "单房间清扫",
+    "paused": "暂停中",
+    "idle": "闲置中",
+    "stop": "已停止",
+    "charging": "充电中",
+    "returning home": "回充",
+    "returning": "回充",
+    "docked": "充电中",
+    "unknown": "未知",
+    "offline": "离线",
+    "error": "错误"
+  },
+  "source": {
+    "gentle": "轻柔",
+    "silent": "安静",
+    "standard": "标准",
+    "medium": "中等",
+    "turbo": "强力",
+    "normal": "正常",
+    "high": "高",
+    "strong": "强力",
+    "quiet": "安静",
+    "max": "Max",
+    "max+": "Max+"
+  },
+  "common": {
+    "name": "Vacuum Card",
+    "description": "Vacuum Card 允许您控制您的扫地机器人。",
+    "start": "清扫",
+    "continue": "继续",
+    "pause": "暂停",
+    "stop": "停止",
+    "return_to_base": "回充",
+    "locate": "定位扫地机器人",
+    "not_available": "扫地机器人不可用"
+  },
+  "error": {
+    "missing_entity": "必须指定一个实体!"
+  },
+  "warning": {
+    "actions_array": "警告: \"动作\" 是为了覆盖现有按钮的默认动作而保留的。如果你的目的是增加额外的动作，请使用\"快捷键\"选项来代替。"
+  },
+  "editor": {
+    "entity": "实体 (必填)",
+    "map": "地图 (选填)",
+    "image": "图片 (选填)",
+    "compact_view": "紧凑视图",
+    "compact_view_aria_label_on": "开启紧凑视图",
+    "compact_view_aria_label_off": "关闭紧凑视图",
+    "show_name": "显示名称",
+    "show_name_aria_label_on": "开启名称显示",
+    "show_name_aria_label_off": "关闭名称显示",
+    "show_status": "显示状态",
+    "show_status_aria_label_on": "开启状态显示",
+    "show_status_aria_label_off": "关闭状态显示",
+    "show_toolbar": "显示工具栏",
+    "show_toolbar_aria_label_on": "开启工具栏显示",
+    "show_toolbar_aria_label_off": "关闭工具栏显示",
+    "code_only_note": "注意: 设置动作和统计选项只能使用代码编辑器。"
+  }
+}

package/src/vacuum-card-editor.js

@@ -1,4 +1,5 @@
 import { LitElement, html, css } from 'lit-element';
+import { nothing } from 'lit-html';
 import { fireEvent } from 'custom-card-helpers';
 import localize from './localize';
 
@@ -84,7 +85,7 @@ export class VacuumCardEditor extends LitElement {
 
   render() {
     if (!this.hass) {
-      return html``;
+      return nothing;
     }
 
     const vacuumEntities = this.getEntitiesByType('vacuum');

package/src/vacuum-card.js

@@ -1,10 +1,11 @@
 import { LitElement, html } from 'lit-element';
+import { nothing } from 'lit-html';
 import { hasConfigOrEntityChanged, fireEvent } from 'custom-card-helpers';
 import get from 'lodash.get';
 import './vacuum-card-editor';
 import localize from './localize';
-import styles from './styles';
-import defaultImage from './vacuum.png';
+import styles from './styles.css';
+import defaultImage from './vacuum.svg';
 import { version } from '../package.json';
 
 console.info(
@@ -272,45 +273,36 @@ class VacuumCard extends LitElement {
     );
 
     if (!sources) {
-      return html``;
+      return nothing;
     }
 
     const selected = sources.indexOf(source);
 
     return html`
-      <paper-menu-button
-        slot="dropdown-trigger"
-        .horizontalAlign=${'right'}
-        .verticalAlign=${'top'}
-        .verticalOffset=${40}
-        .noAnimations=${true}
-        @click="${(e) => e.stopPropagation()}"
-      >
-        <paper-button slot="dropdown-trigger">
+      <ha-button-menu @click="${(e) => e.stopPropagation()}">
+        <mmp-icon-button slot="trigger">
           <ha-icon icon="mdi:fan"></ha-icon>
-          <span show=${true}>
+          <span>
             ${localize(`source.${source}`) || source}
           </span>
-        </paper-button>
-        <paper-listbox
-          slot="dropdown-content"
-          selected=${selected}
-          @click="${(e) => this.handleSpeed(e)}"
-        >
-          ${sources.map(
-            (item) =>
-              html`<paper-item value=${item}
-                >${localize(`source.${item}`) || item}</paper-item
-              >`
-          )}
-        </paper-listbox>
-      </paper-menu-button>
+        </mmp-icon-button>
+        ${sources.map(
+          (item, index) =>
+            html`<mwc-list-item
+              ?activated=${selected === index}
+              value=${item}
+              @click=${(e) => this.handleSpeed(e)}
+            >
+              ${localize(`source.${item}`) || item}
+            </mwc-list-item>`
+        )}
+      </ha-button-menu>
     `;
   }
 
   renderMapOrImage(state) {
     if (this.compactView) {
-      return html``;
+      return nothing;
     }
 
     if (this.map) {
@@ -321,14 +313,14 @@ class VacuumCard extends LitElement {
             src="${this.hass.states[this.config.map].attributes
               .entity_picture}&v=${+new Date()}"
           />`
-        : html``;
+        : nothing;
     }
 
     if (this.image) {
       return html`<img class="vacuum ${state}" src="${this.image}" />`;
     }
 
-    return html``;
+    return nothing;
   }
 
   renderStats(state) {
@@ -338,7 +330,7 @@ class VacuumCard extends LitElement {
 
     return statsList.map(({ entity_id, attribute, unit, subtitle }) => {
       if (!entity_id && !attribute) {
-        return html``;
+        return nothing;
       }
 
       const value = entity_id
@@ -359,7 +351,7 @@ class VacuumCard extends LitElement {
     const { friendly_name } = this.getAttributes(this.entity);
 
     if (!this.showName) {
-      return html``;
+      return nothing;
     }
 
     return html`
@@ -374,7 +366,7 @@ class VacuumCard extends LitElement {
     const localizedStatus = localize(`status.${status}`) || status;
 
     if (!this.showStatus) {
-      return html``;
+      return nothing;
     }
 
     return html`
@@ -392,7 +384,7 @@ class VacuumCard extends LitElement {
 
   renderToolbar(state) {
     if (!this.showToolbar) {
-      return html``;
+      return nothing;
     }
 
     switch (state) {

package/src/vacuum.svg

@@ -0,0 +1 @@
+<svg width="490" height="490" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M490 245c0 135.31-109.69 245-245 245S0 380.31 0 245c0-3.013.0543891-6.013.162239-9H5l5 3v-12l-8.84919-5.899C13.1643 97.0064 117.754 0 245 0c127.089 0 231.578 96.7672 243.804 220.641L480 227v12.5l5-4h4.819c.12 3.152.181 6.319.181 9.5Z" fill="#fff"/><path d="M411.749 119c-6.307-8.348-13.27-16.258-20.851-23.6492C351.81 57.243 299.364 35.941 244.774 36.0001c-54.59.0591-106.99 21.4746-145.9954 59.667C59.7735 133.86 37.2596 185.797 36.0512 240.374l2.0895.046c.918-41.46 14.2556-81.382 37.8593-114.798V126h116v-2H77.1576c.7253-1.006 1.46-2.006 2.204-3H192v-2H80.8779c5.8988-7.683 12.3626-14.985 19.3631-21.8395 38.615-37.8105 90.491-59.0119 144.535-59.0704 54.044-.0585 105.966 21.0305 144.663 58.7572 7.123 6.9447 13.694 14.3517 19.683 22.1527H299v2h111.638c.744.994 1.479 1.994 2.204 3H299v2h115.266c23.35 33.213 36.583 72.821 37.583 113.972l2.089-.051c-1.066-43.848-15.882-85.962-41.938-120.589V119h-.251Z" fill="#AAA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M300 122.5c0 30.1-24.624 54.5-55 54.5s-55-24.4-55-54.5c0-30.0995 24.624-54.5 55-54.5s55 24.4005 55 54.5Zm-4 0c0 27.856-22.799 50.5-51 50.5s-51-22.644-51-50.5S216.799 72 245 72s51 22.644 51 50.5Z" fill="#666"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.12741 221.523C6.9567 160.97 35.1055 104.75 80.0964 63.8045 125.087 22.8589 183.702.115675 244.536.00044016 305.369-.114809 364.07 22.4061 409.216 63.1811c44.985 40.6299 73.305 96.4879 79.5 156.7719l.011.001c-.002.013-.004.025-.007.038.021.202.042.405.062.607l-.279.028c-.145.286-.312.483-.382.565l-.003.005c-.185.218-.402.426-.611.612-.425.377-.994.817-1.651 1.294-1.325.963-3.171 2.194-5.341 3.588-.17.109-.341.219-.515.33v12.215l.249-.174c1.54-1.073 2.823-1.981 3.736-2.644.39-.283.703-.515.936-.693l-.007-.183.254-.01c.048-.038.083-.067.106-.087l.008-.007-.01.01c-.01.009-.033.032-.063.066l-.015.017 4.616-.182c1.298 32.938-4.063 65.799-15.764 96.616-11.7 30.816-29.499 58.955-52.331 82.731-22.832 23.776-50.226 42.7-80.544 55.64-30.317 12.939-62.934 19.627-95.898 19.664-32.963.037-65.594-6.579-95.941-19.45-30.346-12.872-57.783-31.735-80.6677-55.46-22.8846-23.725-40.7463-51.824-52.5157-82.614-11.76935-30.791-17.20429-63.64-15.979377-96.58l3.830807.142V236c.18555 0 .35898.025.50489.057l.56091.021-.00581.158c.13048.053.26118.112.38589.171.35305.167.78483.397 1.26649.667.87404.489 1.99915 1.158 3.2876 1.949v-12.13l-.4815-.302c-2.17716-1.367-4.02092-2.536-5.35246-3.398-.66426-.431-1.21155-.792-1.61262-1.066-.19905-.136-.37589-.261-.51834-.366l-.01222-.009c-.04061-.03-.11781-.087-.20795-.163l-.6875-.066ZM464.644 236.475c3.564-2.147 7.127-4.312 10.356-6.313v12.528c-1.909 1.31-3.945 2.699-5.987 4.086-4.093 2.779-8.206 5.546-11.376 7.648-1.586 1.052-2.93 1.933-3.915 2.566-.474.304-.857.546-1.14.719l-.19-.011-.007.131c-.063.037-.107.062-.135.079-.03.017-.042.025-.042.025l.024-.009c.01-.004.023-.01.039-.016l.095.241c-3.217 52.86-26.453 102.516-64.989 138.858-38.646 36.444-89.759 56.743-142.878 56.743-53.12 0-104.232-20.3-142.878-56.745-38.6453-36.445-61.9029-86.281-65.0136-139.31l-.2108.013c-.0549-.17-.1194-.3-.1616-.378-.0859-.16-.1788-.29-.2489-.38-.1401-.181-.2992-.346-.4386-.482-.2858-.279-.6601-.598-1.0796-.936-.8488-.684-2.029-1.563-3.413-2.556-2.7761-1.991-6.4661-4.507-10.1873-6.974-1.9862-1.317-3.9866-2.622-5.8676-3.83v-12.157c3.2173 2.001 6.7542 4.19 10.2783 6.365 5.686 3.509 11.3427 6.985 15.5776 9.583 2.1175 1.299 3.8798 2.379 5.1126 3.134l1.0774.66c1.0989 51.017 21.909 99.675 58.1301 135.725 36.902 36.729 86.816 57.401 138.881 57.518 52.066.116 102.072-20.331 139.139-56.895 36.507-36.012 57.554-84.787 58.75-135.992.352-.224.817-.513 1.385-.861 1.325-.813 3.172-1.923 5.371-3.238 1.287-.77 2.693-1.609 4.183-2.498l.097-.058c3.574-2.133 7.624-4.55 11.662-6.983ZM6.22995 219.764l.11131.072c1.3071.847 3.13156 2.004 5.30424 3.368 4.343 2.727 10.0507 6.265 15.7336 9.772 5.6819 3.507 11.3354 6.98 15.5686 9.578 2.1165 1.298 3.8778 2.377 5.11 3.132l1.9049 1.166.9921-.007c.3546 51.024 20.8428 99.843 57.0073 135.837 36.165 35.995 85.08 56.253 136.104 56.367 51.025.115 100.03-19.924 136.356-55.756 36.325-35.832 57.032-84.559 57.615-135.58l.585.006-.071-.066c.19-.204.434-.374.522-.435l.012-.008c.144-.101.323-.22.524-.35.406-.262.96-.607 1.631-1.018 1.346-.826 3.21-1.946 5.409-3.261 1.321-.79 2.764-1.651 4.292-2.563 3.571-2.131 7.608-4.54 11.639-6.969 5.757-3.469 11.476-6.963 15.773-9.723 2.152-1.384 3.921-2.565 5.152-3.459.053-.038.104-.076.154-.113l.102-.075c-6.233-58.782-33.937-113.219-77.829-152.8616C361.689 26.858 304.162 4.78749 244.545 4.90042 184.928 5.01336 127.486 27.3017 83.3945 67.4284 39.856 107.052 12.4116 161.271 6.22995 219.764Zm2.09908 22.928c-1.35577-.837-2.51273-1.53-3.38991-2.026-.55505 30.74 4.79901 61.315 15.78648 90.06 11.534 30.175 29.0385 57.712 51.4654 80.963 22.427 23.25 49.315 41.736 79.055 54.35 29.739 12.614 61.718 19.097 94.022 19.061 32.304-.036 64.269-6.591 93.98-19.271 29.711-12.681 56.558-31.226 78.933-54.527 22.375-23.3 39.818-50.876 51.284-81.077 10.871-28.632 16.159-59.064 15.594-89.655-.734.522-1.584 1.119-2.522 1.773-3.095 2.159-7.176 4.958-11.277 7.742-4.101 2.785-8.227 5.56-11.412 7.673-1.284.851-2.419 1.597-3.34 2.194-3.637 53.361-27.268 103.418-66.216 140.147C350.858 437.287 298.702 458 244.498 458c-54.204 0-106.359-20.714-145.7927-57.903-39.1679-36.938-62.8452-87.356-66.2735-141.057-.1301-.112-.2876-.243-.4742-.394-.7611-.613-1.8697-1.441-3.2341-2.419-2.7209-1.952-6.3663-4.439-10.0659-6.891-3.6986-2.452-7.4329-4.857-10.32857-6.644Z" fill="#666"/><rect x="233" y="365" width="24" height="53" rx="12" stroke="#AAA" stroke-width="2"/></svg>