@gravitee/ui-components 3.24.4 → 3.24.5-renovate-github-markdown-css-5-x-d2ffdad

package/src/molecules/gv-identity-picture.js

@@ -18,6 +18,7 @@ import { toSvg } from 'jdenticon';
 import { skeleton } from '../styles/skeleton';
 import { styleMap } from 'lit/directives/style-map';
 import '../atoms/gv-image';
+
 /**
  * Identity picture component
  *
@@ -31,36 +32,64 @@ import '../atoms/gv-image';
  *
  * @cssprop {Color} [--gv-identity-picture-notification--bgc=var(--gv-theme-color-light, #86c3d0)] - Notification background color
  */
-
 export class GvIdentityPicture extends LitElement {
   static get properties() {
     return {
-      picture: {
-        type: String
-      },
-      display_name: {
-        type: String
-      },
-      _error: {
-        type: Boolean,
-        attribute: false
-      },
-      notification: {
-        type: Boolean
-      },
-      rounded: {
-        type: Boolean,
-        reflect: true
-      },
-      skeleton: {
-        type: Boolean
-      }
+      picture: { type: String },
+      display_name: { type: String },
+      _error: { type: Boolean, attribute: false },
+      notification: { type: Boolean },
+      rounded: { type: Boolean, reflect: true },
+      skeleton: { type: Boolean },
     };
   }
 
   static get styles() {
-    return [skeleton, // language=CSS
-    css`:host{display:block;position:relative}div{text-align:center}.skeleton,svg{width:auto;height:auto;max-width:100%;max-height:100%}gv-image{width:100%;height:100%;--gv-image--of:contain}:host([rounded]) gv-image,:host([rounded]) svg{border:2px solid var(--gv-theme-neutral-color-lighter,#fafafa);border-radius:50%;box-sizing:border-box;--gv-image--of:cover}.notification{position:absolute;width:8px;height:8px;background-clip:padding-box;border-radius:50%;background-color:var(--gv-identity-picture-notification--bgc,var(--gv-theme-color-light,#86c3d0))}`];
+    return [
+      skeleton,
+      // language=CSS
+      css`
+        :host {
+          display: block;
+          position: relative;
+        }
+
+        div {
+          text-align: center;
+        }
+
+        svg,
+        .skeleton {
+          width: auto;
+          height: auto;
+          max-width: 100%;
+          max-height: 100%;
+        }
+
+        gv-image {
+          width: 100%;
+          height: 100%;
+          --gv-image--of: contain;
+        }
+
+        :host([rounded]) gv-image,
+        :host([rounded]) svg {
+          border: 2px solid var(--gv-theme-neutral-color-lighter, #fafafa);
+          border-radius: 50%;
+          box-sizing: border-box;
+          --gv-image--of: cover;
+        }
+
+        .notification {
+          position: absolute;
+          width: 8px;
+          height: 8px;
+          background-clip: padding-box;
+          border-radius: 50%;
+          background-color: var(--gv-identity-picture-notification--bgc, var(--gv-theme-color-light, #86c3d0));
+        }
+      `,
+    ];
   }
 
   _onError() {
@@ -86,40 +115,34 @@ export class GvIdentityPicture extends LitElement {
   }
 
   render() {
-    const {
-      width,
-      height
-    } = window.getComputedStyle(this);
-
+    const { width, height } = window.getComputedStyle(this);
     if ((!this.picture || this._error) && width && height) {
       const size = this._getMaxSize(width, height);
-
       const container = document.createElement('div');
-
       if (this.skeleton) {
         container.classList.add('skeleton');
       }
-
       container.title = this.display_name;
-      container.innerHTML = toSvg(this.display_name, size, {
-        backColor: '#FFF'
-      });
-
+      container.innerHTML = toSvg(this.display_name, size, { backColor: '#FFF' });
       if (this.notification) {
         const notification = document.createElement('span');
         notification.className = 'notification';
         notification.style.left = width;
         container.appendChild(notification);
       }
-
       return html`${container}`;
     }
-
-    return html` <gv-image src="${this.picture}" alt="${this.display_name}" title="${this.display_name}" @error="${this._onError}" @gv-image:loaded="${this._onLoaded}"></gv-image> ${this.notification ? html`<span class="notification" style="${styleMap({
-      left: width
-    })}"></span>` : ''} `;
+    return html`
+      <gv-image
+        src="${this.picture}"
+        alt="${this.display_name}"
+        title="${this.display_name}"
+        @error="${this._onError}"
+        @gv-image:loaded="${this._onLoaded}"
+      ></gv-image>
+      ${this.notification ? html`<span class="notification" style="${styleMap({ left: width })}"></span>` : ''}
+    `;
   }
-
 }
