@gravitee/ui-components 3.25.3 → 3.25.4-yarn-d0ed047

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

@@ -31,95 +31,110 @@ 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
-      }
-    };
-  }
-
-  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))}`];
-  }
-
-  _onError() {
-    this._error = true;
-  }
-
-  _toNumber(size) {
-    return parseInt(size.replace('px', ''), 10);
-  }
-
-  _onLoaded() {
-    this._error = false;
-  }
-
-  _getMaxSize(width, height) {
-    return Math.min(this._toNumber(width), this._toNumber(height));
-  }
-
-  updated(properties) {
-    if (properties.has('picture')) {
-      this._error = false;
+    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 },
+        };
     }
-  }
-
-  render() {
-    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'
-      });
-
-      if (this.notification) {
-        const notification = document.createElement('span');
-        notification.className = 'notification';
-        notification.style.left = width;
-        container.appendChild(notification);
-      }
-
-      return html`${container}`;
+    static get styles() {
+        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() {
+        this._error = true;
+    }
+    _toNumber(size) {
+        return parseInt(size.replace('px', ''), 10);
+    }
+    _onLoaded() {
+        this._error = false;
+    }
+    _getMaxSize(width, height) {
+        return Math.min(this._toNumber(width), this._toNumber(height));
+    }
+    updated(properties) {
+        if (properties.has('picture')) {
+            this._error = false;
+        }
+    }
+    render() {
+        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' });
+            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
+//# sourceMappingURL=gv-identity-picture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gv-identity-picture.js","sourceRoot":"","sources":["../../../src/molecules/gv-identity-picture.js"],"names":[],"mappings":"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"}

package/src/molecules/gv-list.d.ts

@@ -0,0 +1,124 @@
+declare const GvList_base: {
+    new (): {
+        [x: string]: any;
+        _invisible: boolean;
+        _skeleton: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    [x: string]: any;
+    readonly properties: {
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};
+/**
+ * Connected Applications component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-list:click - Click event from an element of the list
+ *
+ * @attr {Promise<Array<{Object}>>} items - a list of item.
+ * @attr {String} title - title of the list.
+ * @attr {Boolean} clickable - true if gv-list element can be clickable.
+ *
+ * @cssprop {Color} [--gv-list--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Length} [--gv-list-icon--s=20px] - Height and icon width
+ * @cssprop {Length} [--gv-list-image--h=40px] - Image height
+ * @cssprop {Length} [--gv-list-image--w=40px] - Image width
+ */
+export class GvList extends GvList_base {
+    static get properties(): {
+        items: {
+            type: ObjectConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+        _items: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        length: number;
+        toString(): string;
+        toLocaleString(): string;
+        pop(): import("lit").CSSResult | undefined;
+        push(...items: import("lit").CSSResult[]): number;
+        concat(...items: ConcatArray<import("lit").CSSResult>[]): import("lit").CSSResult[];
+        concat(...items: (import("lit").CSSResult | ConcatArray<import("lit").CSSResult>)[]): import("lit").CSSResult[];
+        join(separator?: string | undefined): string;
+        reverse(): import("lit").CSSResult[];
+        shift(): import("lit").CSSResult | undefined;
+        slice(start?: number | undefined, end?: number | undefined): import("lit").CSSResult[];
+        sort(compareFn?: ((a: import("lit").CSSResult, b: import("lit").CSSResult) => number) | undefined): import("lit").CSSResult[];
+        splice(start: number, deleteCount?: number | undefined): import("lit").CSSResult[];
+        splice(start: number, deleteCount: number, ...items: import("lit").CSSResult[]): import("lit").CSSResult[];
+        unshift(...items: import("lit").CSSResult[]): number;
+        indexOf(searchElement: import("lit").CSSResult, fromIndex?: number | undefined): number;
+        lastIndexOf(searchElement: import("lit").CSSResult, fromIndex?: number | undefined): number;
+        every<S extends import("lit").CSSResult>(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => value is S, thisArg?: any): this is S[];
+        every(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => unknown, thisArg?: any): boolean;
+        some(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => unknown, thisArg?: any): boolean;
+        forEach(callbackfn: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => void, thisArg?: any): void;
+        map<U>(callbackfn: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => U, thisArg?: any): U[];
+        filter<S_1 extends import("lit").CSSResult>(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => value is S_1, thisArg?: any): S_1[];
+        filter(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => unknown, thisArg?: any): import("lit").CSSResult[];
+        reduce(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult): import("lit").CSSResult;
+        reduce(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult, initialValue: import("lit").CSSResult): import("lit").CSSResult;
+        reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => U_1, initialValue: U_1): U_1;
+        reduceRight(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult): import("lit").CSSResult;
+        reduceRight(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult, initialValue: import("lit").CSSResult): import("lit").CSSResult;
+        reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => U_2, initialValue: U_2): U_2;
+        find<S_2 extends import("lit").CSSResult>(predicate: (this: void, value: import("lit").CSSResult, index: number, obj: import("lit").CSSResult[]) => value is S_2, thisArg?: any): S_2 | undefined;
+        find(predicate: (value: import("lit").CSSResult, index: number, obj: import("lit").CSSResult[]) => unknown, thisArg?: any): import("lit").CSSResult | undefined;
+        findIndex(predicate: (value: import("lit").CSSResult, index: number, obj: import("lit").CSSResult[]) => unknown, thisArg?: any): number;
+        fill(value: import("lit").CSSResult, start?: number | undefined, end?: number | undefined): import("lit").CSSResult[];
+        copyWithin(target: number, start: number, end?: number | undefined): import("lit").CSSResult[];
+        entries(): IterableIterator<[number, import("lit").CSSResult]>;
+        keys(): IterableIterator<number>;
+        values(): IterableIterator<import("lit").CSSResult>;
+        includes(searchElement: import("lit").CSSResult, fromIndex?: number | undefined): boolean;
+        flatMap<U_3, This = undefined>(callback: (this: This, value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => U_3 | readonly U_3[], thisArg?: This | undefined): U_3[];
+        flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
+        [Symbol.iterator](): IterableIterator<import("lit").CSSResult>;
+        [Symbol.unscopables](): {
+            copyWithin: boolean;
+            entries: boolean;
+            fill: boolean;
+            find: boolean;
+            findIndex: boolean;
+            keys: boolean;
+            values: boolean;
+        };
+        at(index: number): import("lit").CSSResult | undefined;
+    };
+    _skeletonAttribute: string;
+    _onClick(item: any): void;
+    _renderImage(item: any): import("lit-html").TemplateResult<1>;
+    _renderStatus(subscriptions: any): "" | import("lit-html").TemplateResult<1>;
+    _renderItem(item: any): import("lit-html").TemplateResult<1>;
+    _renderItems(): "" | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/molecules/gv-list.js

@@ -39,97 +39,177 @@ 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
-      }
-    };
-  }
-
-  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}`];
-  }
-
-  constructor() {
-    super();
-    this._skeletonAttribute = 'items';
-  }
-
-  _onClick(item) {
-    dispatchCustomEvent(this, 'click', item);
-  }
-
-  _renderImage(item) {
-    return html`<gv-identity-picture .picture="${getPicture(item)}" .display_name="${getPictureDisplayName(item)}"></gv-identity-picture>`;
-  }
-
-  _renderStatus(subscriptions) {
-    if (subscriptions) {
-      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');
-
-      if (pending.length > 0) {
-        return html` <gv-icon title="${i18n('gv-list.pending')}" shape="home:timer"></gv-icon>`;
-      }
+    static get properties() {
+        return {
+            ...super.styles,
+            items: { type: Object },
+            title: { type: String },
+            clickable: { type: Boolean },
+            _items: { type: Object, attribute: false },
+        };
     }
-
-    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> `;
+    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, #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;
+        }
+      `,
+        ];
     }
