@gravitee/ui-components 3.25.1 → 3.25.3-typescript-ad6021f

package/src/mixins/keyboard-element.js

@@ -21,8 +21,9 @@ export const KEYS = {
   Ctrl: '17',
   Esc: '27',
   Shift: '16',
-  Space: '32'
+  Space: '32',
 };
+
 export function KeyboardElement(ParentClass) {
   /**
    * @mixinClass
@@ -59,12 +60,10 @@ export function KeyboardElement(ParentClass) {
     }
 
     isPressed(...keys) {
-      return keys.find(key => this._controller[key] == null) == null;
-    } // abstract
-
+      return keys.find((key) => this._controller[key] == null) == null;
+    }
 
+    // abstract
     onKeyboard(controller) {}
-
   };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy9rZXlib2FyZC1lbGVtZW50LmpzIl0sIm5hbWVzIjpbIktFWVMiLCJBcnJvd0Rvd24iLCJBcnJvd0xlZnQiLCJBcnJvd1JpZ2h0IiwiQXJyb3dVcCIsIkN0cmwiLCJFc2MiLCJTaGlmdCIsIlNwYWNlIiwiS2V5Ym9hcmRFbGVtZW50IiwiUGFyZW50Q2xhc3MiLCJjb25zdHJ1Y3RvciIsIl9jb250cm9sbGVyIiwiX2hhbmRsZUtleURvd24iLCJfb25LZXlEb3duIiwiYmluZCIsIl9oYW5kbGVLZXlVcCIsIl9vbktleVVwIiwiY29ubmVjdGVkQ2FsbGJhY2siLCJ3aW5kb3ciLCJhZGRFdmVudExpc3RlbmVyIiwiZGlzY29ubmVjdGVkQ2FsbGJhY2siLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiZSIsImtleUNvZGUiLCJvbktleWJvYXJkIiwiaXNQcmVzc2VkIiwia2V5cyIsImZpbmQiLCJrZXkiLCJjb250cm9sbGVyIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLE1BQU1BLElBQUksR0FBRztBQUNsQkMsRUFBQUEsU0FBUyxFQUFFLElBRE87QUFFbEJDLEVBQUFBLFNBQVMsRUFBRSxJQUZPO0FBR2xCQyxFQUFBQSxVQUFVLEVBQUUsSUFITTtBQUlsQkMsRUFBQUEsT0FBTyxFQUFFLElBSlM7QUFLbEJDLEVBQUFBLElBQUksRUFBRSxJQUxZO0FBTWxCQyxFQUFBQSxHQUFHLEVBQUUsSUFOYTtBQU9sQkMsRUFBQUEsS0FBSyxFQUFFLElBUFc7QUFRbEJDLEVBQUFBLEtBQUssRUFBRTtBQVJXLENBQWI7QUFXUCxPQUFPLFNBQVNDLGVBQVQsQ0FBeUJDLFdBQXpCLEVBQXNDO0FBQzNDO0FBQ0Y7QUFDQTtBQUNFLFNBQU8sY0FBY0EsV0FBZCxDQUEwQjtBQUMvQkMsSUFBQUEsV0FBVyxHQUFHO0FBQ1o7QUFDQSxXQUFLQyxXQUFMLEdBQW1CLEVBQW5CO0FBQ0EsV0FBS0MsY0FBTCxHQUFzQixLQUFLQyxVQUFMLENBQWdCQyxJQUFoQixDQUFxQixJQUFyQixDQUF0QjtBQUNBLFdBQUtDLFlBQUwsR0FBb0IsS0FBS0MsUUFBTCxDQUFjRixJQUFkLENBQW1CLElBQW5CLENBQXBCO0FBQ0Q7O0FBRURHLElBQUFBLGlCQUFpQixHQUFHO0FBQ2xCLFlBQU1BLGlCQUFOO0FBQ0FDLE1BQUFBLE1BQU0sQ0FBQ0MsZ0JBQVAsQ0FBd0IsU0FBeEIsRUFBbUMsS0FBS1AsY0FBeEM7QUFDQU0sTUFBQUEsTUFBTSxDQUFDQyxnQkFBUCxDQUF3QixPQUF4QixFQUFpQyxLQUFLSixZQUF0QztBQUNEOztBQUVESyxJQUFBQSxvQkFBb0IsR0FBRztBQUNyQkYsTUFBQUEsTUFBTSxDQUFDRyxtQkFBUCxDQUEyQixTQUEzQixFQUFzQyxLQUFLVCxjQUEzQztBQUNBTSxNQUFBQSxNQUFNLENBQUNHLG1CQUFQLENBQTJCLE9BQTNCLEVBQW9DLEtBQUtOLFlBQXpDO0FBQ0EsWUFBTUssb0JBQU47QUFDRDs7QUFFRFAsSUFBQUEsVUFBVSxDQUFDUyxDQUFELEVBQUk7QUFDWixXQUFLWCxXQUFMLENBQWlCVyxDQUFDLENBQUNDLE9BQW5CLElBQThCLElBQTlCO0FBQ0EsV0FBS0MsVUFBTCxDQUFnQixLQUFLYixXQUFyQjtBQUNEOztBQUVESyxJQUFBQSxRQUFRLENBQUNNLENBQUQsRUFBSTtBQUNWLFVBQUksS0FBS1gsV0FBTCxDQUFpQlcsQ0FBQyxDQUFDQyxPQUFuQixDQUFKLEVBQWlDO0FBQy9CLGFBQUtaLFdBQUwsQ0FBaUJXLENBQUMsQ0FBQ0MsT0FBbkIsSUFBOEIsSUFBOUI7QUFDRDtBQUNGOztBQUVERSxJQUFBQSxTQUFTLENBQUMsR0FBR0MsSUFBSixFQUFVO0FBQ2pCLGFBQU9BLElBQUksQ0FBQ0MsSUFBTCxDQUFXQyxHQUFELElBQVMsS0FBS2pCLFdBQUwsQ0FBaUJpQixHQUFqQixLQUF5QixJQUE1QyxLQUFxRCxJQUE1RDtBQUNELEtBakM4QixDQW1DL0I7OztBQUNBSixJQUFBQSxVQUFVLENBQUNLLFVBQUQsRUFBYSxDQUFFOztBQXBDTSxHQUFqQztBQXNDRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5leHBvcnQgY29uc3QgS0VZUyA9IHtcbiAgQXJyb3dEb3duOiAnNDAnLFxuICBBcnJvd0xlZnQ6ICczNycsXG4gIEFycm93UmlnaHQ6ICczOScsXG4gIEFycm93VXA6ICczOCcsXG4gIEN0cmw6ICcxNycsXG4gIEVzYzogJzI3JyxcbiAgU2hpZnQ6ICcxNicsXG4gIFNwYWNlOiAnMzInLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEtleWJvYXJkRWxlbWVudChQYXJlbnRDbGFzcykge1xuICAvKipcbiAgICogQG1peGluQ2xhc3NcbiAgICovXG4gIHJldHVybiBjbGFzcyBleHRlbmRzIFBhcmVudENsYXNzIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgIHN1cGVyKCk7XG4gICAgICB0aGlzLl9jb250cm9sbGVyID0ge307XG4gICAgICB0aGlzLl9oYW5kbGVLZXlEb3duID0gdGhpcy5fb25LZXlEb3duLmJpbmQodGhpcyk7XG4gICAgICB0aGlzLl9oYW5kbGVLZXlVcCA9IHRoaXMuX29uS2V5VXAuYmluZCh0aGlzKTtcbiAgICB9XG5cbiAgICBjb25uZWN0ZWRDYWxsYmFjaygpIHtcbiAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIHRoaXMuX2hhbmRsZUtleURvd24pO1xuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgdGhpcy5faGFuZGxlS2V5VXApO1xuICAgIH1cblxuICAgIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLl9oYW5kbGVLZXlEb3duKTtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXl1cCcsIHRoaXMuX2hhbmRsZUtleVVwKTtcbiAgICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgfVxuXG4gICAgX29uS2V5RG93bihlKSB7XG4gICAgICB0aGlzLl9jb250cm9sbGVyW2Uua2V5Q29kZV0gPSB0cnVlO1xuICAgICAgdGhpcy5vbktleWJvYXJkKHRoaXMuX2NvbnRyb2xsZXIpO1xuICAgIH1cblxuICAgIF9vbktleVVwKGUpIHtcbiAgICAgIGlmICh0aGlzLl9jb250cm9sbGVyW2Uua2V5Q29kZV0pIHtcbiAgICAgICAgdGhpcy5fY29udHJvbGxlcltlLmtleUNvZGVdID0gbnVsbDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpc1ByZXNzZWQoLi4ua2V5cykge1xuICAgICAgcmV0dXJuIGtleXMuZmluZCgoa2V5KSA9PiB0aGlzLl9jb250cm9sbGVyW2tleV0gPT0gbnVsbCkgPT0gbnVsbDtcbiAgICB9XG5cbiAgICAvLyBhYnN0cmFjdFxuICAgIG9uS2V5Ym9hcmQoY29udHJvbGxlcikge31cbiAgfTtcbn1cbiJdfQ==

package/src/mixins/update-after-browser.js

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /**
  * This is a mixin for update component after browser
  * @mixinFunction
@@ -24,10 +23,8 @@ export function UpdateAfterBrowser(ParentClass) {
    */
   return class extends ParentClass {
     async performUpdate() {
-      await new Promise(resolve => requestAnimationFrame(() => resolve()));
+      await new Promise((resolve) => requestAnimationFrame(() => resolve()));
       super.performUpdate();
     }
-
   };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy91cGRhdGUtYWZ0ZXItYnJvd3Nlci5qcyJdLCJuYW1lcyI6WyJVcGRhdGVBZnRlckJyb3dzZXIiLCJQYXJlbnRDbGFzcyIsInBlcmZvcm1VcGRhdGUiLCJQcm9taXNlIiwicmVzb2x2ZSIsInJlcXVlc3RBbmltYXRpb25GcmFtZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFTQSxrQkFBVCxDQUE0QkMsV0FBNUIsRUFBeUM7QUFDOUM7QUFDRjtBQUNBO0FBQ0UsU0FBTyxjQUFjQSxXQUFkLENBQTBCO0FBQ1osVUFBYkMsYUFBYSxHQUFHO0FBQ3BCLFlBQU0sSUFBSUMsT0FBSixDQUFhQyxPQUFELElBQWFDLHFCQUFxQixDQUFDLE1BQU1ELE9BQU8sRUFBZCxDQUE5QyxDQUFOO0FBQ0EsWUFBTUYsYUFBTjtBQUNEOztBQUo4QixHQUFqQztBQU1EIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAyMSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKlxuICogVGhpcyBpcyBhIG1peGluIGZvciB1cGRhdGUgY29tcG9uZW50IGFmdGVyIGJyb3dzZXJcbiAqIEBtaXhpbkZ1bmN0aW9uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBVcGRhdGVBZnRlckJyb3dzZXIoUGFyZW50Q2xhc3MpIHtcbiAgLyoqXG4gICAqIEBtaXhpbkNsYXNzXG4gICAqL1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBQYXJlbnRDbGFzcyB7XG4gICAgYXN5bmMgcGVyZm9ybVVwZGF0ZSgpIHtcbiAgICAgIGF3YWl0IG5ldyBQcm9taXNlKChyZXNvbHZlKSA9PiByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gcmVzb2x2ZSgpKSk7XG4gICAgICBzdXBlci5wZXJmb3JtVXBkYXRlKCk7XG4gICAgfVxuICB9O1xufVxuIl19

package/src/mixins/with-resize-observer.js

@@ -15,21 +15,21 @@
  */
 export function withResizeObserver(ParentClass) {
   // Load native impl or polyfill (without poluting global scope)
-  const ResizeObserverPromise = 'ResizeObserver' in window ? Promise.resolve(window.ResizeObserver) : import('resize-observer-polyfill/dist/ResizeObserver.es.js').then(mod => mod.default);
+  const ResizeObserverPromise =
+    'ResizeObserver' in window
+      ? Promise.resolve(window.ResizeObserver)
+      : import('resize-observer-polyfill/dist/ResizeObserver.es.js').then((mod) => mod.default);
+
   return class extends ParentClass {
-    _onResize({
-      width
-    }) {
+    _onResize({ width }) {
       if (this.onResize != null) {
-        this.onResize({
-          width
-        });
+        this.onResize({ width });
       }
-
       if (this.breakpoints != null) {
-        this.breakpoints.width.forEach(breakpoint => {
+        this.breakpoints.width.forEach((breakpoint) => {
           const gteAttr = 'w-gte-' + breakpoint;
           breakpoint <= width ? this.setAttribute(gteAttr, '') : this.removeAttribute(gteAttr);
+
           const ltAttr = 'w-lt-' + breakpoint;
           width < breakpoint ? this.setAttribute(ltAttr, '') : this.removeAttribute(ltAttr);
         });
@@ -40,26 +40,19 @@ export function withResizeObserver(ParentClass) {
       if (super.connectedCallback != null) {
         super.connectedCallback();
       }
-
       const ResizeObserver = await ResizeObserverPromise;
-      const ro = new ResizeObserver(entries => {
+      const ro = new ResizeObserver((entries) => {
         // We wrap it in requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
         window.requestAnimationFrame(() => {
           if (!Array.isArray(entries) || !entries.length) {
             return;
           }
-
-          const {
-            width
-          } = this.getBoundingClientRect();
-
-          this._onResize({
-            width
-          });
+          const { width } = this.getBoundingClientRect();
+          this._onResize({ width });
         });
       });
-      ro.observe(this);
 
+      ro.observe(this);
       this._unobserveResize = () => ro.unobserve(this);
     }
 
@@ -67,12 +60,9 @@ export function withResizeObserver(ParentClass) {
       if (super.connectedCallback != null) {
         super.disconnectedCallback();
       }
-
       if (this._unobserveResize) {
         this._unobserveResize();
       }
     }
-
   };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy93aXRoLXJlc2l6ZS1vYnNlcnZlci5qcyJdLCJuYW1lcyI6WyJ3aXRoUmVzaXplT2JzZXJ2ZXIiLCJQYXJlbnRDbGFzcyIsIlJlc2l6ZU9ic2VydmVyUHJvbWlzZSIsIndpbmRvdyIsIlByb21pc2UiLCJyZXNvbHZlIiwiUmVzaXplT2JzZXJ2ZXIiLCJ0aGVuIiwibW9kIiwiZGVmYXVsdCIsIl9vblJlc2l6ZSIsIndpZHRoIiwib25SZXNpemUiLCJicmVha3BvaW50cyIsImZvckVhY2giLCJicmVha3BvaW50IiwiZ3RlQXR0ciIsInNldEF0dHJpYnV0ZSIsInJlbW92ZUF0dHJpYnV0ZSIsImx0QXR0ciIsImNvbm5lY3RlZENhbGxiYWNrIiwicm8iLCJlbnRyaWVzIiwicmVxdWVzdEFuaW1hdGlvbkZyYW1lIiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0Iiwib2JzZXJ2ZSIsIl91bm9ic2VydmVSZXNpemUiLCJ1bm9ic2VydmUiLCJkaXNjb25uZWN0ZWRDYWxsYmFjayJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFTQSxrQkFBVCxDQUE0QkMsV0FBNUIsRUFBeUM7QUFDOUM7QUFDQSxRQUFNQyxxQkFBcUIsR0FDekIsb0JBQW9CQyxNQUFwQixHQUNJQyxPQUFPLENBQUNDLE9BQVIsQ0FBZ0JGLE1BQU0sQ0FBQ0csY0FBdkIsQ0FESixHQUVJLE9BQU8sb0RBQVAsRUFBNkRDLElBQTdELENBQW1FQyxHQUFELElBQVNBLEdBQUcsQ0FBQ0MsT0FBL0UsQ0FITjtBQUtBLFNBQU8sY0FBY1IsV0FBZCxDQUEwQjtBQUMvQlMsSUFBQUEsU0FBUyxDQUFDO0FBQUVDLE1BQUFBO0FBQUYsS0FBRCxFQUFZO0FBQ25CLFVBQUksS0FBS0MsUUFBTCxJQUFpQixJQUFyQixFQUEyQjtBQUN6QixhQUFLQSxRQUFMLENBQWM7QUFBRUQsVUFBQUE7QUFBRixTQUFkO0FBQ0Q7O0FBQ0QsVUFBSSxLQUFLRSxXQUFMLElBQW9CLElBQXhCLEVBQThCO0FBQzVCLGFBQUtBLFdBQUwsQ0FBaUJGLEtBQWpCLENBQXVCRyxPQUF2QixDQUFnQ0MsVUFBRCxJQUFnQjtBQUM3QyxnQkFBTUMsT0FBTyxHQUFHLFdBQVdELFVBQTNCO0FBQ0FBLFVBQUFBLFVBQVUsSUFBSUosS0FBZCxHQUFzQixLQUFLTSxZQUFMLENBQWtCRCxPQUFsQixFQUEyQixFQUEzQixDQUF0QixHQUF1RCxLQUFLRSxlQUFMLENBQXFCRixPQUFyQixDQUF2RDtBQUVBLGdCQUFNRyxNQUFNLEdBQUcsVUFBVUosVUFBekI7QUFDQUosVUFBQUEsS0FBSyxHQUFHSSxVQUFSLEdBQXFCLEtBQUtFLFlBQUwsQ0FBa0JFLE1BQWxCLEVBQTBCLEVBQTFCLENBQXJCLEdBQXFELEtBQUtELGVBQUwsQ0FBcUJDLE1BQXJCLENBQXJEO0FBQ0QsU0FORDtBQU9EO0FBQ0Y7O0FBRXNCLFVBQWpCQyxpQkFBaUIsR0FBRztBQUN4QixVQUFJLE1BQU1BLGlCQUFOLElBQTJCLElBQS9CLEVBQXFDO0FBQ25DLGNBQU1BLGlCQUFOO0FBQ0Q7O0FBQ0QsWUFBTWQsY0FBYyxHQUFHLE1BQU1KLHFCQUE3QjtBQUNBLFlBQU1tQixFQUFFLEdBQUcsSUFBSWYsY0FBSixDQUFvQmdCLE9BQUQsSUFBYTtBQUN6QztBQUNBbkIsUUFBQUEsTUFBTSxDQUFDb0IscUJBQVAsQ0FBNkIsTUFBTTtBQUNqQyxjQUFJLENBQUNDLEtBQUssQ0FBQ0MsT0FBTixDQUFjSCxPQUFkLENBQUQsSUFBMkIsQ0FBQ0EsT0FBTyxDQUFDSSxNQUF4QyxFQUFnRDtBQUM5QztBQUNEOztBQUNELGdCQUFNO0FBQUVmLFlBQUFBO0FBQUYsY0FBWSxLQUFLZ0IscUJBQUwsRUFBbEI7O0FBQ0EsZUFBS2pCLFNBQUwsQ0FBZTtBQUFFQyxZQUFBQTtBQUFGLFdBQWY7QUFDRCxTQU5EO0FBT0QsT0FUVSxDQUFYO0FBV0FVLE1BQUFBLEVBQUUsQ0FBQ08sT0FBSCxDQUFXLElBQVg7O0FBQ0EsV0FBS0MsZ0JBQUwsR0FBd0IsTUFBTVIsRUFBRSxDQUFDUyxTQUFILENBQWEsSUFBYixDQUE5QjtBQUNEOztBQUVEQyxJQUFBQSxvQkFBb0IsR0FBRztBQUNyQixVQUFJLE1BQU1YLGlCQUFOLElBQTJCLElBQS9CLEVBQXFDO0FBQ25DLGNBQU1XLG9CQUFOO0FBQ0Q7O0FBQ0QsVUFBSSxLQUFLRixnQkFBVCxFQUEyQjtBQUN6QixhQUFLQSxnQkFBTDtBQUNEO0FBQ0Y7O0FBM0M4QixHQUFqQztBQTZDRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5leHBvcnQgZnVuY3Rpb24gd2l0aFJlc2l6ZU9ic2VydmVyKFBhcmVudENsYXNzKSB7XG4gIC8vIExvYWQgbmF0aXZlIGltcGwgb3IgcG9seWZpbGwgKHdpdGhvdXQgcG9sdXRpbmcgZ2xvYmFsIHNjb3BlKVxuICBjb25zdCBSZXNpemVPYnNlcnZlclByb21pc2UgPVxuICAgICdSZXNpemVPYnNlcnZlcicgaW4gd2luZG93XG4gICAgICA/IFByb21pc2UucmVzb2x2ZSh3aW5kb3cuUmVzaXplT2JzZXJ2ZXIpXG4gICAgICA6IGltcG9ydCgncmVzaXplLW9ic2VydmVyLXBvbHlmaWxsL2Rpc3QvUmVzaXplT2JzZXJ2ZXIuZXMuanMnKS50aGVuKChtb2QpID0+IG1vZC5kZWZhdWx0KTtcblxuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBQYXJlbnRDbGFzcyB7XG4gICAgX29uUmVzaXplKHsgd2lkdGggfSkge1xuICAgICAgaWYgKHRoaXMub25SZXNpemUgIT0gbnVsbCkge1xuICAgICAgICB0aGlzLm9uUmVzaXplKHsgd2lkdGggfSk7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5icmVha3BvaW50cyAhPSBudWxsKSB7XG4gICAgICAgIHRoaXMuYnJlYWtwb2ludHMud2lkdGguZm9yRWFjaCgoYnJlYWtwb2ludCkgPT4ge1xuICAgICAgICAgIGNvbnN0IGd0ZUF0dHIgPSAndy1ndGUtJyArIGJyZWFrcG9pbnQ7XG4gICAgICAgICAgYnJlYWtwb2ludCA8PSB3aWR0aCA/IHRoaXMuc2V0QXR0cmlidXRlKGd0ZUF0dHIsICcnKSA6IHRoaXMucmVtb3ZlQXR0cmlidXRlKGd0ZUF0dHIpO1xuXG4gICAgICAgICAgY29uc3QgbHRBdHRyID0gJ3ctbHQtJyArIGJyZWFrcG9pbnQ7XG4gICAgICAgICAgd2lkdGggPCBicmVha3BvaW50ID8gdGhpcy5zZXRBdHRyaWJ1dGUobHRBdHRyLCAnJykgOiB0aGlzLnJlbW92ZUF0dHJpYnV0ZShsdEF0dHIpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBhc3luYyBjb25uZWN0ZWRDYWxsYmFjaygpIHtcbiAgICAgIGlmIChzdXBlci5jb25uZWN0ZWRDYWxsYmFjayAhPSBudWxsKSB7XG4gICAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB9XG4gICAgICBjb25zdCBSZXNpemVPYnNlcnZlciA9IGF3YWl0IFJlc2l6ZU9ic2VydmVyUHJvbWlzZTtcbiAgICAgIGNvbnN0IHJvID0gbmV3IFJlc2l6ZU9ic2VydmVyKChlbnRyaWVzKSA9PiB7XG4gICAgICAgIC8vIFdlIHdyYXAgaXQgaW4gcmVxdWVzdEFuaW1hdGlvbkZyYW1lIHRvIGF2b2lkIHRoaXMgZXJyb3IgLSBSZXNpemVPYnNlcnZlciBsb29wIGxpbWl0IGV4Y2VlZGVkXG4gICAgICAgIHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgICAgIGlmICghQXJyYXkuaXNBcnJheShlbnRyaWVzKSB8fCAhZW50cmllcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG4gICAgICAgICAgY29uc3QgeyB3aWR0aCB9ID0gdGhpcy5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICB0aGlzLl9vblJlc2l6ZSh7IHdpZHRoIH0pO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuXG4gICAgICByby5vYnNlcnZlKHRoaXMpO1xuICAgICAgdGhpcy5fdW5vYnNlcnZlUmVzaXplID0gKCkgPT4gcm8udW5vYnNlcnZlKHRoaXMpO1xuICAgIH1cblxuICAgIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgICAgaWYgKHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrICE9IG51bGwpIHtcbiAgICAgICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLl91bm9ic2VydmVSZXNpemUpIHtcbiAgICAgICAgdGhpcy5fdW5vYnNlcnZlUmVzaXplKCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19

package/src/mixins/with-skeleton-attribute.js

@@ -16,13 +16,14 @@
 import { css } from 'lit';
 import { skeleton } from '../styles/skeleton';
 import { empty } from '../styles/empty';
+
 const timeBeforeSkeleton = 500;
 const minimumTimeOfSkeleton = 1000;
+
 /**
  * This is a mixin for withSkeletonStates
  * @mixinFunction
  */
-
 export function withSkeletonAttribute(ParentClass) {
   /**
    * @mixinClass
@@ -31,28 +32,24 @@ export function withSkeletonAttribute(ParentClass) {
     static get properties() {
       return {
         /** @required */
-        _invisible: {
-          type: Boolean,
-          reflect: true
-        },
-        _skeleton: {
-          type: Boolean,
-          attribute: false
-        },
-        _error: {
-          type: Boolean,
-          attribute: false
-        },
-        _empty: {
-          type: Boolean,
-          attribute: false
-        }
+        _invisible: { type: Boolean, reflect: true },
+        _skeleton: { type: Boolean, attribute: false },
+        _error: { type: Boolean, attribute: false },
+        _empty: { type: Boolean, attribute: false },
       };
     }
 
     static get styles() {
-      return [skeleton, empty, // language=CSS
-      css`:host([_invisible]){visibility:hidden}`];
+      return [
+        skeleton,
+        empty,
+        // language=CSS
+        css`
+          :host([_invisible]) {
+            visibility: hidden;
+          }
+        `,
+      ];
     }
 
     constructor() {
@@ -74,45 +71,42 @@ export function withSkeletonAttribute(ParentClass) {
           this._skeleton = true;
           end = new Date().getTime();
         }, timeBeforeSkeleton);
-        const attribute = this[this._skeletonAttribute];
-        Promise.resolve(attribute).then(value => {
-          clearTimeout(timer);
-
-          if (end && end - start < minimumTimeOfSkeleton) {
-            setTimeout(() => {
-              this[this._skeletonAttribute] = value;
-            }, minimumTimeOfSkeleton - (end - start));
-          } else {
-            this._invisible = value === undefined;
-            this._skeleton = value === null;
 
-            if (value) {
-              if (Array.isArray(value)) {
-                this._empty = value.length === 0;
-              } else {
-                this._empty = Object.keys(value).length === 0;
+        const attribute = this[this._skeletonAttribute];
+        Promise.resolve(attribute)
+          .then((value) => {
+            clearTimeout(timer);
+            if (end && end - start < minimumTimeOfSkeleton) {
+              setTimeout(() => {
+                this[this._skeletonAttribute] = value;
+              }, minimumTimeOfSkeleton - (end - start));
+            } else {
+              this._invisible = value === undefined;
+              this._skeleton = value === null;
+              if (value) {
+                if (Array.isArray(value)) {
+                  this._empty = value.length === 0;
+                } else {
+                  this._empty = Object.keys(value).length === 0;
+                }
+                this[`_${this._skeletonAttribute}`] = value;
               }
-
-              this[`_${this._skeletonAttribute}`] = value;
             }
-          }
-        }).catch(err => {
-          clearTimeout(timer);
-
-          if (end && end - start < minimumTimeOfSkeleton) {
-            setTimeout(() => {
-              this[this._skeletonAttribute] = Promise.reject(err);
-            }, minimumTimeOfSkeleton - (end - start));
-          } else {
-            this._error = true;
-            this._skeleton = false;
-            this._empty = false;
-            this._invisible = false;
-          }
-        });
+          })
+          .catch((err) => {
+            clearTimeout(timer);
+            if (end && end - start < minimumTimeOfSkeleton) {
+              setTimeout(() => {
+                this[this._skeletonAttribute] = Promise.reject(err);
+              }, minimumTimeOfSkeleton - (end - start));
+            } else {
+              this._error = true;
+              this._skeleton = false;
+              this._empty = false;
+              this._invisible = false;
+            }
+          });
       }
     }
-
   };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy93aXRoLXNrZWxldG9uLWF0dHJpYnV0ZS5qcyJdLCJuYW1lcyI6WyJjc3MiLCJza2VsZXRvbiIsImVtcHR5IiwidGltZUJlZm9yZVNrZWxldG9uIiwibWluaW11bVRpbWVPZlNrZWxldG9uIiwid2l0aFNrZWxldG9uQXR0cmlidXRlIiwiUGFyZW50Q2xhc3MiLCJwcm9wZXJ0aWVzIiwiX2ludmlzaWJsZSIsInR5cGUiLCJCb29sZWFuIiwicmVmbGVjdCIsIl9za2VsZXRvbiIsImF0dHJpYnV0ZSIsIl9lcnJvciIsIl9lbXB0eSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwidXBkYXRlZCIsImNoYW5nZWRQcm9wZXJ0aWVzIiwiX3NrZWxldG9uQXR0cmlidXRlIiwiaGFzIiwic3RhcnQiLCJEYXRlIiwiZ2V0VGltZSIsImVuZCIsInRpbWVyIiwic2V0VGltZW91dCIsIlByb21pc2UiLCJyZXNvbHZlIiwidGhlbiIsInZhbHVlIiwiY2xlYXJUaW1lb3V0IiwidW5kZWZpbmVkIiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiT2JqZWN0Iiwia2V5cyIsImNhdGNoIiwiZXJyIiwicmVqZWN0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxHQUFULFFBQW9CLEtBQXBCO0FBQ0EsU0FBU0MsUUFBVCxRQUF5QixvQkFBekI7QUFDQSxTQUFTQyxLQUFULFFBQXNCLGlCQUF0QjtBQUVBLE1BQU1DLGtCQUFrQixHQUFHLEdBQTNCO0FBQ0EsTUFBTUMscUJBQXFCLEdBQUcsSUFBOUI7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLFNBQVNDLHFCQUFULENBQStCQyxXQUEvQixFQUE0QztBQUNqRDtBQUNGO0FBQ0E7QUFDRSxTQUFPLGNBQWNBLFdB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LEdBQUQsSUFBUztBQUNkUixVQUFBQSxZQUFZLENBQUNOLEtBQUQsQ0FBWjs7QUFDQSxjQUFJRCxHQUFHLElBQUlBLEdBQUcsR0FBR0gsS0FBTixHQUFjbEIscUJBQXpCLEVBQWdEO0FBQzlDdUIsWUFBQUEsVUFBVSxDQUFDLE1BQU07QUFDZixtQkFBSyxLQUFLUCxrQkFBVixJQUFnQ1EsT0FBTyxDQUFDYSxNQUFSLENBQWVELEdBQWYsQ0FBaEM7QUFDRCxhQUZTLEVBRVBwQyxxQkFBcUIsSUFBSXFCLEdBQUcsR0FBR0gsS0FBVixDQUZkLENBQVY7QUFHRCxXQUpELE1BSU87QUFDTCxpQkFBS1IsTUFBTCxHQUFjLElBQWQ7QUFDQSxpQkFBS0YsU0FBTCxHQUFpQixLQUFqQjtBQUNBLGlCQUFLRyxNQUFMLEdBQWMsS0FBZDtBQUNBLGlCQUFLUCxVQUFMLEdBQWtCLEtBQWxCO0FBQ0Q7QUFDRixTQWhDSDtBQWlDRDtBQUNGOztBQS9FOEIsR0FBakM7QUFpRkQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGVtcHR5IH0gZnJvbSAnLi4vc3R5bGVzL2VtcHR5JztcblxuY29uc3QgdGltZUJlZm9yZVNrZWxldG9uID0gNTAwO1xuY29uc3QgbWluaW11bVRpbWVPZlNrZWxldG9uID0gMTAwMDtcblxuLyoqXG4gKiBUaGlzIGlzIGEgbWl4aW4gZm9yIHdpdGhTa2VsZXRvblN0YXRlc1xuICogQG1peGluRnVuY3Rpb25cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHdpdGhTa2VsZXRvbkF0dHJpYnV0ZShQYXJlbnRDbGFzcykge1xuICAvKipcbiAgICogQG1peGluQ2xhc3NcbiAgICovXG4gIHJldHVybiBjbGFzcyBleHRlbmRzIFBhcmVudENsYXNzIHtcbiAgICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAvKiogQHJlcXVpcmVkICovXG4gICAgICAgIF9pbnZpc2libGU6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgICBfc2tlbGV0b246IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgICBfZXJyb3I6IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgICBfZW1wdHk6IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIHNrZWxldG9uLFxuICAgICAgICBlbXB0eSxcbiAgICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICAgIGNzc2BcbiAgICAgICAgICA6aG9zdChbX2ludmlzaWJsZV0pIHtcbiAgICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgc3VwZXIoKTtcbiAgICAgIHRoaXMuX2ludmlzaWJsZSA9IHRydWU7XG4gICAgICB0aGlzLl9za2VsZXRvbiA9IGZhbHNlO1xuICAgICAgdGhpcy5fZXJyb3IgPSBmYWxzZTtcbiAgICAgIHRoaXMuX2VtcHR5ID0gZmFsc2U7XG4gICAgfVxuXG4gICAgdXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcykge1xuICAgICAgaWYgKHRoaXMuX3NrZWxldG9uQXR0cmlidXRlICE9IG51bGwgJiYgY2hhbmdlZFByb3BlcnRpZXMuaGFzKHRoaXMuX3NrZWxldG9uQXR0cmlidXRlKSkge1xuICAgICAgICB0aGlzLl9lcnJvciA9IGZhbHNlO1xuICAgICAgICB0aGlzLl9lbXB0eSA9IGZhbHNlO1xuICAgICAgICBjb25zdCBzdGFydCA9IG5ldyBEYXRlKCkuZ2V0VGltZSgpO1xuICAgICAgICBsZXQgZW5kID0gbnVsbDtcbiAgICAgICAgY29uc3QgdGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLl9pbnZpc2libGUgPSBmYWxzZTtcbiAgICAgICAgICB0aGlzLl9za2VsZXRvbiA9IHRydWU7XG4gICAgICAgICAgZW5kID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XG4gICAgICAgIH0sIHRpbWVCZWZvcmVTa2VsZXRvbik7XG5cbiAgICAgICAgY29uc3QgYXR0cmlidXRlID0gdGhpc1t0aGlzLl9za2VsZXRvbkF0dHJpYnV0ZV07XG4gICAgICAgIFByb21pc2UucmVzb2x2ZShhdHRyaWJ1dGUpXG4gICAgICAgICAgLnRoZW4oKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICBjbGVhclRpbWVvdXQodGltZXIpO1xuICAgICAgICAgICAgaWYgKGVuZCAmJiBlbmQgLSBzdGFydCA8IG1pbmltdW1UaW1lT2ZTa2VsZXRvbikge1xuICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzW3RoaXMuX3NrZWxldG9uQXR0cmlidXRlXSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9LCBtaW5pbXVtVGltZU9mU2tlbGV0b24gLSAoZW5kIC0gc3RhcnQpKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIHRoaXMuX2ludmlzaWJsZSA9IHZhbHVlID09PSB1bmRlZmluZWQ7XG4gICAgICAgICAgICAgIHRoaXMuX3NrZWxldG9uID0gdmFsdWUgPT09IG51bGw7XG4gICAgICAgICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICAgICAgICAgICAgdGhpcy5fZW1wdHkgPSB2YWx1ZS5sZW5ndGggPT09IDA7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgIHRoaXMuX2VtcHR5ID0gT2JqZWN0LmtleXModmFsdWUpLmxlbmd0aCA9PT0gMDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpc1tgXyR7dGhpcy5fc2tlbGV0b25BdHRyaWJ1dGV9YF0gPSB2YWx1ZTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pXG4gICAgICAgICAgLmNhdGNoKChlcnIpID0+IHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aW1lcik7XG4gICAgICAgICAgICBpZiAoZW5kICYmIGVuZCAtIHN0YXJ0IDwgbWluaW11bVRpbWVPZlNrZWxldG9uKSB7XG4gICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXNbdGhpcy5fc2tlbGV0b25BdHRyaWJ1dGVdID0gUHJvbWlzZS5yZWplY3QoZXJyKTtcbiAgICAgICAgICAgICAgfSwgbWluaW11bVRpbWVPZlNrZWxldG9uIC0gKGVuZCAtIHN0YXJ0KSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICB0aGlzLl9lcnJvciA9IHRydWU7XG4gICAgICAgICAgICAgIHRoaXMuX3NrZWxldG9uID0gZmFsc2U7XG4gICAgICAgICAgICAgIHRoaXMuX2VtcHR5ID0gZmFsc2U7XG4gICAgICAgICAgICAgIHRoaXMuX2ludmlzaWJsZSA9IGZhbHNlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiJdfQ==

package/src/molecules/gv-card-full.js

@@ -27,6 +27,7 @@ import { i18n } from '../lib/i18n';
 import { ItemResource } from '../mixins/item-resource';
 import { dispatchCustomEvent } from '../lib/events';
 import { getVersion, getTitle, getDescription, getOwner } from '../lib/item';
+
 /**
  * Full Card component
  *
@@ -43,19 +44,133 @@ import { getVersion, getTitle, getDescription, getOwner } from '../lib/item';
  * @cssprop {Length} [--gv-card-full-image--h=65px] - Image height
  * @cssprop {Length} [--gv-card-full-image--w=110px] - Image width
  */
-
 export class GvCardFull extends ItemResource(LitElement) {
   static get properties() {
     return {
-      metrics: {
-        type: Object
-      }
+      metrics: { type: Object },
     };
   }
 
   static get styles() {
-    return [...super.styles, // language=CSS
-    css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;width:100%;max-height:281px;line-height:22px;font-size:var(--gv-theme-font-size-m,14px)}gv-identity-picture{height:var(--gv-card-full-image--h,65px);width:var(--gv-card-full-image--w,110px);--gv-image--of:contain}.card{display:flex;flex-direction:column;height:250px;border-radius:4px;background-color:var(--gv-card-full--bgc,var(--gv-theme-neutral-color-lightest,#fff));color:var(--gv-theme-font-color-dark,#262626);padding:16px;box-shadow:0 0 0 1px var(--gv-theme-neutral-color,#f5f5f5),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);transition:transform .3s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -14px var(--gv-theme-neutral-color-dark,#bfbfbf);cursor:pointer}.card>div{display:flex}.image{min-height:65px;min-width:0;position:relative;padding-top:.2rem}.title{line-height:22px;font-size:var(--gv-theme-font-size-l,16px);text-transform:capitalize;font-weight:700;padding-bottom:5px}.owner{--gv-icon--c:var(--gv-theme-neutral-color-dark, #bfbfbf);--gv-icon--s:16px;color:var(--gv-theme-neutral-color-dark,#bfbfbf);display:flex;padding-bottom:2px;line-height:initial}.content{flex:1;padding:0 10px 10px 10px}.version{color:var(--gv-theme-neutral-color-dark,#d9d9d9);padding:10px 8px;font-size:var(--gv-theme-font-size-s,12px)}.description{padding:0 16px;margin:6px 0;flex:1;flex-grow:1;max-height:150px;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;border-bottom:1px solid var(--gv-theme-neutral-color-dark,#d9d9d9);padding:.5rem 0;justify-content:flex-end}gv-metrics{display:flex;height:100%;justify-content:flex-end;align-items:stretch}.skeleton .infos{border-bottom:none}.labels{padding:0 16px}.error .infos,.error .labels,.error .states{visibility:hidden}`, skeleton];
+    return [
+      ...super.styles,
+      // language=CSS
+      css`
+        :host {
+          box-sizing: border-box;
+          display: inline-block;
+          margin: 0.2rem;
+
+          vertical-align: middle;
+          width: 100%;
+          max-height: 281px;
+          line-height: 22px;
+          font-size: var(--gv-theme-font-size-m, 14px);
+        }
+
+        gv-identity-picture {
+          height: var(--gv-card-full-image--h, 65px);
+          width: var(--gv-card-full-image--w, 110px);
+          --gv-image--of: contain;
+        }
+
+        .card {
+          display: flex;
+          flex-direction: column;
+          height: 250px;
+          border-radius: 4px;
+          background-color: var(--gv-card-full--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
+          color: var(--gv-theme-font-color-dark, #262626);
+          padding: 16px;
+          box-shadow: 0 0 0 1px var(--gv-theme-neutral-color, #f5f5f5), 0 1px 3px var(--gv-theme-neutral-color-dark, #bfbfbf);
+          transition: transform 0.3s;
+        }
+
+        .card:hover {
+          transform: translateY(-4px);
+          box-shadow: 0 20px 40px -14px var(--gv-theme-neutral-color-dark, #bfbfbf);
+          cursor: pointer;
+        }
+
+        .card > div {
+          display: flex;
+        }
+
+        .image {
+          min-height: 65px;
+          min-width: 0;
+          position: relative;
+          padding-top: 0.2rem;
+        }
+
+        .title {
+          line-height: 22px;
+          font-size: var(--gv-theme-font-size-l, 16px);
+          text-transform: capitalize;
+          font-weight: bold;
+          padding-bottom: 5px;
+        }
+
+        .owner {
+          --gv-icon--c: var(--gv-theme-neutral-color-dark, #bfbfbf);
+          --gv-icon--s: 16px;
+          color: var(--gv-theme-neutral-color-dark, #bfbfbf);
+          display: flex;
+          padding-bottom: 2px;
+          line-height: initial;
+        }
+
+        .content {
+          flex: 1;
+          padding: 0 10px 10px 10px;
+        }
+
+        .version {
+          color: var(--gv-theme-neutral-color-dark, #d9d9d9);
+          padding: 10px 8px;
+          font-size: var(--gv-theme-font-size-s, 12px);
+        }
+
+        .description {
+          padding: 0 16px;
+          margin: 6px 0;
+          flex: 1;
+          flex-grow: 1;
+          max-height: 150px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .infos {
+          display: flex;
+          border-bottom: 1px solid var(--gv-theme-neutral-color-dark, #d9d9d9);
+          padding: 0.5rem 0;
+          justify-content: flex-end;
+        }
+
+        gv-metrics {
+          display: flex;
+          height: 100%;
+          justify-content: flex-end;
+          align-items: stretch;
+        }
+
+        .skeleton .infos {
+          border-bottom: none;
+        }
+
+        .labels {
+          padding: 0 16px;
+        }
+
+        .error .labels,
+        .error .infos,
+        .error .states {
+          visibility: hidden;
+        }
+      `,
+      skeleton,
+    ];
   }
 
   constructor() {
@@ -72,26 +187,32 @@ export class GvCardFull extends ItemResource(LitElement) {
   render() {
     const title = getTitle(this._item);
     const owner = getOwner(this._item);
-    const classes = {
-      error: this._error || this._empty,
-      card: true
-    };
-    return html`<div class="${classMap(classes)}" title="${title}" @click="${this._onClick}"> <div class="${classMap({
-      skeleton: this._skeleton
-    })}"> <div class="${classMap({
-      image: true
-    })}">${this._renderImage()}</div> <div class="content"> <div class="${classMap({
-      title: true
-    })}">${title}</div> ${owner != null && owner.trim().length > 0 ? html`<div class="owner"><gv-icon shape="general:user" size="8px"></gv-icon>${owner}</div>` : ''} <div class="states">${this._renderStates()}</div> </div> <div class="version"><span class="${classMap({
-      skeleton: this._skeleton
-    })}">${getVersion(this._item)}</span></div> </div> <div class="${classMap({
-      skeleton: this._skeleton,
-      description: true
-    })}"> ${truncate(this._error ? i18n('gv-card-full.error') : this._empty ? i18n('gv-card-full.empty') : getDescription(this._item), this.limit)} </div> <span class="${classMap({
-      skeleton: this._skeleton
-    })}"> <div class="infos">${this._renderMetricsWithRating()}</div> <div class="labels">${this._renderLabels(true)}</div> </span> </div>`;
-  }
+    const classes = { error: this._error || this._empty, card: true };
+    return html`<div class="${classMap(classes)}" title="${title}" @click="${this._onClick}">
+      <div class="${classMap({ skeleton: this._skeleton })}">
+        <div class="${classMap({ image: true })}">${this._renderImage()}</div>
+        <div class="content">
+          <div class="${classMap({ title: true })}">${title}</div>
+          ${owner != null && owner.trim().length > 0
+            ? html`<div class="owner"><gv-icon shape="general:user" size="8px"></gv-icon>${owner}</div>`
+            : ''}
+          <div class="states">${this._renderStates()}</div>
+        </div>
+        <div class="version"><span class="${classMap({ skeleton: this._skeleton })}">${getVersion(this._item)}</span></div>
+      </div>
+      <div class="${classMap({ skeleton: this._skeleton, description: true })}">
+        ${truncate(
+          this._error ? i18n('gv-card-full.error') : this._empty ? i18n('gv-card-full.empty') : getDescription(this._item),
+          this.limit,
+        )}
+      </div>
+      <span class="${classMap({ skeleton: this._skeleton })}">
+        <div class="infos">${this._renderMetricsWithRating()}</div>
 
+        <div class="labels">${this._renderLabels(true)}</div>
+      </span>
+    </div>`;
+  }
 }
+
 window.customElements.define('gv-card-full', GvCardFull);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1jYXJkLWZ1bGwuanMiXSwibmFtZXMiOlsiY3NzIiwiaHRtbCIsIkxpdEVsZW1lbnQiLCJza2VsZXRvbiIsImNsYXNzTWFwIiwidHJ1bmNhdGUiLCJpMThuIiwiSXRlbVJlc291cmNlIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsImdldFZlcnNpb24iLCJnZXRUaXRsZSIsImdldERlc2NyaXB0aW9uIiwiZ2V0T3duZXIiLCJHdkNhcmRGdWxsIiwicHJvcGVydGllcyIsIm1ldHJpY3MiLCJ0eXBlIiwiT2JqZWN0Iiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJsaW1pdCIsIl9vbkNsaWNrIiwiZSIsIl9lbXB0eSIsIl9lcnJvciIsIl9za2VsZXRvbiIsInRhcmdldCIsInRhZ05hbWUiLCJ0b0xvd2VyQ2FzZSIsInN0YXJ0c1dpdGgiLCJfaXRlbSIsInJlbmRlciIsInRpdGxlIiwib3duZXIiLCJjbGFzc2VzIiwiZXJyb3IiLCJjYXJkIiwiaW1hZ2UiLCJfcmVuZGVySW1hZ2UiLCJ0cmltIiwibGVuZ3RoIiwiX3JlbmRlclN0YXRlcyIsImRlc2NyaXB0aW9uIiwiX3JlbmRlck1ldHJpY3NXaXRoUmF0aW5nIiwiX3JlbmRlckxhYmVscyIsIndpbmRvdyIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxHQUFULEVBQWNDLElBQWQsRUFBb0JDLFVBQXBCLFFBQXNDLEtBQXRDO0FBQ0EsU0FBU0MsUUFBVCxRQUF5QixvQkFBekI7QUFDQSxTQUFTQyxRQUFULFFBQXlCLDBCQUF6QjtBQUNBLE9BQU8sbUJBQVA7QUFDQSxPQUFPLG9CQUFQO0FBQ0EsT0FBTyx5QkFBUDtBQUNBLE9BQU8sd0JBQVA7QUFD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aUIsTUFBTCxHQUFjakIsSUFBSSxDQUFDLG9CQUFELENBQWxCLEdBQTJDSyxjQUFjLENBQUMsS0FBS21CLEtBQU4sQ0FENUYsRUFFUixLQUFLVixLQUZHLENBYkgsd0JBa0JNaEIsUUFBUSxDQUFDO0FBQUVELE1BQUFBLFFBQVEsRUFBRSxLQUFLc0I7QUFBakIsS0FBRCxDQWxCZCx5QkFtQmMsS0FBS2tCLHdCQUFMLEVBbkJkLDhCQXFCZSxLQUFLQyxhQUFMLENBQW1CLElBQW5CLENBckJmLHVCQUFYO0FBd0JEOztBQXhLc0Q7QUEyS3pEQyxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGNBQTdCLEVBQTZDbEMsVUFBN0MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGNsYXNzTWFwIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvY2xhc3MtbWFwJztcbmltcG9ydCAnLi4vYXRvbXMvZ3YtaW1hZ2UnO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi1idXR0b24nO1xuaW1wb3J0ICcuLi9tb2xlY3VsZXMvZ3YtbWV0cmljcyc7XG5pbXBvcnQgJy4uL21vbGVjdWxlcy9ndi1yYXRpbmcnO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi1zdGF0ZSc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LXRhZyc7XG5pbXBvcnQgeyB0cnVuY2F0ZSB9IGZyb20gJy4uL2xpYi91dGlscyc7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSAnLi4vbGliL2kxOG4nO1xuaW1wb3J0IHsgSXRlbVJlc291cmNlIH0gZnJvbSAnLi4vbWl4aW5zL2l0ZW0tcmVzb3VyY2UnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgZ2V0VmVyc2lvbiwgZ2V0VGl0bGUsIGdldERlc2NyaXB0aW9uLCBnZXRPd25lciB9IGZyb20gJy4uL2xpYi9pdGVtJztcblxuLyoqXG4gKiBGdWxsIENhcmQgY29tcG9uZW50XG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LWNhcmQtZnVsbDpjbGljayAtIEN1c3RvbSBjbGljayBldmVudFxuICogQGZpcmVzIGd2LXRhZzpjbGljayAtIEN1c3RvbSBjbGljayBldmVudCBvbiBjYXJkIGxhYmVsc1xuICpcbiAqIEBhdHRyIHtQcm9taXNlPE9iamVjdD59IGl0ZW0gLSBBbiBpdGVtLlxuICogQGF0dHIge1Byb21pc2U8TWV0cmljcz59IG1ldHJpY3MgLSBBIE1ldHJpY3MuXG4gKlxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi1jYXJkLWZ1bGwtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKV0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi1jYXJkLWZ1bGwtaW1hZ2UtLWg9NjVweF0gLSBJbWFnZSBoZWlnaHRcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LWNhcmQtZnVsbC1pbWFnZS0tdz0xMTBweF0gLSBJbWFnZSB3aWR0aFxuICovXG5leHBvcnQgY2xhc3MgR3ZDYXJkRnVsbCBleHRlbmRzIEl0ZW1SZXNvdXJjZShMaXRFbGVtZW50KSB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbWV0cmljczogeyB0eXBlOiBPYmplY3QgfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC4uLnN1cGVyLnN0eWxlcyxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG5cbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDI4MXB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0sIDE0cHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaWRlbnRpdHktcGljdHVyZSB7XG4gICAgICAgICAgaGVpZ2h0OiB2YXIoLS1ndi1jYXJkLWZ1bGwtaW1hZ2UtLWgsIDY1cHgpO1xuICAgICAgICAgIHdpZHRoOiB2YXIoLS1ndi1jYXJkLWZ1bGwtaW1hZ2UtLXcsIDExMHB4KTtcbiAgICAgICAgICAtLWd2LWltYWdlLS1vZjogY29udGFpbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jYXJkIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgaGVpZ2h0OiAyNTBweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3YtY2FyZC1mdWxsLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICBjb2xvcjogdmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KTtcbiAgICAgICAgICBwYWRkaW5nOiAxNnB4O1xuICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLCAjZjVmNWY1KSwgMCAxcHggM3B4IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZik7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3M7XG4gICAgICAgIH1cblxuICAgICAgICAuY2FyZDpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC00cHgpO1xuICAgICAgICAgIGJveC1zaGFkb3c6IDAgMjBweCA0MHB4IC0xNHB4IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZik7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNhcmQgPiBkaXYge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAuaW1hZ2Uge1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDY1cHg7XG4gICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMC4ycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnRpdGxlIHtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjJweDtcbiAgICAgICAgICBmb250LXNpemU6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1sLCAxNnB4KTtcbiAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm93bmVyIHtcbiAgICAgICAgICAtLWd2LWljb24tLWM6IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZik7XG4gICAgICAgICAgLS1ndi1pY29uLS1zOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgcGFkZGluZy1ib3R0b206IDJweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgIHBhZGRpbmc6IDAgMTBweCAxMHB4IDEwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAudmVyc2lvbiB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSk7XG4gICAgICAgICAgcGFkZGluZzogMTBweCA4cHg7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCk7XG4gICAgICAgIH1cblxuICAgICAgICAuZGVzY3JpcHRpb24ge1xuICAgICAgICAgIHBhZGRpbmc6IDAgMTZweDtcbiAgICAgICAgICBtYXJnaW46IDZweCAwO1xuICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIH1cblxuICAgICAgICAuaW5mb3Mge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSk7XG4gICAgICAgICAgcGFkZGluZzogMC41cmVtIDA7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGd2LW1ldHJpY3Mge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIH1cblxuICAgICAgICAuc2tlbGV0b24gLmluZm9zIHtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLmxhYmVscyB7XG4gICAgICAgICAgcGFkZGluZzogMCAxNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLmVycm9yIC5sYWJlbHMsXG4gICAgICAgIC5lcnJvciAuaW5mb3MsXG4gICAgICAgIC5lcnJvciAuc3RhdGVzIHtcbiAgICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgICBza2VsZXRvbixcbiAgICBdO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmxpbWl0ID0gMTUwO1xuICB9XG5cbiAgX29uQ2xpY2soZSkge1xuICAgIGlmICghdGhpcy5fZW1wdHkgJiYgIXRoaXMuX2Vycm9yICYmICF0aGlzLl9za2VsZXRvbiAmJiAhZS50YXJnZXQudGFnTmFtZS50b0xvd2VyQ2FzZSgpLnN0YXJ0c1dpdGgoJ2d2LW1ldHJpY3MnKSkge1xuICAgICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnY2xpY2snLCB0aGlzLl9pdGVtKTtcbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgdGl0bGUgPSBnZXRUaXRsZSh0aGlzLl9pdGVtKTtcbiAgICBjb25zdCBvd25lciA9IGdldE93bmVyKHRoaXMuX2l0ZW0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSB7IGVycm9yOiB0aGlzLl9lcnJvciB8fCB0aGlzLl9lbXB0eSwgY2FyZDogdHJ1ZSB9O1xuICAgIHJldHVybiBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKGNsYXNzZXMpfVwiIHRpdGxlPVwiJHt0aXRsZX1cIiBAY2xpY2s9XCIke3RoaXMuX29uQ2xpY2t9XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiJHtjbGFzc01hcCh7IHNrZWxldG9uOiB0aGlzLl9za2VsZXRvbiB9KX1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBpbWFnZTogdHJ1ZSB9KX1cIj4ke3RoaXMuX3JlbmRlckltYWdlKCl9PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyB0aXRsZTogdHJ1ZSB9KX1cIj4ke3RpdGxlfTwvZGl2PlxuICAgICAgICAgICR7b3duZXIgIT0gbnVsbCAmJiBvd25lci50cmltKCkubGVuZ3RoID4gMFxuICAgICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJvd25lclwiPjxndi1pY29uIHNoYXBlPVwiZ2VuZXJhbDp1c2VyXCIgc2l6ZT1cIjhweFwiPjwvZ3YtaWNvbj4ke293bmVyfTwvZGl2PmBcbiAgICAgICAgICAgIDogJyd9XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRlc1wiPiR7dGhpcy5fcmVuZGVyU3RhdGVzKCl9PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmVyc2lvblwiPjxzcGFuIGNsYXNzPVwiJHtjbGFzc01hcCh7IHNrZWxldG9uOiB0aGlzLl9za2VsZXRvbiB9KX1cIj4ke2dldFZlcnNpb24odGhpcy5faXRlbSl9PC9zcGFuPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiJHtjbGFzc01hcCh7IHNrZWxldG9uOiB0aGlzLl9za2VsZXRvbiwgZGVzY3JpcHRpb246IHRydWUgfSl9XCI+XG4gICAgICAgICR7dHJ1bmNhdGUoXG4gICAgICAgICAgdGhpcy5fZXJyb3IgPyBpMThuKCdndi1jYXJkLWZ1bGwuZXJyb3InKSA6IHRoaXMuX2VtcHR5ID8gaTE4bignZ3YtY2FyZC1mdWxsLmVtcHR5JykgOiBnZXREZXNjcmlwdGlvbih0aGlzLl9pdGVtKSxcbiAgICAgICAgICB0aGlzLmxpbWl0LFxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBza2VsZXRvbjogdGhpcy5fc2tlbGV0b24gfSl9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvc1wiPiR7dGhpcy5fcmVuZGVyTWV0cmljc1dpdGhSYXRpbmcoKX08L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxzXCI+JHt0aGlzLl9yZW5kZXJMYWJlbHModHJ1ZSl9PC9kaXY+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+YDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1jYXJkLWZ1bGwnLCBHdkNhcmRGdWxsKTtcbiJdfQ==

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

@@ -18,39 +18,66 @@ import { repeat } from 'lit/directives/repeat';
 import { withResizeObserver } from '../mixins/with-resize-observer';
 import { i18n } from '../lib/i18n';
 import './gv-card-full';
+
 /**
  * List of cards
  *
  * ## Details
  * * has @theme facet
  */
-
 export class GvCardList extends withResizeObserver(LitElement) {
   static get properties() {
     return {
-      items: {
-        type: Array
-      }
+      items: { type: Array },
     };
   }
 
   constructor() {
     super();
     this.breakpoints = {
-      width: [845, 1270]
+      width: [845, 1270],
     };
   }
 
   static get styles() {
-    return [// language=CSS
-    css`:host{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}:host([w-lt-1270]) .container{grid-template-columns:repeat(2,1fr)}:host([w-lt-845]) .container{display:flex;flex-direction:column}:host([w-lt-845]) .container>.item{flex:0 1 auto}.item{opacity:0;transition:opacity .1s ease-in-out}.item.show{opacity:1}`];
+    return [
+      // language=CSS
+      css`
+        :host {
+          box-sizing: border-box;
+          display: grid;
+          grid-template-columns: repeat(3, 1fr);
+          grid-gap: 0.5rem;
+        }
+
+        :host([w-lt-1270]) .container {
+          grid-template-columns: repeat(2, 1fr);
+        }
+
+        :host([w-lt-845]) .container {
+          display: flex;
+          flex-direction: column;
+        }
+
+        :host([w-lt-845]) .container > .item {
+          flex: 0 1 auto;
+        }
+
+        .item {
+          opacity: 0;
+          transition: opacity 100ms ease-in-out;
+        }
+
+        .item.show {
+          opacity: 1;
+        }
+      `,
+    ];
   }
 
   renderItem(item, index) {
     const _item = item && item.item ? item.item : null;
-
     const _metrics = item && item.metrics ? item.metrics : null;
-
     return html`<gv-card-full class="item" .item="${_item}" .metrics="${_metrics}"> </gv-card-full>`;
   }
 
@@ -60,9 +87,12 @@ export class GvCardList extends withResizeObserver(LitElement) {
     }
 
     if (this.items) {
-      return html`${repeat(this.items, item => item, (item, index) => this.renderItem(item, index))}`;
+      return html`${repeat(
+        this.items,
+        (item) => item,
+        (item, index) => this.renderItem(item, index),
+      )}`;
     }
-
     return '';
   }
 
@@ -78,7 +108,6 @@ export class GvCardList extends withResizeObserver(LitElement) {
       }
     }
   }
-
 }
+
 window.customElements.define('gv-card-list', GvCardList);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1jYXJkLWxpc3QuanMiXSwibmFtZXMiOlsiY3NzIiwiTGl0RWxlbWVudCIsImh0bWwiLCJyZXBlYXQiLCJ3aXRoUmVzaXplT2JzZXJ2ZXIiLCJpMThuIiwiR3ZDYXJkTGlzdCIsInByb3BlcnRpZXMiLCJpdGVtcyIsInR5cGUiLCJBcnJheSIsImNvbnN0cnVjdG9yIiwiYnJlYWtwb2ludHMiLCJ3aWR0aCIsInN0eWxlcyIsInJlbmRlckl0ZW0iLCJpdGVtIiwiaW5kZXgiLCJfaXRlbSIsIl9tZXRyaWNzIiwibWV0cmljcyIsInJlbmRlciIsIl9lcnJvciIsInVwZGF0ZWQiLCJjaGFuZ2VkUHJvcGVydGllcyIsImhhcyIsImxlbmd0aCIsInNoYWRvd1Jvb3QiLCJxdWVyeVNlbGVjdG9yQWxsIiwiZm9yRWFjaCIsInNldFRpbWVvdXQiLCJjbGFzc0xpc3QiLCJhZGQiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxFQUFjQyxVQUFkLEVBQTBCQyxJQUExQixRQUFzQyxLQUF0QztBQUNBLFNBQVNDLE1BQVQsUUFBdUIsdUJBQXZCO0FBQ0EsU0FBU0Msa0JBQVQsUUFBbUMsZ0NBQW5DO0FBQ0EsU0FBU0MsSUFBVCxRQUFxQixhQUFyQjtBQUNBLE9BQU8sZ0JBQVA7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxVQUFOLFNBQXlCRixrQkFBa0IsQ0FBQ0gsVUFBRCxDQUEzQyxDQUF3RDtBQUN4QyxhQUFWTSxVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMQyxNQUFBQSxLQUFLLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSO0FBREYsS0FBUDtBQUdEOztBQUVEQyxFQUFBQSxXQUFXLEdBQUc7QUFDWjtBQUNBLFNBQUtDLFdBQUwsR0FBbUI7QUFDakJDLE1BQUFBLEtBQUssRUFBRSxDQUFDLEdBQUQsRUFBTSxJQUFOO0FBRFUsS0FBbkI7QUFHRDs7QUFFZ0IsYUFBTkMsTUFBTSxHQUFHO0FBQ2xCLFdBQU8sQ0FDTDtBQUNBZCxJQUFBQSxHQUFHLHlWQUZFLENBQVA7QUFpQ0Q7O0FBRURlLEVBQUFBLFVBQVUsQ0FBQ0MsSUFBRCxFQUFPQyxLQUFQLEVBQWM7QUFDdEIsVUFBTUMsS0FBSyxHQUFHRixJQUFJLElBQUlBLElBQUksQ0FBQ0EsSUFBYixHQUFvQkEsSUFBSSxDQUFDQSxJQUF6QixHQUFnQyxJQUE5Qzs7QUFDQSxVQUFNRyxRQUFRLEdBQUdILElBQUksSUFBSUEsSUFBSSxDQUFDSSxPQUFiLEdBQXVCSixJQUFJLENBQUNJLE9BQTVCLEdBQXNDLElBQXZEOztBQUNBLFdBQU9sQixJQUFJLHFDQUFxQ2dCLEtBQXJDLGVBQXlEQyxRQUF6RCxvQkFBWDtBQUNEOztBQUVERSxFQUFBQSxNQUFNLEdBQUc7QUFDUCxRQUFJLEtBQUtDLE1BQVQsRUFBaUI7QUFDZixhQUFPcEIsSUFBSSxRQUFRRyxJQUFJLENBQUMsb0JBQUQsQ0FBWixRQUFYO0FBQ0Q7O0FBRUQsUUFBSSxLQUFLRyxLQUFULEVBQWdCO0FBQ2QsYUFBT04sSUFBSSxHQUFHQyxNQUFNLENBQ2xCLEtBQUtLLEtBRGEsRUFFakJRLElBQUQsSUFBVUEsSUFGUSxFQUdsQixDQUFDQSxJQUFELEVBQU9DLEtBQVAsS0FBaUIsS0FBS0YsVUFBTCxDQUFnQkMsSUFBaEIsRUFBc0JDLEtBQXRCLENBSEMsQ0FBVCxFQUFYO0FBS0Q7O0FBQ0QsV0FBTyxFQUFQO0FBQ0Q7O0FBRURNLEVBQUFBLE9BQU8sQ0FBQ0MsaUJBQUQsRUFBb0I7QUFDekIsUUFBSUEsaUJBQWlCLENBQUNDLEdBQWxCLENBQXNCLE9BQXRCLENBQUosRUFBb0M7QUFDbEMsVUFBSSxLQUFLakIsS0FBTCxJQUFjLEtBQUtBLEtBQUwsQ0FBV2tCLE1BQVgsR0FBb0IsQ0FBdEMsRUFBeUM7QUFDdkMsY0FBTWxCLEtBQUssR0FBRyxLQUFLbUIsVUFBTCxDQUFnQkMsZ0JBQWhCLENBQWlDLE9BQWpDLENBQWQ7QUFDQXBCLFFBQUFBLEtBQUssQ0FBQ3FCLE9BQU4sQ0FBYyxDQUFDYixJQUFELEVBQU9DLEtBQVAsS0FBaUI7QUFDN0JhLFVBQUFBLFVBQVUsQ0FBQyxNQUFNO0FBQ2ZkLFlBQUFBLElBQUksQ0FBQ2UsU0FBTCxDQUFlQyxHQUFmLENBQW1CLE1BQW5CO0FBQ0QsV0FGUyxFQUVQZixLQUFLLEdBQUcsR0FGRCxDQUFWO0FBR0QsU0FKRDtBQUtEO0FBQ0Y7QUFDRjs7QUFsRjREO0FBcUYvRGdCLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsY0FBN0IsRUFBNkM3QixVQUE3QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MsIExpdEVsZW1lbnQsIGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcmVwZWF0IH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVwZWF0JztcbmltcG9ydCB7IHdpdGhSZXNpemVPYnNlcnZlciB9IGZyb20gJy4uL21peGlucy93aXRoLXJlc2l6ZS1vYnNlcnZlcic7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSAnLi4vbGliL2kxOG4nO1xuaW1wb3J0ICcuL2d2LWNhcmQtZnVsbCc7XG5cbi8qKlxuICogTGlzdCBvZiBjYXJkc1xuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICovXG5leHBvcnQgY2xhc3MgR3ZDYXJkTGlzdCBleHRlbmRzIHdpdGhSZXNpemVPYnNlcnZlcihMaXRFbGVtZW50KSB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgaXRlbXM6IHsgdHlwZTogQXJyYXkgfSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmJyZWFrcG9pbnRzID0ge1xuICAgICAgd2lkdGg6IFs4NDUsIDEyNzBdLFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICBjc3NgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgICAgICAgICBncmlkLWdhcDogMC41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3ctbHQtMTI3MF0pIC5jb250YWluZXIge1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC04NDVdKSAuY29udGFpbmVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC04NDVdKSAuY29udGFpbmVyID4gLml0ZW0ge1xuICAgICAgICAgIGZsZXg6IDAgMSBhdXRvO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0ge1xuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAxMDBtcyBlYXNlLWluLW91dDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtLnNob3cge1xuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXTtcbiAgfVxuXG4gIHJlbmRlckl0ZW0oaXRlbSwgaW5kZXgpIHtcbiAgICBjb25zdCBfaXRlbSA9IGl0ZW0gJiYgaXRlbS5pdGVtID8gaXRlbS5pdGVtIDogbnVsbDtcbiAgICBjb25zdCBfbWV0cmljcyA9IGl0ZW0gJiYgaXRlbS5tZXRyaWNzID8gaXRlbS5tZXRyaWNzIDogbnVsbDtcbiAgICByZXR1cm4gaHRtbGA8Z3YtY2FyZC1mdWxsIGNsYXNzPVwiaXRlbVwiIC5pdGVtPVwiJHtfaXRlbX1cIiAubWV0cmljcz1cIiR7X21ldHJpY3N9XCI+IDwvZ3YtY2FyZC1mdWxsPmA7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgaWYgKHRoaXMuX2Vycm9yKSB7XG4gICAgICByZXR1cm4gaHRtbGA8ZGl2PiR7aTE4bignZ3YtY2FyZC1saXN0LmVycm9yJyl9PC9kaXY+YDtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5pdGVtcykge1xuICAgICAgcmV0dXJuIGh0bWxgJHtyZXBlYXQoXG4gICAgICAgIHRoaXMuaXRlbXMsXG4gICAgICAgIChpdGVtKSA9PiBpdGVtLFxuICAgICAgICAoaXRlbSwgaW5kZXgpID0+IHRoaXMucmVuZGVySXRlbShpdGVtLCBpbmRleCksXG4gICAgICApfWA7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIHVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpIHtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdpdGVtcycpKSB7XG4gICAgICBpZiAodGhpcy5pdGVtcyAmJiB0aGlzLml0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgICAgY29uc3QgaXRlbXMgPSB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvckFsbCgnLml0ZW0nKTtcbiAgICAgICAgaXRlbXMuZm9yRWFjaCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIGl0ZW0uY2xhc3NMaXN0LmFkZCgnc2hvdycpO1xuICAgICAgICAgIH0sIGluZGV4ICogMTAwKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LWNhcmQtbGlzdCcsIEd2Q2FyZExpc3QpO1xuIl19