@gravitee/ui-components 3.25.3 → 3.25.4

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

@@ -0,0 +1,65 @@
+declare const GvMetrics_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[];
+};
+/**
+ * Metrics information component
+ *
+ * ## Details
+ * * has @theme facet
+ * * attributes `metrics` should be an array of Object {value, clickable}, or an array of values, or a mix.
+ *
+ * @fires gv-metrics:click - Click event from metric if is clickable
+ *
+ * @attr {Promise<{ hits: value, health: {value, clickable}, subscribers: {value, clickable?, title?} }>} metrics - Metrics.
+ * @attr {RatingSummary} rating - Ratings of an API.
+ */
+export class GvMetrics extends GvMetrics_base {
+    static get properties(): {
+        metrics: {
+            type: ObjectConstructor;
+        };
+        _metrics: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+    };
+    _skeletonAttribute: string;
+    skeleton: boolean;
+    _isClickable(metricName: any): any;
+    _getValue(metric: any): any;
+    _getSubscribers(): any;
+    _getHits(): any;
+    _getHealth(): string | null;
+    _getTitle(metricName: any): any;
+    _onClick(key: any): void;
+    _renderMetric(key: any, icon: any, name: any, value: any): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/molecules/gv-metrics.js

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

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

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

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

@@ -0,0 +1,64 @@
+/**
+ * A modal that shows up on top of your page
+ *
+ * @fires gv-modal:closed - Event fired when modal is closed.
+ *
+ * @cssprop {Length} [--gv-modal--anim-duration=0.3s] - Duration of the animation
+ * @cssprop {Length} [--gv-modal--z=100] - z-index for modal
+ * @cssprop {Color} [--gv-modal--bgc=rgba(30, 30, 30, 0.6)] - Modal background color
+ * @cssprop {Length} [--gv-modal-content--z=101] - z-index for modal content
+ * @cssprop {Length} [--gv-modal--w=280px] - model width
+ * @cssprop {Length} [--gv-modal--miw=250px] - modal min-width
+ * @cssprop {Length} [--gv-modal--maw=100vw] - modal max-width
+ * @cssprop {Length} [--gv-modal--h=auto] - modal height
+ * @cssprop {Length} [--gv-modal--mih=auto] - modal min height
+ * @cssprop {Length} [--gv-modal--mah=100vh] - modal max height
+ * @cssprop {Color} [--gv-modal-content--bgc=var(--gv-theme-neutral-color-light, #efefef)] - Modal content background color
+ * @cssprop {String} [--gv-modal--bxsh=0px 0px 16px #383e3f] - Modal box shadow
+ * @cssprop {Length} [--gv-modal--bdrs=4px] - Modal border radius
+ * @cssprop {Length} [--gv-modal--p=1em] - Modal content padding
+ * @cssprop {Length} [--gv-modal-close-icon--s=24px] - Modal close icon size
+ */
+export class GvModal extends LitElement {
+    static get properties(): {
+        _toChange: {
+            type: BooleanConstructor;
+        };
+        /**
+         * If true the modal box is in opened status.
+         */
+        opened: {
+            type: BooleanConstructor;
+        };
+        /**
+         * If true the modal box displays a close icon
+         */
+        showCloseIcon: {
+            type: BooleanConstructor;
+        };
+        /**
+         * The title of the modal dialog
+         */
+        modalTitle: {
+            type: StringConstructor;
+        };
+        /**
+         * If true the modal box blocks the screen. That is, when you click in the background layer, the modal box do not close.
+         */
+        blocking: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _toChange: boolean;
+    opened: boolean;
+    showCloseIcon: boolean;
+    blocking: boolean;
+    getModalClass(opened: any, _toChange: any): "transparent" | "transparent opened" | "opaque" | undefined;
+    open(): void;
+    _backgroundModalClick(e: any): void;
+    close(): void;
+    animationEnd(): void;
+    contentClick(e: any): void;
+}
+import { LitElement } from "lit-element/lit-element";