-
-    return html`<p>xxxx-xxxx-xxxx-xxxx</p>`;
-  }
-
-  _renderItems() {
-    if (this._empty && !this._skeleton) {
-      return '';
+    constructor() {
+        super();
+        this._skeletonAttribute = 'items';
     }
-
-    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> `;
+    _onClick(item) {
+        dispatchCustomEvent(this, 'click', item);
+    }
+    _renderImage(item) {
+        return html `<gv-identity-picture .picture="${getPicture(item)}" .display_name="${getPictureDisplayName(item)}"></gv-identity-picture>`;
+    }
+    _renderStatus(subscriptions) {
+        if (subscriptions) {
+            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');
+            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 `<p>xxxx-xxxx-xxxx-xxxx</p>`;
+    }
+    _renderItems() {
+        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">
+        <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> `;
     }
-
-    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==
+//# sourceMappingURL=gv-list.js.map

package/src/molecules/gv-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-list.js","sourceRoot":"","sources":["../../../src/molecules/gv-list.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,MAAO,SAAQ,qBAAqB,CAAC,UAAU,CAAC;IAC3D,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC5B,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;SAC3C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,IAAI;YACJ,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgFF;SACF,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC;IACpC,CAAC;IAED,QAAQ,CAAC,IAAI;QACX,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,YAAY,CAAC,IAAI;QACf,OAAO,IAAI,CAAA,kCAAkC,UAAU,CAAC,IAAI,CAAC,oBAAoB,qBAAqB,CAAC,IAAI,CAAC,0BAA0B,CAAC;IACzI,CAAC;IAED,aAAa,CAAC,aAAa;QACzB,IAAI,aAAa,EAAE;YACjB,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,CAAC;YACpF,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBACrB,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;aACzF;YACD,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,CAAC;YACtF,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBACtB,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,iBAAiB,CAAC,iCAAiC,CAAC;aACzF;SACF;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,WAAW,CAAC,IAAI;QACd,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;mCACkB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;oCAE3B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,UAAU,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;2CAC/E,IAAI,CAAC,IAAI,CAAC,WAAW;;OAEzD,CAAC;SACH;QACD,OAAO,IAAI,CAAA,4BAA4B,CAAC;IAC1C,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YAClC,OAAO,EAAE,CAAC;SACX;QACD,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAA;;;;wCAIuB,IAAI,CAAC,WAAW,EAAE;wCAClB,IAAI,CAAC,WAAW,EAAE;;;OAGnD,CAAC;SACH;QACD,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,UAAU,IAAI,CAAC,MAAM,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,EAAE;;YAEzH,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,MAAM,CACJ,IAAI,CAAC,MAAM,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACd,CAAC,IAAI,EAAE,EAAE;gBACP,IAAI,IAAI,CAAC,SAAS,EAAE;oBAClB,OAAO,IAAI,CAAA,cAAc,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aAAa,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;wBACpG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;0BACpB,CAAC;iBACR;qBAAM;oBACL,OAAO,IAAI,CAAA,cAAc,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;iBACrF;YACH,CAAC,CACF;YACH,CAAC,CAAC,EAAE;;;KAGX,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,SAAS,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC3H,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC"}