+
 window.customElements.define('gv-identity-picture', GvIdentityPicture);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1pZGVudGl0eS1waWN0dXJlLmpzIl0sIm5hbWVzIjpbImNzcyIsIkxpdEVsZW1lbnQiLCJodG1sIiwidG9TdmciLCJza2VsZXRvbiIsInN0eWxlTWFwIiwiR3ZJZGVudGl0eVBpY3R1cmUiLCJwcm9wZXJ0aWVzIiwicGljdHVyZSIsInR5cGUiLCJTdHJpbmciLCJkaXNwbGF5X25hbWUiLCJfZXJyb3IiLCJCb29sZWFuIiwiYXR0cmlidXRlIiwibm90aWZpY2F0aW9uIiwicm91bmRlZCIsInJlZmxlY3QiLCJzdHlsZXMiLCJfb25FcnJvciIsIl90b051bWJlciIsInNpemUiLCJwYXJzZUludCIsInJlcGxhY2UiLCJfb25Mb2FkZWQiLCJfZ2V0TWF4U2l6ZSIsIndpZHRoIiwiaGVpZ2h0IiwiTWF0aCIsIm1pbiIsInVwZGF0ZWQiLCJoYXMiLCJyZW5kZXIiLCJ3aW5kb3ciLCJnZXRDb21wdXRlZFN0eWxlIiwiY29udGFpbmVyIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NMaXN0IiwiYWRkIiwidGl0bGUiLCJpbm5lckhUTUwiLCJiYWNrQ29sb3IiLCJjbGFzc05hbWUiLCJzdHlsZSIsImxlZnQiLCJhcHBlbmRDaGlsZCIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxHQUFULEVBQWNDLFVBQWQsRUFBMEJDLElBQTFCLFFBQXNDLEtBQXRDO0FBQ0EsU0FBU0MsS0FBVCxRQUFzQixXQUF0QjtBQUNBLFNBQVNDLFFBQVQsUUFBeUIsb0JBQXpCO0FBQ0EsU0FBU0MsUUFBVCxRQUF5QiwwQkFBekI7QUFDQSxPQUFPLG1CQUFQO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNB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LFFBQUFBLFlBQVksQ0FBQzZCLEtBQWIsQ0FBbUJDLElBQW5CLEdBQTBCbkIsS0FBMUI7QUFDQVMsUUFBQUEsU0FBUyxDQUFDVyxXQUFWLENBQXNCL0IsWUFBdEI7QUFDRDs7QUFDRCxhQUFPYixJQUFJLEdBQUdpQyxTQUFILEVBQVg7QUFDRDs7QUFDRCxXQUFPakMsSUFBSSxtQkFFQSxLQUFLTSxPQUZMLFVBR0EsS0FBS0csWUFITCxZQUlFLEtBQUtBLFlBSlAsYUFLRyxLQUFLUSxRQUxSLHVCQU1hLEtBQUtLLFNBTmxCLGlCQVFQLEtBQUtULFlBQUwsR0FBb0JiLElBQUkscUNBQXFDRyxRQUFRLENBQUM7QUFBRXdDLE1BQUFBLElBQUksRUFBRW5CO0FBQVIsS0FBRCxDQUE3QyxXQUF4QixHQUFvRyxFQVI3RixHQUFYO0FBVUQ7O0FBOUcrQztBQWlIbERPLE1BQU0sQ0FBQ2MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIscUJBQTdCLEVBQW9EMUMsaUJBQXBEIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAxNSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IGNzcywgTGl0RWxlbWVudCwgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyB0b1N2ZyB9IGZyb20gJ2pkZW50aWNvbic7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5pbXBvcnQgeyBzdHlsZU1hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3N0eWxlLW1hcCc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWltYWdlJztcblxuLyoqXG4gKiBJZGVudGl0eSBwaWN0dXJlIGNvbXBvbmVudFxuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IHBpY3R1cmUgLSB0aGUgcGljdHVyZVxuICogQGF0dHIge1N0cmluZ30gZGlzcGxheV9uYW1lIC0gdGhlIGRpc3BsYXlfbmFtZSBvZiB0aGUgcGljdHVyZVxuICogQGF0dHIge0Jvb2xlYW59IG5vdGlmaWNhdGlvbiAtIHRydWUgdG8gZGlzcGxheSBhIG5vdGlmaWNhdGlvbiBpbmZvXG4gKiBAYXR0ciB7Qm9vbGVhbn0gcm91bmRlZCAtIHRydWUgZm9yIHJvdW5kZWQgaW1hZ2UvaWNvblxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtaWRlbnRpdHktcGljdHVyZS1ub3RpZmljYXRpb24tLWJnYz12YXIoLS1ndi10aGVtZS1jb2xvci1saWdodCwgIzg2YzNkMCldIC0gTm90aWZpY2F0aW9uIGJhY2tncm91bmQgY29sb3JcbiAqL1xuZXhwb3J0IGNsYXNzIEd2SWRlbnRpdHlQaWN0dXJlIGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcGljdHVyZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIGRpc3BsYXlfbmFtZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIF9lcnJvcjogeyB0eXBlOiBCb29sZWFuLCBhdHRyaWJ1dGU6IGZhbHNlIH0sXG4gICAgICBub3RpZmljYXRpb246IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgcm91bmRlZDogeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgICBza2VsZXRvbjogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG5cbiAgICAgICAgZGl2IHtcbiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICBzdmcsXG4gICAgICAgIC5za2VsZXRvbiB7XG4gICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaW1hZ2Uge1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAtLWd2LWltYWdlLS1vZjogY29udGFpbjtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtyb3VuZGVkXSkgZ3YtaW1hZ2UsXG4gICAgICAgIDpob3N0KFtyb3VuZGVkXSkgc3ZnIHtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXIsICNmYWZhZmEpO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIC0tZ3YtaW1hZ2UtLW9mOiBjb3ZlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5ub3RpZmljYXRpb24ge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB3aWR0aDogOHB4O1xuICAgICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICAgIGJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWd2LWlkZW50aXR5LXBpY3R1cmUtbm90aWZpY2F0aW9uLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLWxpZ2h0LCAjODZjM2QwKSk7XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXTtcbiAgfVxuXG4gIF9vbkVycm9yKCkge1xuICAgIHRoaXMuX2Vycm9yID0gdHJ1ZTtcbiAgfVxuXG4gIF90b051bWJlcihzaXplKSB7XG4gICAgcmV0dXJuIHBhcnNlSW50KHNpemUucmVwbGFjZSgncHgnLCAnJyksIDEwKTtcbiAgfVxuXG4gIF9vbkxvYWRlZCgpIHtcbiAgICB0aGlzLl9lcnJvciA9IGZhbHNlO1xuICB9XG5cbiAgX2dldE1heFNpemUod2lkdGgsIGhlaWdodCkge1xuICAgIHJldHVybiBNYXRoLm1pbih0aGlzLl90b051bWJlcih3aWR0aCksIHRoaXMuX3RvTnVtYmVyKGhlaWdodCkpO1xuICB9XG5cbiAgdXBkYXRlZChwcm9wZXJ0aWVzKSB7XG4gICAgaWYgKHByb3BlcnRpZXMuaGFzKCdwaWN0dXJlJykpIHtcbiAgICAgIHRoaXMuX2Vycm9yID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUodGhpcyk7XG4gICAgaWYgKCghdGhpcy5waWN0dXJlIHx8IHRoaXMuX2Vycm9yKSAmJiB3aWR0aCAmJiBoZWlnaHQpIHtcbiAgICAgIGNvbnN0IHNpemUgPSB0aGlzLl9nZXRNYXhTaXplKHdpZHRoLCBoZWlnaHQpO1xuICAgICAgY29uc3QgY29udGFpbmVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgICBpZiAodGhpcy5za2VsZXRvbikge1xuICAgICAgICBjb250YWluZXIuY2xhc3NMaXN0LmFkZCgnc2tlbGV0b24nKTtcbiAgICAgIH1cbiAgICAgIGNvbnRhaW5lci50aXRsZSA9IHRoaXMuZGlzcGxheV9uYW1lO1xuICAgICAgY29udGFpbmVyLmlubmVySFRNTCA9IHRvU3ZnKHRoaXMuZGlzcGxheV9uYW1lLCBzaXplLCB7IGJhY2tDb2xvcjogJyNGRkYnIH0pO1xuICAgICAgaWYgKHRoaXMubm90aWZpY2F0aW9uKSB7XG4gICAgICAgIGNvbnN0IG5vdGlmaWNhdGlvbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICAgICAgbm90aWZpY2F0aW9uLmNsYXNzTmFtZSA9ICdub3RpZmljYXRpb24nO1xuICAgICAgICBub3RpZmljYXRpb24uc3R5bGUubGVmdCA9IHdpZHRoO1xuICAgICAgICBjb250YWluZXIuYXBwZW5kQ2hpbGQobm90aWZpY2F0aW9uKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBodG1sYCR7Y29udGFpbmVyfWA7XG4gICAgfVxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGd2LWltYWdlXG4gICAgICAgIHNyYz1cIiR7dGhpcy5waWN0dXJlfVwiXG4gICAgICAgIGFsdD1cIiR7dGhpcy5kaXNwbGF5X25hbWV9XCJcbiAgICAgICAgdGl0bGU9XCIke3RoaXMuZGlzcGxheV9uYW1lfVwiXG4gICAgICAgIEBlcnJvcj1cIiR7dGhpcy5fb25FcnJvcn1cIlxuICAgICAgICBAZ3YtaW1hZ2U6bG9hZGVkPVwiJHt0aGlzLl9vbkxvYWRlZH1cIlxuICAgICAgPjwvZ3YtaW1hZ2U+XG4gICAgICAke3RoaXMubm90aWZpY2F0aW9uID8gaHRtbGA8c3BhbiBjbGFzcz1cIm5vdGlmaWNhdGlvblwiIHN0eWxlPVwiJHtzdHlsZU1hcCh7IGxlZnQ6IHdpZHRoIH0pfVwiPjwvc3Bhbj5gIDogJyd9XG4gICAgYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1pZGVudGl0eS1waWN0dXJlJywgR3ZJZGVudGl0eVBpY3R1cmUpO1xuIl19

package/src/molecules/gv-list.js

@@ -22,6 +22,7 @@ import '../molecules/gv-identity-picture';
 import { dispatchCustomEvent } from '../lib/events';
 import { getPicture, getPictureDisplayName, getVersion } from '../lib/item';
 import { withSkeletonAttribute } from '../mixins/with-skeleton-attribute';
+
 /**
  * Connected Applications component
  *
@@ -39,29 +40,104 @@ import { withSkeletonAttribute } from '../mixins/with-skeleton-attribute';
  * @cssprop {Length} [--gv-list-image--h=40px] - Image height
  * @cssprop {Length} [--gv-list-image--w=40px] - Image width
  */
-
 export class GvList extends withSkeletonAttribute(LitElement) {
   static get properties() {
-    return { ...super.styles,
-      items: {
-        type: Object
-      },
-      title: {
-        type: String
-      },
-      clickable: {
-        type: Boolean
-      },
-      _items: {
-        type: Object,
-        attribute: false
-      }
+    return {
+      ...super.styles,
+      items: { type: Object },
+      title: { type: String },
+      clickable: { type: Boolean },
+      _items: { type: Object, attribute: false },
     };
   }
 
   static get styles() {
-    return [...super.styles, link, // language=CSS
-    css`:host{box-sizing:border-box;display:inline-block;width:280px;border-radius:4px;background-color:var(--gv-list--bgc,var(--gv-theme-neutral-color-lightest,#fff));--gv-icon--s:var(--gv-list-icon--s, 20px)}gv-identity-picture{width:var(--gv-list-image--w,40px);height:var(--gv-list-image--h,40px)}.list{list-style:none;margin:0;padding:0}h3{padding:24px;font-size:var(--gv-theme-font-size-m);line-height:var(--gv-theme-font-size-m);opacity:.6;letter-spacing:.05rem;border-bottom:1px solid var(--gv-theme-neutral-color);margin:0}h4{font-size:var(--gv-theme-font-size-m);line-height:var(--gv-theme-font-size-m);opacity:.9;letter-spacing:.05rem}h4 span{font-size:var(--gv-theme-font-size-s,12px);margin-left:8px}.item{display:flex;margin:24px}.item__image{align-self:center;margin-right:4px}.item__content{display:flex;flex-direction:column;justify-content:space-evenly}.item__title{margin:0}.item__description{font-size:var(--gv-theme-font-size-m,14px);line-height:22px;opacity:.5;display:-webkit-box;max-width:200px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.scrollable-container{max-height:400px;overflow:auto}`];
+    return [
+      ...super.styles,
+      link,
+      // language=CSS
+      css`
+        :host {
+          box-sizing: border-box;
+          display: inline-block;
+          width: 280px;
+          border-radius: 4px;
+          background-color: var(--gv-list--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
+          --gv-icon--s: var(--gv-list-icon--s, 20px);
+        }
+
+        gv-identity-picture {
+          width: var(--gv-list-image--w, 40px);
+          height: var(--gv-list-image--h, 40px);
+        }
+
+        .list {
+          list-style: none;
+          margin: 0;
+          padding: 0;
+        }
+
+        h3 {
+          padding: 24px;
+          font-size: var(--gv-theme-font-size-m);
+          line-height: var(--gv-theme-font-size-m);
+          opacity: 0.6;
+          letter-spacing: 0.05rem;
+          border-bottom: 1px solid var(--gv-theme-neutral-color);
+          margin: 0;
+        }
+
+        h4 {
+          font-size: var(--gv-theme-font-size-m);
+          line-height: var(--gv-theme-font-size-m);
+          opacity: 0.9;
+          letter-spacing: 0.05rem;
+        }
+
+        h4 span {
+          font-size: var(--gv-theme-font-size-s, 12px);
+          margin-left: 8px;
+        }
+
+        .item {
+          display: flex;
+          margin: 24px;
+        }
+
+        .item__image {
+          align-self: center;
+          margin-right: 4px;
+        }
+
+        .item__content {
+          display: flex;
+          flex-direction: column;
+          justify-content: space-evenly;
+        }
+
+        .item__title {
+          margin: 0;
+        }
+
+        .item__description {
+          font-size: var(--gv-theme-font-size-m, 14px);
+          line-height: 22px;
+          opacity: 0.5;
+
+          display: -webkit-box;
+          max-width: 200px;
+          -webkit-line-clamp: 4;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .scrollable-container {
+          max-height: 400px;
+          overflow: auto;
+        }
+      `,
+    ];
   }
 
   constructor() {
@@ -79,27 +155,28 @@ export class GvList extends withSkeletonAttribute(LitElement) {
 
   _renderStatus(subscriptions) {
     if (subscriptions) {
-      const paused = subscriptions.filter(sub => sub.status.toUpperCase() === 'PAUSED');
-
+      const paused = subscriptions.filter((sub) => sub.status.toUpperCase() === 'PAUSED');
       if (paused.length > 0) {
         return html` <gv-icon title="${i18n('gv-list.paused')}" shape="media:pause"></gv-icon>`;
       }
-
-      const pending = subscriptions.filter(sub => sub.status.toUpperCase() === 'PENDING');
-
+      const pending = subscriptions.filter((sub) => sub.status.toUpperCase() === 'PENDING');
       if (pending.length > 0) {
         return html` <gv-icon title="${i18n('gv-list.pending')}" shape="home:timer"></gv-icon>`;
       }
     }
-
     return '';
   }
 
   _renderItem(item) {
     if (item) {
-      return html` <div class="item__image">${this._renderImage(item.item)}</div> <div class="item__content"> <h4 class="item__title">${this._renderStatus(item.subscriptions)}${item.item.name} <span>${getVersion(item.item)}</span></h4> <div class="item__description">${item.item.description}</div> </div> `;
+      return html`
+        <div class="item__image">${this._renderImage(item.item)}</div>
+        <div class="item__content">
+          <h4 class="item__title">${this._renderStatus(item.subscriptions)}${item.item.name} <span>${getVersion(item.item)}</span></h4>
+          <div class="item__description">${item.item.description}</div>
+        </div>
+      `;
     }
-
     return html`<p>xxxx-xxxx-xxxx-xxxx</p>`;
   }
 
@@ -107,29 +184,44 @@ export class GvList extends withSkeletonAttribute(LitElement) {
     if (this._empty && !this._skeleton) {
       return '';
     }
-
     if (this._skeleton) {
-      return html` <ul class="list"> <h4 class="skeleton">xxxx-xxxx-xxxx-xxxx</h4> <div class="scrollable-container"> <li class="item skeleton">${this._renderItem()}</li> <li class="item skeleton">${this._renderItem()}</li> </div> </ul> `;
+      return html`
+        <ul class="list">
+          <h4 class="skeleton">xxxx-xxxx-xxxx-xxxx</h4>
+          <div class="scrollable-container">
+            <li class="item skeleton">${this._renderItem()}</li>
+            <li class="item skeleton">${this._renderItem()}</li>
+          </div>
+        </ul>
+      `;
     }
-
-    return html` <ul class="list"> <h3>${this.title ? this.title : ''} ${this._items && this._items.length > 0 ? html`<span>(${this._items.length})</span>` : ''}</h3> <div class="scrollable-container"> ${this._items ? repeat(this._items, item => item, item => {
-      if (this.clickable) {
-        return html`<li class="${classMap({
-          item: true,
-          link: true
-        })}" @click="${this._onClick.bind(this, item)}"> ${this._renderItem(item)} </li>`;
-      } else {
-        return html`<li class="${classMap({
-          item: true
-        })}">${this._renderItem(item)}</li>`;
-      }
-    }) : ''} </div> </ul> `;
+    return html`
+      <ul class="list">
+        <h3>${this.title ? this.title : ''} ${this._items && this._items.length > 0 ? html`<span>(${this._items.length})</span>` : ''}</h3>
+        <div class="scrollable-container">
+          ${this._items
+            ? repeat(
+                this._items,
+                (item) => item,
+                (item) => {
+                  if (this.clickable) {
+                    return html`<li class="${classMap({ item: true, link: true })}" @click="${this._onClick.bind(this, item)}">
+                      ${this._renderItem(item)}
+                    </li>`;
+                  } else {
+                    return html`<li class="${classMap({ item: true })}">${this._renderItem(item)}</li>`;
+                  }
+                },
+              )
+            : ''}
+        </div>
+      </ul>
+    `;
   }
 
   render() {
     return html` <div>${this._error ? html`<div class="error">${i18n('gv-list.error')}</div>` : this._renderItems()}</div> `;
   }
-
 }
+
 window.customElements.define('gv-list', GvList);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1saXN0LmpzIl0sIm5hbWVzIjpbImNzcyIsImh0bWwiLCJMaXRFbGVtZW50IiwicmVwZWF0IiwiY2xhc3NNYXAiLCJpMThuIiwibGluayIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJnZXRQaWN0dXJlIiwiZ2V0UGljdHVyZURpc3BsYXlOYW1lIiwiZ2V0VmVyc2lvbiIsIndpdGhTa2VsZXRvbkF0dHJpYnV0ZSIsIkd2TGlzdCIsInByb3BlcnRpZXMiLCJzdHlsZXMiLCJpdGVtcyIsInR5cGUiLCJPYmplY3QiLCJ0aXRsZSIsIlN0cmluZyIsImNsaWNrYWJsZSIsIkJvb2xlYW4iLCJfaXRlbXMiLCJhdHRyaWJ1dGUiLCJjb25zdHJ1Y3RvciIsIl9za2VsZXRvbkF0dHJpYnV0ZSIsIl9vbkNsaWNrIiwiaXRlbSIsIl9yZW5kZXJJbWFnZSIsIl9yZW5kZXJTdGF0dXMiLCJzdWJzY3JpcHRpb25zIiwicGF1c2VkIiwiZmlsdGVyIiwic3ViIiwic3RhdHVzIiwidG9VcHBlckNhc2UiLCJsZW5ndGgiLCJwZW5kaW5nIiwiX3JlbmRlckl0ZW0iLCJuYW1lIiwiZGVzY3JpcHRpb24iLCJfcmVuZGVySXRlbXMiLCJfZW1wdHkiLCJfc2tlbGV0b24iLCJiaW5kIiwicmVuZGVyIiwiX2Vycm9yIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLEdBQVQsRUFBY0MsSUFBZCxFQUFvQkMsVUFBcEIsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxNQUFULFFBQXVCLHVCQUF2QjtBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsSUFBVCxRQUFxQixhQUFyQjtBQUNBLFNBQVND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QUFBLE1BQU0sR0FBRztBQUNQLFdBQU81QyxJQUFJLFNBQVMsS0FBSzZDLE1BQUwsR0FBYzdDLElBQUksc0JBQXNCSSxJQUFJLENBQUMsZUFBRCxDQUExQixRQUFsQixHQUF3RSxLQUFLb0MsWUFBTCxFQUFqRixTQUFYO0FBQ0Q7O0FBckwyRDtBQXdMOURNLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsU0FBN0IsRUFBd0NyQyxNQUF4QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MsIGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcmVwZWF0IH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVwZWF0JztcbmltcG9ydCB7IGNsYXNzTWFwIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvY2xhc3MtbWFwJztcbmltcG9ydCB7IGkxOG4gfSBmcm9tICcuLi9saWIvaTE4bic7XG5pbXBvcnQgeyBsaW5rIH0gZnJvbSAnLi4vc3R5bGVzL2xpbmsnO1xuaW1wb3J0ICcuLi9tb2xlY3VsZXMvZ3YtaWRlbnRpdHktcGljdHVyZSc7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5pbXBvcnQgeyBnZXRQaWN0dXJlLCBnZXRQaWN0dXJlRGlzcGxheU5hbWUsIGdldFZlcnNpb24gfSBmcm9tICcuLi9saWIvaXRlbSc7XG5pbXBvcnQgeyB3aXRoU2tlbGV0b25BdHRyaWJ1dGUgfSBmcm9tICcuLi9taXhpbnMvd2l0aC1za2VsZXRvbi1hdHRyaWJ1dGUnO1xuXG4vKipcbiAqIENvbm5lY3RlZCBBcHBsaWNhdGlvbnMgY29tcG9uZW50XG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LWxpc3Q6Y2xpY2sgLSBDbGljayBldmVudCBmcm9tIGFuIGVsZW1lbnQgb2YgdGhlIGxpc3RcbiAqXG4gKiBAYXR0ciB7UHJvbWlzZTxBcnJheTx7T2JqZWN0fT4+fSBpdGVtcyAtIGEgbGlzdCBvZiBpdGVtLlxuICogQGF0dHIge1N0cmluZ30gdGl0bGUgLSB0aXRsZSBvZiB0aGUgbGlzdC5cbiAqIEBhdHRyIHtCb29sZWFufSBjbGlja2FibGUgLSB0cnVlIGlmIGd2LWxpc3QgZWxlbWVudCBjYW4gYmUgY2xpY2thYmxlLlxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtbGlzdC0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIEJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LWxpc3QtaWNvbi0tcz0yMHB4XSAtIEhlaWdodCBhbmQgaWNvbiB3aWR0aFxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtbGlzdC1pbWFnZS0taD00MHB4XSAtIEltYWdlIGhlaWdodFxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtbGlzdC1pbWFnZS0tdz00MHB4XSAtIEltYWdlIHdpZHRoXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkxpc3QgZXh0ZW5kcyB3aXRoU2tlbGV0b25BdHRyaWJ1dGUoTGl0RWxlbWVudCkge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLnN1cGVyLnN0eWxlcyxcbiAgICAgIGl0ZW1zOiB7IHR5cGU6IE9iamVjdCB9LFxuICAgICAgdGl0bGU6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBjbGlja2FibGU6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgX2l0ZW1zOiB7IHR5cGU6IE9iamVjdCwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgLi4uc3VwZXIuc3R5bGVzLFxuICAgICAgbGluayxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgd2lkdGg6IDI4MHB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ndi1saXN0LS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IHZhcigtLWd2LWxpc3QtaWNvbi0tcywgMjBweCk7XG4gICAgICAgIH1cblxuICAgICAgICBndi1pZGVudGl0eS1waWN0dXJlIHtcbiAgICAgICAgICB3aWR0aDogdmFyKC0tZ3YtbGlzdC1pbWFnZS0tdywgNDBweCk7XG4gICAgICAgICAgaGVpZ2h0OiB2YXIoLS1ndi1saXN0LWltYWdlLS1oLCA0MHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5saXN0IHtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgaDMge1xuICAgICAgICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtbSk7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1tKTtcbiAgICAgICAgICBvcGFjaXR5OiAwLjY7XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDVyZW07XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3IpO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIGg0IHtcbiAgICAgICAgICBmb250LXNpemU6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1tKTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0pO1xuICAgICAgICAgIG9wYWNpdHk6IDAuOTtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIGg0IHNwYW4ge1xuICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpO1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbSB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBtYXJnaW46IDI0cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbV9faW1hZ2Uge1xuICAgICAgICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtX19jb250ZW50IHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1ldmVubHk7XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbV9fdGl0bGUge1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtX19kZXNjcmlwdGlvbiB7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtbSwgMTRweCk7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgbWF4LXdpZHRoOiAyMDBweDtcbiAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDQ7XG4gICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNjcm9sbGFibGUtY29udGFpbmVyIHtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiA0MDBweDtcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLl9za2VsZXRvbkF0dHJpYnV0ZSA9ICdpdGVtcyc7XG4gIH1cblxuICBfb25DbGljayhpdGVtKSB7XG4gICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnY2xpY2snLCBpdGVtKTtcbiAgfVxuXG4gIF9yZW5kZXJJbWFnZShpdGVtKSB7XG4gICAgcmV0dXJuIGh0bWxgPGd2LWlkZW50aXR5LXBpY3R1cmUgLnBpY3R1cmU9XCIke2dldFBpY3R1cmUoaXRlbSl9XCIgLmRpc3BsYXlfbmFtZT1cIiR7Z2V0UGljdHVyZURpc3BsYXlOYW1lKGl0ZW0pfVwiPjwvZ3YtaWRlbnRpdHktcGljdHVyZT5gO1xuICB9XG5cbiAgX3JlbmRlclN0YXR1cyhzdWJzY3JpcHRpb25zKSB7XG4gICAgaWYgKHN1YnNjcmlwdGlvbnMpIHtcbiAgICAgIGNvbnN0IHBhdXNlZCA9IHN1YnNjcmlwdGlvbnMuZmlsdGVyKChzdWIpID0+IHN1Yi5zdGF0dXMudG9VcHBlckNhc2UoKSA9PT0gJ1BBVVNFRCcpO1xuICAgICAgaWYgKHBhdXNlZC5sZW5ndGggPiAwKSB7XG4gICAgICAgIHJldHVybiBodG1sYCA8Z3YtaWNvbiB0aXRsZT1cIiR7aTE4bignZ3YtbGlzdC5wYXVzZWQnKX1cIiBzaGFwZT1cIm1lZGlhOnBhdXNlXCI+PC9ndi1pY29uPmA7XG4gICAgICB9XG4gICAgICBjb25zdCBwZW5kaW5nID0gc3Vic2NyaXB0aW9ucy5maWx0ZXIoKHN1YikgPT4gc3ViLnN0YXR1cy50b1VwcGVyQ2FzZSgpID09PSAnUEVORElORycpO1xuICAgICAgaWYgKHBlbmRpbmcubGVuZ3RoID4gMCkge1xuICAgICAgICByZXR1cm4gaHRtbGAgPGd2LWljb24gdGl0bGU9XCIke2kxOG4oJ2d2LWxpc3QucGVuZGluZycpfVwiIHNoYXBlPVwiaG9tZTp0aW1lclwiPjwvZ3YtaWNvbj5gO1xuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBfcmVuZGVySXRlbShpdGVtKSB7XG4gICAgaWYgKGl0ZW0pIHtcbiAgICAgIHJldHVybiBodG1sYFxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbV9faW1hZ2VcIj4ke3RoaXMuX3JlbmRlckltYWdlKGl0ZW0uaXRlbSl9PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtX19jb250ZW50XCI+XG4gICAgICAgICAgPGg0IGNsYXNzPVwiaXRlbV9fdGl0bGVcIj4ke3RoaXMuX3JlbmRlclN0YXR1cyhpdGVtLnN1YnNjcmlwdGlvbnMpfSR7aXRlbS5pdGVtLm5hbWV9IDxzcGFuPiR7Z2V0VmVyc2lvbihpdGVtLml0ZW0pfTwvc3Bhbj48L2g0PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtX19kZXNjcmlwdGlvblwiPiR7aXRlbS5pdGVtLmRlc2NyaXB0aW9ufTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIGA7XG4gICAgfVxuICAgIHJldHVybiBodG1sYDxwPnh4eHgteHh4eC14eHh4LXh4eHg8L3A+YDtcbiAgfVxuXG4gIF9yZW5kZXJJdGVtcygpIHtcbiAgICBpZiAodGhpcy5fZW1wdHkgJiYgIXRoaXMuX3NrZWxldG9uKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGlmICh0aGlzLl9za2VsZXRvbikge1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDx1bCBjbGFzcz1cImxpc3RcIj5cbiAgICAgICAgICA8aDQgY2xhc3M9XCJza2VsZXRvblwiPnh4eHgteHh4eC14eHh4LXh4eHg8L2g0PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzY3JvbGxhYmxlLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGxpIGNsYXNzPVwiaXRlbSBza2VsZXRvblwiPiR7dGhpcy5fcmVuZGVySXRlbSgpfTwvbGk+XG4gICAgICAgICAgICA8bGkgY2xhc3M9XCJpdGVtIHNrZWxldG9uXCI+JHt0aGlzLl9yZW5kZXJJdGVtKCl9PC9saT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC91bD5cbiAgICAgIGA7XG4gICAgfVxuICAgIHJldHVybiBodG1sYFxuICAgICAgPHVsIGNsYXNzPVwibGlzdFwiPlxuICAgICAgICA8aDM+JHt0aGlzLnRpdGxlID8gdGhpcy50aXRsZSA6ICcnfSAke3RoaXMuX2l0ZW1zICYmIHRoaXMuX2l0ZW1zLmxlbmd0aCA+IDAgPyBodG1sYDxzcGFuPigke3RoaXMuX2l0ZW1zLmxlbmd0aH0pPC9zcGFuPmAgOiAnJ308L2gzPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Nyb2xsYWJsZS1jb250YWluZXJcIj5cbiAgICAgICAgICAke3RoaXMuX2l0ZW1zXG4gICAgICAgICAgICA/IHJlcGVhdChcbiAgICAgICAgICAgICAgICB0aGlzLl9pdGVtcyxcbiAgICAgICAgICAgICAgICAoaXRlbSkgPT4gaXRlbSxcbiAgICAgICAgICAgICAgICAoaXRlbSkgPT4ge1xuICAgICAgICAgICAgICAgICAgaWYgKHRoaXMuY2xpY2thYmxlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBodG1sYDxsaSBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBpdGVtOiB0cnVlLCBsaW5rOiB0cnVlIH0pfVwiIEBjbGljaz1cIiR7dGhpcy5fb25DbGljay5iaW5kKHRoaXMsIGl0ZW0pfVwiPlxuICAgICAgICAgICAgICAgICAgICAgICR7dGhpcy5fcmVuZGVySXRlbShpdGVtKX1cbiAgICAgICAgICAgICAgICAgICAgPC9saT5gO1xuICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGh0bWxgPGxpIGNsYXNzPVwiJHtjbGFzc01hcCh7IGl0ZW06IHRydWUgfSl9XCI+JHt0aGlzLl9yZW5kZXJJdGVtKGl0ZW0pfTwvbGk+YDtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6ICcnfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvdWw+XG4gICAgYDtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gaHRtbGAgPGRpdj4ke3RoaXMuX2Vycm9yID8gaHRtbGA8ZGl2IGNsYXNzPVwiZXJyb3JcIj4ke2kxOG4oJ2d2LWxpc3QuZXJyb3InKX08L2Rpdj5gIDogdGhpcy5fcmVuZGVySXRlbXMoKX08L2Rpdj4gYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1saXN0JywgR3ZMaXN0KTtcbiJdfQ==

package/src/molecules/gv-metrics.js

@@ -21,6 +21,7 @@ import { withSkeletonAttribute } from '../mixins/with-skeleton-attribute';
 import { classMap } from 'lit/directives/class-map';
 import { dispatchCustomEvent } from '../lib/events';
 import { ifDefined } from 'lit/directives/if-defined';
+
 /**
  * Metrics information component
  *
@@ -33,23 +34,36 @@ import { ifDefined } from 'lit/directives/if-defined';
  * @attr {Promise<{ hits: value, health: {value, clickable}, subscribers: {value, clickable?, title?} }>} metrics - Metrics.
  * @attr {RatingSummary} rating - Ratings of an API.
  */
-
 export class GvMetrics extends withSkeletonAttribute(LitElement) {
   static get properties() {
     return {
-      metrics: {
-        type: Object
-      },
-      _metrics: {
-        type: Object,
-        attribute: false
-      }
+      metrics: { type: Object },
+      _metrics: { type: Object, attribute: false },
     };
   }
 
   static get styles() {
-    return [...super.styles, link, // language=CSS
-    css`:host{box-sizing:border-box;margin:.2rem;width:100%;height:100%;min-height:25px;min-width:25px;display:flex;width:100%}:host>*{flex:1 1 auto}`];
+    return [
+      ...super.styles,
+      link,
+      // language=CSS
+      css`
+        :host {
+          box-sizing: border-box;
+          margin: 0.2rem;
+          width: 100%;
+          height: 100%;
+          min-height: 25px;
+          min-width: 25px;
+          display: flex;
+          width: 100%;
+        }
+
+        :host > * {
+          flex: 1 1 auto;
+        }
+      `,
+    ];
   }
 
   constructor() {
@@ -64,7 +78,6 @@ export class GvMetrics extends withSkeletonAttribute(LitElement) {
     if (this._metrics && typeof this._metrics[metricName] === 'object') {
       return this._metrics[metricName].clickable;
     }
-
     return false;
   }
 
@@ -72,7 +85,6 @@ export class GvMetrics extends withSkeletonAttribute(LitElement) {
     if (typeof metric === 'object') {
       return metric.value;
     }
-
     return metric;
   }
 
@@ -80,7 +92,6 @@ export class GvMetrics extends withSkeletonAttribute(LitElement) {
     if (this._metrics) {
       return this._getValue(this._metrics.subscribers);
     }
-
     return null;
   }
 
@@ -88,20 +99,19 @@ export class GvMetrics extends withSkeletonAttribute(LitElement) {
     if (this._metrics) {
       return this._getValue(this._metrics.hits);
     }
-
     return null;
   }
 
   _getHealth() {
     if (this._metrics) {
       const health = this._getValue(this._metrics.health);
-
-      return !isNaN(health) ? Intl.NumberFormat.call(this, navigator.language, {
-        style: 'percent',
-        maximumFractionDigits: 2
-      }).format(health) : '';
+      return !isNaN(health)
+        ? Intl.NumberFormat.call(this, navigator.language, {
+            style: 'percent',
+            maximumFractionDigits: 2,
+          }).format(health)
+        : '';
     }
-
     return null;
   }
 
@@ -109,22 +119,26 @@ export class GvMetrics extends withSkeletonAttribute(LitElement) {
     if (this._metrics && typeof this._metrics[metricName] === 'object') {
       return this._metrics[metricName].title;
     }
-
     return null;
   }
 
   _onClick(key) {
-    dispatchCustomEvent(this, 'click', {
-      key
-    });
+    dispatchCustomEvent(this, 'click', { key });
   }
 
   _renderMetric(key, icon, name, value) {
     const clickable = this._isClickable(key);
-
-    return value || this._skeleton ? html`<gv-metric @click="${clickable ? this._onClick.bind(this, key) : null}" .skeleton="${this._skeleton}" icon="${icon}" name="${name}" value="${value}" class="${classMap({
-      link: clickable
-    })}" title="${ifDefined(this._getTitle(key))}"></gv-metric>` : html``;
+    return value || this._skeleton
+      ? html`<gv-metric
+          @click="${clickable ? this._onClick.bind(this, key) : null}"
+          .skeleton="${this._skeleton}"
+          icon="${icon}"
+          name="${name}"
+          value="${value}"
+          class="${classMap({ link: clickable })}"
+          title="${ifDefined(this._getTitle(key))}"
+        ></gv-metric>`
+      : html``;
   }
 
   render() {
@@ -133,18 +147,16 @@ export class GvMetrics extends withSkeletonAttribute(LitElement) {
     }
 
     const subscribers = this._getSubscribers();
-
     const hits = this._getHits();
-
     const health = this._getHealth();
 
-    return html` ${this._renderMetric('subscribers', 'communication:group', i18n('gv-metrics.subscribers', {
-      count: subscribers
-    }), subscribers)} ${this._renderMetric('hits', 'general:cursor', i18n('gv-metrics.hits', {
-      count: hits
-    }), hits)} ${this._renderMetric('health', 'general:heart', i18n('gv-metrics.health'), health)} <slot></slot> `;
+    return html`
+      ${this._renderMetric('subscribers', 'communication:group', i18n('gv-metrics.subscribers', { count: subscribers }), subscribers)}
+      ${this._renderMetric('hits', 'general:cursor', i18n('gv-metrics.hits', { count: hits }), hits)}
+      ${this._renderMetric('health', 'general:heart', i18n('gv-metrics.health'), health)}
+      <slot></slot>
+    `;
   }
-
 }
+
 window.customElements.define('gv-metrics', GvMetrics);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1tZXRyaWNzLmpzIl0sIm5hbWVzIjpbImNzcyIsIkxpdEVsZW1lbnQiLCJodG1sIiwiaTE4biIsImxpbmsiLCJ3aXRoU2tlbGV0b25BdHRyaWJ1dGUiLCJjbGFzc01hcCIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJpZkRlZmluZWQiLCJHdk1ldHJpY3MiLCJwcm9wZXJ0aWVzIiwibWV0cmljcyIsInR5cGUiLCJPYmplY3QiLCJfbWV0cmljcyIsImF0dHJpYnV0ZSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiX3NrZWxldG9uQXR0cmlidXRlIiwic2tlbGV0b24iLCJfZXJyb3IiLCJfZW1wdHkiLCJfaXNDbGlja2FibGUiLCJtZXRyaWNOYW1lIiwiY2xpY2thYmxlIiwiX2dldFZhbHVlIiwibWV0cmljIiwidmFsdWUiLCJfZ2V0U3Vic2NyaWJlcnMiLCJzdWJzY3JpYmVycyIsIl9nZXRIaXRzIiwiaGl0cyIsIl9nZXRIZWFsdGgiLCJoZWFsdGgiLCJpc05hTiIsIkludGwiLCJOdW1iZXJGb3JtYXQiLCJjYWxsIiwibmF2aWdhdG9yIiwibGFuZ3VhZ2UiLCJzdHlsZSIsIm1heGltdW1GcmFjdGlvbkRpZ2l0cyIsImZvcm1hdCIsIl9nZXRUaXRsZSIsInRpdGxlIiwiX29uQ2xpY2siLCJrZXkiLCJfcmVuZGVyTWV0cmljIiwiaWNvbiIsIm5hbWUiLCJfc2tlbGV0b24iLCJiaW5kIiwicmVuZGVyIiwiY291bnQiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxFQUFjQyxVQUFkLEVBQTBCQyxJQUExQixRQUFzQyxLQUF0QztBQUNBLE9BQU8sb0JBQVA7QUFDQSxTQUFT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d0JBQUQsRUFBMkI7QUFBRWtELE1BQUFBLEtBQUssRUFBRXhCO0FBQVQsS0FBM0IsQ0FBN0QsRUFBaUhBLFdBQWpILENBRE8sSUFFUCxLQUFLa0IsYUFBTCxDQUFtQixNQUFuQixFQUEyQixnQkFBM0IsRUFBNkM1QyxJQUFJLENBQUMsaUJBQUQsRUFBb0I7QUFBRWtELE1BQUFBLEtBQUssRUFBRXRCO0FBQVQsS0FBcEIsQ0FBakQsRUFBdUZBLElBQXZGLENBRk8sSUFHUCxLQUFLZ0IsYUFBTCxDQUFtQixRQUFuQixFQUE2QixlQUE3QixFQUE4QzVDLElBQUksQ0FBQyxtQkFBRCxDQUFsRCxFQUF5RThCLE1BQXpFLENBSE8saUJBQVg7QUFNRDs7QUExSDhEO0FBNkhqRXFCLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsWUFBN0IsRUFBMkMvQyxTQUEzQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MsIExpdEVsZW1lbnQsIGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi1tZXRyaWMnO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gJy4uL2xpYi9pMThuJztcbmltcG9ydCB7IGxpbmsgfSBmcm9tICcuLi9zdHlsZXMvbGluayc7XG5pbXBvcnQgeyB3aXRoU2tlbGV0b25BdHRyaWJ1dGUgfSBmcm9tICcuLi9taXhpbnMvd2l0aC1za2VsZXRvbi1hdHRyaWJ1dGUnO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgaWZEZWZpbmVkIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvaWYtZGVmaW5lZCc7XG5cbi8qKlxuICogTWV0cmljcyBpbmZvcm1hdGlvbiBjb21wb25lbnRcbiAqXG4gKiAjIyBEZXRhaWxzXG4gKiAqIGhhcyBAdGhlbWUgZmFjZXRcbiAqICogYXR0cmlidXRlcyBgbWV0cmljc2Agc2hvdWxkIGJlIGFuIGFycmF5IG9mIE9iamVjdCB7dmFsdWUsIGNsaWNrYWJsZX0sIG9yIGFuIGFycmF5IG9mIHZhbHVlcywgb3IgYSBtaXguXG4gKlxuICogQGZpcmVzIGd2LW1ldHJpY3M6Y2xpY2sgLSBDbGljayBldmVudCBmcm9tIG1ldHJpYyBpZiBpcyBjbGlja2FibGVcbiAqXG4gKiBAYXR0ciB7UHJvbWlzZTx7IGhpdHM6IHZhbHVlLCBoZWFsdGg6IHt2YWx1ZSwgY2xpY2thYmxlfSwgc3Vic2NyaWJlcnM6IHt2YWx1ZSwgY2xpY2thYmxlPywgdGl0bGU/fSB9Pn0gbWV0cmljcyAtIE1ldHJpY3MuXG4gKiBAYXR0ciB7UmF0aW5nU3VtbWFyeX0gcmF0aW5nIC0gUmF0aW5ncyBvZiBhbiBBUEkuXG4gKi9cbmV4cG9ydCBjbGFzcyBHdk1ldHJpY3MgZXh0ZW5kcyB3aXRoU2tlbGV0b25BdHRyaWJ1dGUoTGl0RWxlbWVudCkge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG1ldHJpY3M6IHsgdHlwZTogT2JqZWN0IH0sXG4gICAgICBfbWV0cmljczogeyB0eXBlOiBPYmplY3QsIGF0dHJpYnV0ZTogZmFsc2UgfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC4uLnN1cGVyLnN0eWxlcyxcbiAgICAgIGxpbmssXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDI1cHg7XG4gICAgICAgICAgbWluLXdpZHRoOiAyNXB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdCA+ICoge1xuICAgICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX3NrZWxldG9uQXR0cmlidXRlID0gJ21ldHJpY3MnO1xuICAgIHRoaXMuc2tlbGV0b24gPSBmYWxzZTtcbiAgICB0aGlzLl9lcnJvciA9IGZhbHNlO1xuICAgIHRoaXMuX2VtcHR5ID0gZmFsc2U7XG4gIH1cblxuICBfaXNDbGlja2FibGUobWV0cmljTmFtZSkge1xuICAgIGlmICh0aGlzLl9tZXRyaWNzICYmIHR5cGVvZiB0aGlzLl9tZXRyaWNzW21ldHJpY05hbWVdID09PSAnb2JqZWN0Jykge1xuICAgICAgcmV0dXJuIHRoaXMuX21ldHJpY3NbbWV0cmljTmFtZV0uY2xpY2thYmxlO1xuICAgIH1cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBfZ2V0VmFsdWUobWV0cmljKSB7XG4gICAgaWYgKHR5cGVvZiBtZXRyaWMgPT09ICdvYmplY3QnKSB7XG4gICAgICByZXR1cm4gbWV0cmljLnZhbHVlO1xuICAgIH1cbiAgICByZXR1cm4gbWV0cmljO1xuICB9XG5cbiAgX2dldFN1YnNjcmliZXJzKCkge1xuICAgIGlmICh0aGlzLl9tZXRyaWNzKSB7XG4gICAgICByZXR1cm4gdGhpcy5fZ2V0VmFsdWUodGhpcy5fbWV0cmljcy5zdWJzY3JpYmVycyk7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgX2dldEhpdHMoKSB7XG4gICAgaWYgKHRoaXMuX21ldHJpY3MpIHtcbiAgICAgIHJldHVybiB0aGlzLl9nZXRWYWx1ZSh0aGlzLl9tZXRyaWNzLmhpdHMpO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIF9nZXRIZWFsdGgoKSB7XG4gICAgaWYgKHRoaXMuX21ldHJpY3MpIHtcbiAgICAgIGNvbnN0IGhlYWx0aCA9IHRoaXMuX2dldFZhbHVlKHRoaXMuX21ldHJpY3MuaGVhbHRoKTtcbiAgICAgIHJldHVybiAhaXNOYU4oaGVhbHRoKVxuICAgICAgICA/IEludGwuTnVtYmVyRm9ybWF0LmNhbGwodGhpcywgbmF2aWdhdG9yLmxhbmd1YWdlLCB7XG4gICAgICAgICAgICBzdHlsZTogJ3BlcmNlbnQnLFxuICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiAyLFxuICAgICAgICAgIH0pLmZvcm1hdChoZWFsdGgpXG4gICAgICAgIDogJyc7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgX2dldFRpdGxlKG1ldHJpY05hbWUpIHtcbiAgICBpZiAodGhpcy5fbWV0cmljcyAmJiB0eXBlb2YgdGhpcy5fbWV0cmljc1ttZXRyaWNOYW1lXSA9PT0gJ29iamVjdCcpIHtcbiAgICAgIHJldHVybiB0aGlzLl9tZXRyaWNzW21ldHJpY05hbWVdLnRpdGxlO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIF9vbkNsaWNrKGtleSkge1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2NsaWNrJywgeyBrZXkgfSk7XG4gIH1cblxuICBfcmVuZGVyTWV0cmljKGtleSwgaWNvbiwgbmFtZSwgdmFsdWUpIHtcbiAgICBjb25zdCBjbGlja2FibGUgPSB0aGlzLl9pc0NsaWNrYWJsZShrZXkpO1xuICAgIHJldHVybiB2YWx1ZSB8fCB0aGlzLl9za2VsZXRvblxuICAgICAgPyBodG1sYDxndi1tZXRyaWNcbiAgICAgICAgICBAY2xpY2s9XCIke2NsaWNrYWJsZSA/IHRoaXMuX29uQ2xpY2suYmluZCh0aGlzLCBrZXkpIDogbnVsbH1cIlxuICAgICAgICAgIC5za2VsZXRvbj1cIiR7dGhpcy5fc2tlbGV0b259XCJcbiAgICAgICAgICBpY29uPVwiJHtpY29ufVwiXG4gICAgICAgICAgbmFtZT1cIiR7bmFtZX1cIlxuICAgICAgICAgIHZhbHVlPVwiJHt2YWx1ZX1cIlxuICAgICAgICAgIGNsYXNzPVwiJHtjbGFzc01hcCh7IGxpbms6IGNsaWNrYWJsZSB9KX1cIlxuICAgICAgICAgIHRpdGxlPVwiJHtpZkRlZmluZWQodGhpcy5fZ2V0VGl0bGUoa2V5KSl9XCJcbiAgICAgICAgPjwvZ3YtbWV0cmljPmBcbiAgICAgIDogaHRtbGBgO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGlmICh0aGlzLl9lcnJvcikge1xuICAgICAgcmV0dXJuIGh0bWxgPGRpdiBjbGFzcz1cImVycm9yXCI+JHtpMThuKCdndi1tZXRyaWNzLmVycm9yJyl9PC9kaXY+YDtcbiAgICB9XG5cbiAgICBjb25zdCBzdWJzY3JpYmVycyA9IHRoaXMuX2dldFN1YnNjcmliZXJzKCk7XG4gICAgY29uc3QgaGl0cyA9IHRoaXMuX2dldEhpdHMoKTtcbiAgICBjb25zdCBoZWFsdGggPSB0aGlzLl9nZXRIZWFsdGgoKTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgJHt0aGlzLl9yZW5kZXJNZXRyaWMoJ3N1YnNjcmliZXJzJywgJ2NvbW11bmljYXRpb246Z3JvdXAnLCBpMThuKCdndi1tZXRyaWNzLnN1YnNjcmliZXJzJywgeyBjb3VudDogc3Vic2NyaWJlcnMgfSksIHN1YnNjcmliZXJzKX1cbiAgICAgICR7dGhpcy5fcmVuZGVyTWV0cmljKCdoaXRzJywgJ2dlbmVyYWw6Y3Vyc29yJywgaTE4bignZ3YtbWV0cmljcy5oaXRzJywgeyBjb3VudDogaGl0cyB9KSwgaGl0cyl9XG4gICAgICAke3RoaXMuX3JlbmRlck1ldHJpYygnaGVhbHRoJywgJ2dlbmVyYWw6aGVhcnQnLCBpMThuKCdndi1tZXRyaWNzLmhlYWx0aCcpLCBoZWFsdGgpfVxuICAgICAgPHNsb3Q+PC9zbG90PlxuICAgIGA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtbWV0cmljcycsIEd2TWV0cmljcyk7XG4iXX0=