@gravitee/ui-components 3.25.3 → 3.25.4

package/src/atoms/gv-icon.js

@@ -16,15 +16,12 @@
 import { css, LitElement, html, noChange } from 'lit';
 import { Directive, directive } from 'lit/directive';
 import { classMap } from 'lit/directives/class-map';
-
 class Namespaced extends Directive {
-  update(part, [namespace, value]) {
-    part.element.setAttributeNS(namespace, part.name, value);
-    return noChange;
-  }
-
+    update(part, [namespace, value]) {
+        part.element.setAttributeNS(namespace, part.name, value);
+        return noChange;
+    }
 }
-
 const namespaced = directive(Namespaced);
 /**
  * An icon
@@ -36,47 +33,62 @@ const namespaced = directive(Namespaced);
  * @cssprop {Color} [--gv-icon-opacity--c=var(--gv-theme-font-color-dark, #262626)] - Opacity color
  * @cssprop {Length} [--gv-icon--s=32px] - Height and width
  */
-
 export class GvIcon extends LitElement {
-  static get properties() {
-    return {
-      /**
-       * This is a shape, an concatenation of category name and icon name.
-       * @type {"{category}:{iconName}"}
-       * @attr
-       * @required
-       */
-      shape: {
-        type: String
-      }
-    };
-  }
-
-  static get excludedShapes() {
-    return ['thirdparty:google', 'thirdparty:graviteeio_am'];
-  }
-
-  canCustomize() {
-    return !['thirdparty:google', 'thirdparty:graviteeio_am', 'thirdparty:http', 'thirdparty:jdbc', 'thirdparty:microsoft', 'thirdparty:mongodb'].includes(this.shape);
-  }
-
-  static get styles() {
-    return [// language=CSS
-    css`:host{box-sizing:border-box;display:inline-flex;vertical-align:middle;--color:var(--gv-icon--c, var(--gv-theme-font-color-dark, #262626));--opacity:var(--gv-icon-opacity--c, var(--gv-theme-font-color-dark, #262626));--size:var(--gv-icon--s, 32px)}svg{height:var(--size);width:var(--size);fill:var(--color)}`];
-  }
-
-  static getHref(shape) {
-    const [category, icon] = shape.split(':');
-    return `./icons/${category}.svg#${icon}`;
-  }
-
-  render() {
-    const xlinkNamespace = 'http://www.w3.org/1999/xlink';
-    return html`<svg class="${classMap({
-      'no-color': !this.canCustomize()
-    })}"> <use xlink:href="${namespaced(xlinkNamespace, GvIcon.getHref(this.shape))}"/> </svg>`;
-  }
+    static get properties() {
+        return {
+            /**
+             * This is a shape, an concatenation of category name and icon name.
+             * @type {"{category}:{iconName}"}
+             * @attr
+             * @required
+             */
+            shape: { type: String },
+        };
+    }
+    static get excludedShapes() {
+        return ['thirdparty:google', 'thirdparty:graviteeio_am'];
+    }
+    canCustomize() {
+        return ![
+            'thirdparty:google',
+            'thirdparty:graviteeio_am',
+            'thirdparty:http',
+            'thirdparty:jdbc',
+            'thirdparty:microsoft',
+            'thirdparty:mongodb',
+        ].includes(this.shape);
+    }
+    static get styles() {
+        return [
+            // language=CSS
+            css `
+        :host {
+          box-sizing: border-box;
+          display: inline-flex;
+          vertical-align: middle;
+          --color: var(--gv-icon--c, var(--gv-theme-font-color-dark, #262626));
+          --opacity: var(--gv-icon-opacity--c, var(--gv-theme-font-color-dark, #262626));
+          --size: var(--gv-icon--s, 32px);
+        }
 
+        svg {
+          height: var(--size);
+          width: var(--size);
+          fill: var(--color);
+        }
+      `,
+        ];
+    }
+    static getHref(shape) {
+        const [category, icon] = shape.split(':');
+        return `./icons/${category}.svg#${icon}`;
+    }
+    render() {
+        const xlinkNamespace = 'http://www.w3.org/1999/xlink';
+        return html `<svg class="${classMap({ 'no-color': !this.canCustomize() })}">
+      <use xlink:href="${namespaced(xlinkNamespace, GvIcon.getHref(this.shape))}" />
+    </svg>`;
+    }
 }
 window.customElements.define('gv-icon', GvIcon);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LWljb24uanMiXSwibmFtZXMiOlsiY3NzIiwiTGl0RWxlbWVudCIsImh0bWwiLCJub0NoYW5nZSIsIkRpcmVjdGl2ZSIsImRpcmVjdGl2ZSIsImNsYXNzTWFwIiwiTmFtZXNwYWNlZCIsInVwZGF0ZSIsInBhcnQiLCJuYW1lc3BhY2UiLCJ2YWx1ZSIsImVsZW1lbnQiLCJzZXRBdHRyaWJ1dGVOUyIsIm5hbWUiLCJuYW1lc3BhY2VkIiwiR3ZJY29uIiwicHJvcGVydGllcyIsInNoYXBlIiwidHlwZSIsIlN0cmluZyIsImV4Y2x1ZGVkU2hhcGVzIiwiY2FuQ3VzdG9taXplIiwiaW5jbHVkZXMiLCJzdHlsZXMiLCJnZXRIcmVmIiwiY2F0ZWdvcnkiLCJpY29uIiwic3BsaXQiLCJyZW5kZXIiLCJ4bGlua05hbWVzcGFjZSIsIndpbmRvdyIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxHQUFULEVBQWNDLFVBQWQsRUFBMEJDLElBQTFCLEVBQWdDQyxRQUFoQyxRQUFnRCxLQUFoRDtBQUNBLFNBQVNDLFNBQVQsRUFBb0JDLFNBQXBCLFFBQXFDLGVBQXJDO0FBRUEsU0FBU0MsUUFBVCxRQUF5QiwwQkFBekI7O0FBRUEsTUFBTUMsVUFBTixTQUF5QkgsU0FBekIsQ0FBbUM7QUFDakNJLEVBQUFBLE1BQU0sQ0FBQ0MsSUFBRCxFQUFPLENBQUNDLFNBQUQsRUFBWUMsS0FBWixDQUFQLEVBQTJCO0FBQy9CRixJQUFBQSxJQUFJLENBQUNHLE9BQUwsQ0FBYUMsY0FBYixDQUE0QkgsU0FBNUIsRUFBdUNELElBQUksQ0FBQ0ssSUFBNUMsRUFBa0RILEtBQWxEO0FBQ0EsV0FBT1IsUUFBUDtBQUNEOztBQUpnQzs7QUFPbkMsTUFBTVksVUFBVSxHQUFHVixTQUFTLENBQUNFLFVBQUQsQ0FBNUI7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1TLE1BQU4sU0FBcUJmLFVBQXJCLENBQWdDO0FBQ2hCLGFBQVZnQixVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMO0FBQ047QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNNQyxNQUFBQSxLQUFLLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSO0FBUEYsS0FBUDtBQVNEOztBQUV3QixhQUFkQyxjQUFjLEdBQUc7QUFDMUIsV0FBTyxDQUFDLG1CQUFELEVBQXNCLDBCQUF0QixDQUFQO0FBQ0Q7O0FBRURDLEVBQUFBLFlBQVksR0FBRztBQUNiLFdBQU8sQ0FBQyxDQUNOLG1CQURNLEVBRU4sMEJBRk0sRUFHTixpQkFITSxFQUlOLGlCQUpNLEVBS04sc0JBTE0sRUFNTixvQkFOTSxFQU9OQyxRQVBNLENBT0csS0FBS0wsS0FQUixDQUFSO0FBUUQ7O0FBRWdCLGFBQU5NLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0w7QUFDQXhCLElBQUFBLEdBQUcsb1RBRkUsQ0FBUDtBQW1CRDs7QUFFYSxTQUFQeUIsT0FBTyxDQUFDUCxLQUFELEVBQVE7QUFDcEIsVUFBTSxDQUFDUSxRQUFELEVBQVdDLElBQVgsSUFBbUJULEtBQUssQ0FBQ1UsS0FBTixDQUFZLEdBQVosQ0FBekI7QUFDQSxXQUFRLFdBQVVGLFFBQVMsUUFBT0MsSUFBSyxFQUF2QztBQUNEOztBQUVERSxFQUFBQSxNQUFNLEdBQUc7QUFDUCxVQUFNQyxjQUFjLEdBQUcsOEJBQXZCO0FBQ0EsV0FBTzVCLElBQUksZUFBZUksUUFBUSxDQUFDO0FBQUUsa0JBQVksQ0FBQyxLQUFLZ0IsWUFBTDtBQUFmLEtBQUQsQ0FBdkIsdUJBQ1VQLFVBQVUsQ0FBQ2UsY0FBRCxFQUFpQmQsTUFBTSxDQUFDUyxPQUFQLENBQWUsS0FBS1AsS0FBcEIsQ0FBakIsQ0FEcEIsWUFBWDtBQUdEOztBQTVEb0M7QUErRHZDYSxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLFNBQTdCLEVBQXdDakIsTUFBeEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBMaXRFbGVtZW50LCBodG1sLCBub0NoYW5nZSB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIGRpcmVjdGl2ZSB9IGZyb20gJ2xpdC9kaXJlY3RpdmUnO1xuXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5cbmNsYXNzIE5hbWVzcGFjZWQgZXh0ZW5kcyBEaXJlY3RpdmUge1xuICB1cGRhdGUocGFydCwgW25hbWVzcGFjZSwgdmFsdWVdKSB7XG4gICAgcGFydC5lbGVtZW50LnNldEF0dHJpYnV0ZU5TKG5hbWVzcGFjZSwgcGFydC5uYW1lLCB2YWx1ZSk7XG4gICAgcmV0dXJuIG5vQ2hhbmdlO1xuICB9XG59XG5cbmNvbnN0IG5hbWVzcGFjZWQgPSBkaXJlY3RpdmUoTmFtZXNwYWNlZCk7XG5cbi8qKlxuICogQW4gaWNvblxuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtaWNvbi0tYz12YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpXSAtIENvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LWljb24tb3BhY2l0eS0tYz12YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpXSAtIE9wYWNpdHkgY29sb3JcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LWljb24tLXM9MzJweF0gLSBIZWlnaHQgYW5kIHdpZHRoXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkljb24gZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICAvKipcbiAgICAgICAqIFRoaXMgaXMgYSBzaGFwZSwgYW4gY29uY2F0ZW5hdGlvbiBvZiBjYXRlZ29yeSBuYW1lIGFuZCBpY29uIG5hbWUuXG4gICAgICAgKiBAdHlwZSB7XCJ7Y2F0ZWdvcnl9OntpY29uTmFtZX1cIn1cbiAgICAgICAqIEBhdHRyXG4gICAgICAgKiBAcmVxdWlyZWRcbiAgICAgICAqL1xuICAgICAgc2hhcGU6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgZXhjbHVkZWRTaGFwZXMoKSB7XG4gICAgcmV0dXJuIFsndGhpcmRwYXJ0eTpnb29nbGUnLCAndGhpcmRwYXJ0eTpncmF2aXRlZWlvX2FtJ107XG4gIH1cblxuICBjYW5DdXN0b21pemUoKSB7XG4gICAgcmV0dXJuICFbXG4gICAgICAndGhpcmRwYXJ0eTpnb29nbGUnLFxuICAgICAgJ3RoaXJkcGFydHk6Z3Jhdml0ZWVpb19hbScsXG4gICAgICAndGhpcmRwYXJ0eTpodHRwJyxcbiAgICAgICd0aGlyZHBhcnR5OmpkYmMnLFxuICAgICAgJ3RoaXJkcGFydHk6bWljcm9zb2Z0JyxcbiAgICAgICd0aGlyZHBhcnR5Om1vbmdvZGInLFxuICAgIF0uaW5jbHVkZXModGhpcy5zaGFwZSk7XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICBjc3NgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgLS1jb2xvcjogdmFyKC0tZ3YtaWNvbi0tYywgdmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KSk7XG4gICAgICAgICAgLS1vcGFjaXR5OiB2YXIoLS1ndi1pY29uLW9wYWNpdHktLWMsIHZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyaywgIzI2MjYyNikpO1xuICAgICAgICAgIC0tc2l6ZTogdmFyKC0tZ3YtaWNvbi0tcywgMzJweCk7XG4gICAgICAgIH1cblxuICAgICAgICBzdmcge1xuICAgICAgICAgIGhlaWdodDogdmFyKC0tc2l6ZSk7XG4gICAgICAgICAgd2lkdGg6IHZhcigtLXNpemUpO1xuICAgICAgICAgIGZpbGw6IHZhcigtLWNvbG9yKTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgc3RhdGljIGdldEhyZWYoc2hhcGUpIHtcbiAgICBjb25zdCBbY2F0ZWdvcnksIGljb25dID0gc2hhcGUuc3BsaXQoJzonKTtcbiAgICByZXR1cm4gYC4vaWNvbnMvJHtjYXRlZ29yeX0uc3ZnIyR7aWNvbn1gO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHhsaW5rTmFtZXNwYWNlID0gJ2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnO1xuICAgIHJldHVybiBodG1sYDxzdmcgY2xhc3M9XCIke2NsYXNzTWFwKHsgJ25vLWNvbG9yJzogIXRoaXMuY2FuQ3VzdG9taXplKCkgfSl9XCI+XG4gICAgICA8dXNlIHhsaW5rOmhyZWY9XCIke25hbWVzcGFjZWQoeGxpbmtOYW1lc3BhY2UsIEd2SWNvbi5nZXRIcmVmKHRoaXMuc2hhcGUpKX1cIiAvPlxuICAgIDwvc3ZnPmA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtaWNvbicsIEd2SWNvbik7XG4iXX0=
+//# sourceMappingURL=gv-icon.js.map

package/src/atoms/gv-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-icon.js","sourceRoot":"","sources":["../../../src/atoms/gv-icon.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,MAAM,UAAW,SAAQ,SAAS;IAChC,MAAM,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACzD,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF;AAED,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAEzC;;;;;;;;;GASG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IACpC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL;;;;;eAKG;YACH,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,cAAc;QACvB,OAAO,CAAC,mBAAmB,EAAE,0BAA0B,CAAC,CAAC;IAC3D,CAAC;IAED,YAAY;QACV,OAAO,CAAC;YACN,mBAAmB;YACnB,0BAA0B;YAC1B,iBAAiB;YACjB,iBAAiB;YACjB,sBAAsB;YACtB,oBAAoB;SACrB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;OAeF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,KAAK;QAClB,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1C,OAAO,WAAW,QAAQ,QAAQ,IAAI,EAAE,CAAC;IAC3C,CAAC;IAED,MAAM;QACJ,MAAM,cAAc,GAAG,8BAA8B,CAAC;QACtD,OAAO,IAAI,CAAA,eAAe,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;yBACnD,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;WACpE,CAAC;IACV,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC"}

package/src/atoms/gv-image.d.ts

@@ -0,0 +1,45 @@
+/**
+ * An image
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-image:loaded - When image is loaded
+ *
+ * @attr {String} src - Source of img
+ * @attr {String} alt - Alternative text of img
+ * @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
+ *
+ * @cssprop {String} [--gv-image--of=cover] - set the object-fit of image
+ */
+export class GvImage extends LitElement {
+    static get properties(): {
+        src: {
+            type: StringConstructor;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        alt: {
+            type: StringConstructor;
+        };
+        _loaded: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    skeleton: boolean;
+    _error: boolean;
+    _loaded: boolean;
+    set src(arg: any);
+    get src(): any;
+    _src: any;
+    _onLoad(e: any): void;
+    _onError(e: any): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-image.js

@@ -32,78 +32,105 @@ import { skeleton } from '../styles/skeleton';
  *
  * @cssprop {String} [--gv-image--of=cover] - set the object-fit of image
  */
-
 export class GvImage extends LitElement {
-  static get properties() {
-    return {
-      src: {
-        type: String
-      },
-      skeleton: {
-        type: Boolean,
-        reflect: true
-      },
-      alt: {
-        type: String
-      },
-      _loaded: {
-        type: Boolean,
-        reflect: true
-      },
-      _error: {
-        type: Boolean
-      }
-    };
-  }
-
-  static get styles() {
-    return [// language=CSS
-    css`:host{display:inline-block;overflow:hidden}.wrapper,img{height:100%;width:100%;transition:opacity .3s ease-in-out}.wrapper{align-items:center;display:flex;justify-content:center;position:relative}.wrapper.text:not('.skeleton'){background-color:var(--gv-theme-neutral-color)}img{display:block;object-fit:var(--gv-image--of,cover);object-position:center center;opacity:0;position:absolute;top:0;transition:opacity 150ms ease-in-out;left:0}.wrapper.loaded img{opacity:1}.error-msg{font-size:.9rem;overflow:hidden;padding:.25rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}`, skeleton];
-  }
-
-  constructor() {
-    super();
-    this.skeleton = false;
-    this._error = false;
-    this._loaded = false;
-  }
+    static get properties() {
+        return {
+            src: { type: String },
+            skeleton: { type: Boolean, reflect: true },
+            alt: { type: String },
+            _loaded: { type: Boolean, reflect: true },
+            _error: { type: Boolean },
+        };
+    }
+    static get styles() {
+        return [
+            // language=CSS
+            css `
+        :host {
+          display: inline-block;
+          overflow: hidden;
+        }
 
-  set src(newVal) {
-    const oldVal = this._src;
-    this._src = newVal;
-    this.requestUpdate('src', oldVal);
-    this._error = false;
-    this._loaded = false;
-  }
+        .wrapper,
+        img {
+          height: 100%;
+          width: 100%;
+          transition: opacity 0.3s ease-in-out;
+        }
 
-  get src() {
-    return this._src;
-  }
+        .wrapper {
+          align-items: center;
+          display: flex;
+          justify-content: center;
+          position: relative;
+        }
 
-  _onLoad(e) {
-    this._loaded = true;
-    this.skeleton = false;
-    dispatchCustomEvent(this, 'loaded', {
-      src: this.src,
-      alt: this.alt
-    });
-  }
+        .wrapper.text:not('.skeleton') {
+          background-color: var(--gv-theme-neutral-color);
+        }
 
-  _onError(e) {
-    this._error = true;
-    this.skeleton = false;
-    this.dispatchEvent(new Event('error'), e);
-  }
+        img {
+          display: block;
+          object-fit: var(--gv-image--of, cover);
+          object-position: center center;
+          opacity: 0;
+          position: absolute;
+          top: 0;
+          transition: opacity 150ms ease-in-out;
+          left: 0;
+        }
 
-  render() {
-    const displayText = this.src == null || this._error;
-    return html` <div class="wrapper ${classMap({
-      skeleton: this.skeleton,
-      loaded: this._loaded,
-      text: displayText
-    })}"> <img src="${ifDefined(this.src)}" @load="${this._onLoad}" @error="${this._onError}" alt=""> ${displayText ? html` <div class="error-msg">${this.alt}</div> ` : ''} </div> `;
-  }
+        .wrapper.loaded img {
+          opacity: 1;
+        }
 
+        .error-msg {
+          font-size: 0.9rem;
+          overflow: hidden;
+          padding: 0.25rem;
+          text-align: center;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      `,
+            skeleton,
+        ];
+    }
+    constructor() {
+        super();
+        this.skeleton = false;
+        this._error = false;
+        this._loaded = false;
+    }
+    set src(newVal) {
+        const oldVal = this._src;
+        this._src = newVal;
+        this.requestUpdate('src', oldVal);
+        this._error = false;
+        this._loaded = false;
+    }
+    get src() {
+        return this._src;
+    }
+    _onLoad(e) {
+        this._loaded = true;
+        this.skeleton = false;
+        dispatchCustomEvent(this, 'loaded', { src: this.src, alt: this.alt });
+    }
+    _onError(e) {
+        this._error = true;
+        this.skeleton = false;
+        this.dispatchEvent(new Event('error'), e);
+    }
+    render() {
+        const displayText = this.src == null || this._error;
+        return html `
+      <div class="wrapper ${classMap({ skeleton: this.skeleton, loaded: this._loaded, text: displayText })}">
+        <img src=${ifDefined(this.src)} @load=${this._onLoad} @error=${this._onError} alt="" />
+        ${displayText ? html ` <div class="error-msg">${this.alt}</div> ` : ''}
+      </div>
+    `;
+    }
 }
 window.customElements.define('gv-image', GvImage);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LWltYWdlLmpzIl0sIm5hbWVzIjpbIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsImNsYXNzTWFwIiwiaWZEZWZpbmVkIiwic2tlbGV0b24iLCJHdkltYWdlIiwicHJvcGVydGllcyIsInNyYyIsInR5cGUiLCJTdHJpbmciLCJCb29sZWFuIiwicmVmbGVjdCIsImFsdCIsIl9sb2FkZWQiLCJfZXJyb3IiLCJzdHlsZXMiLCJjb25zdHJ1Y3RvciIsIm5ld1ZhbCIsIm9sZFZhbCIsIl9zcmMiLCJyZXF1ZXN0VXBkYXRlIiwiX29uTG9hZCIsImUiLCJfb25FcnJvciIsImRpc3BhdGNoRXZlbnQiLCJFdmVudCIsInJlbmRlciIsImRpc3BsYXlUZXh0IiwibG9hZGVkIiwidGV4dCIsIndpbmRvdyIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxtQkFBVCxRQUFvQyxlQUFwQztBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxPQUFOLFNBQXNCUCxVQUF0QixDQUFpQztBQUNqQixhQUFWUSxVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMQyxNQUFBQSxHQUFHLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BREE7QUFFTEwsTUFBQUEsUUFBUSxFQUFFO0FBQUVJLFFBQUFBLElBQUksRUFBRUUsT0FBUjtBQUFpQkMsUUFBQUEsT0FBTyxFQUFFO0FBQTFCLE9BRkw7QUFHTEMsTUFBQUEsR0FBRyxFQUFFO0FBQUVKLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUhBO0FBSUxJLE1BQUFBLE9BQU8sRUFBRTtBQUFFTCxRQUFBQSxJQUFJLEVBQUVFLE9BQVI7QUFBaUJDLFFBQUFBLE9BQU8sRUFBRTtBQUExQixPQUpKO0FBS0xHLE1BQUFBLE1BQU0sRUFBRTtBQUFFTixRQUFBQSxJQUFJLEVBQUVFO0FBQVI7QUFMSCxLQUFQO0FBT0Q7O0FBRWdCLGFBQU5LLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0w7QUFDQWYsSUFBQUEsR0FBRywya0JBRkUsRUFrRExJLFFBbERLLENBQVA7QUFvREQ7O0FBRURZLEVBQUFBLFdBQVcsR0FBRztBQUNaO0FBQ0EsU0FBS1osUUFBTCxHQUFnQixLQUFoQjtBQUNBLFNBQUtVLE1BQUwsR0FBYyxLQUFkO0FBQ0EsU0FBS0QsT0FBTCxHQUFlLEtBQWY7QUFDRDs7QUFFTSxNQUFITixHQUFHLENBQUNVLE1BQUQsRUFBUztBQUNkLFVBQU1DLE1BQU0sR0FBRyxLQUFLQyxJQUFwQjtBQUNBLFNBQUtBLElBQUwsR0FBWUYsTUFBWjtBQUNBLFNBQUtHLGFBQUwsQ0FBbUIsS0FBbkIsRUFBMEJGLE1BQTFCO0FBQ0EsU0FBS0osTUFBTCxHQUFjLEtBQWQ7QUFDQSxTQUFLRCxPQUFMLEdBQWUsS0FBZjtBQUNEOztBQUVNLE1BQUhOLEdBQUcsR0FBRztBQUNSLFdBQU8sS0FBS1ksSUFBWjtBQUNEOztBQUVERSxFQUFBQSxPQUFPLENBQUNDLENBQUQsRUFBSTtBQUNULFNBQUtULE9BQUwsR0FBZSxJQUFmO0FBQ0EsU0FBS1QsUUFBTCxHQUFnQixLQUFoQjtBQUNBSCxJQUFBQSxtQkFBbUIsQ0FBQyxJQUFELEVBQU8sUUFBUCxFQUFpQjtBQUFFTSxNQUFBQSxHQUFHLEVBQUUsS0FBS0EsR0FBWjtBQUFpQkssTUFBQUEsR0FBRyxFQUFFLEtBQUtBO0FBQTNCLEtBQWpCLENBQW5CO0FBQ0Q7O0FBRURXLEVBQUFBLFFBQVEsQ0FBQ0QsQ0FBRCxFQUFJO0FBQ1YsU0FBS1IsTUFBTCxHQUFjLElBQWQ7QUFDQSxTQUFLVixRQUFMLEdBQWdCLEtBQWhCO0FBQ0EsU0FBS29CLGFBQUwsQ0FBbUIsSUFBSUMsS0FBSixDQUFVLE9BQVYsQ0FBbkIsRUFBdUNILENBQXZDO0FBQ0Q7O0FBRURJLEVBQUFBLE1BQU0sR0FBRztBQUNQLFVBQU1DLFdBQVcsR0FBRyxLQUFLcEIsR0FBTCxJQUFZLElBQVosSUFBb0IsS0FBS08sTUFBN0M7QUFDQSxXQUFPZixJQUFJLHdCQUNhRyxRQUFRLENBQUM7QUFBRUUsTUFBQUEsUUFBUSxFQUFFLEtBQUtBLFFBQWpCO0FBQTJCd0IsTUFBQUEsTUFBTSxFQUFFLEtBQUtmLE9BQXhDO0FBQWlEZ0IsTUFBQUEsSUFBSSxFQUFFRjtBQUF2RCxLQUFELENBRHJCLGdCQUVJeEIsU0FBUyxDQUFDLEtBQUtJLEdBQU4sQ0FGYixZQUVpQyxLQUFLYyxPQUZ0QyxhQUV3RCxLQUFLRSxRQUY3RCxhQUdMSSxXQUFXLEdBQUc1QixJQUFJLDJCQUEyQixLQUFLYSxHQUFoQyxTQUFQLEdBQXNELEVBSDVELFVBQVg7QUFNRDs7QUF6R3FDO0FBNEd4Q2tCLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsVUFBN0IsRUFBeUMzQixPQUF6QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBMaXRFbGVtZW50LCBodG1sLCBjc3MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuaW1wb3J0IHsgaWZEZWZpbmVkIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvaWYtZGVmaW5lZCc7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5cbi8qKlxuICogQW4gaW1hZ2VcbiAqXG4gKiAjIyBEZXRhaWxzXG4gKiAqIGhhcyBAdGhlbWUgZmFjZXRcbiAqXG4gKiBAZmlyZXMgZ3YtaW1hZ2U6bG9hZGVkIC0gV2hlbiBpbWFnZSBpcyBsb2FkZWRcbiAqXG4gKiBAYXR0ciB7U3RyaW5nfSBzcmMgLSBTb3VyY2Ugb2YgaW1nXG4gKiBAYXR0ciB7U3RyaW5nfSBhbHQgLSBBbHRlcm5hdGl2ZSB0ZXh0IG9mIGltZ1xuICogQGF0dHIge0Jvb2xlYW59IHNrZWxldG9uIC0gZW5hYmxlIHNrZWxldG9uIHNjcmVlbiBVSSBwYXR0ZXJuIChsb2FkaW5nIGhpbnQpXG4gKlxuICogQGNzc3Byb3Age1N0cmluZ30gWy0tZ3YtaW1hZ2UtLW9mPWNvdmVyXSAtIHNldCB0aGUgb2JqZWN0LWZpdCBvZiBpbWFnZVxuICovXG5leHBvcnQgY2xhc3MgR3ZJbWFnZSBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHNyYzogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGFsdDogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIF9sb2FkZWQ6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgX2Vycm9yOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cblxuICAgICAgICAud3JhcHBlcixcbiAgICAgICAgaW1nIHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzIGVhc2UtaW4tb3V0O1xuICAgICAgICB9XG5cbiAgICAgICAgLndyYXBwZXIge1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIH1cblxuICAgICAgICAud3JhcHBlci50ZXh0Om5vdCgnLnNrZWxldG9uJykge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3IpO1xuICAgICAgICB9XG5cbiAgICAgICAgaW1nIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBvYmplY3QtZml0OiB2YXIoLS1ndi1pbWFnZS0tb2YsIGNvdmVyKTtcbiAgICAgICAgICBvYmplY3QtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZS1pbi1vdXQ7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC53cmFwcGVyLmxvYWRlZCBpbWcge1xuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAuZXJyb3ItbXNnIHtcbiAgICAgICAgICBmb250LXNpemU6IDAuOXJlbTtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgICBza2VsZXRvbixcbiAgICBdO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnNrZWxldG9uID0gZmFsc2U7XG4gICAgdGhpcy5fZXJyb3IgPSBmYWxzZTtcbiAgICB0aGlzLl9sb2FkZWQgPSBmYWxzZTtcbiAgfVxuXG4gIHNldCBzcmMobmV3VmFsKSB7XG4gICAgY29uc3Qgb2xkVmFsID0gdGhpcy5fc3JjO1xuICAgIHRoaXMuX3NyYyA9IG5ld1ZhbDtcbiAgICB0aGlzLnJlcXVlc3RVcGRhdGUoJ3NyYycsIG9sZFZhbCk7XG4gICAgdGhpcy5fZXJyb3IgPSBmYWxzZTtcbiAgICB0aGlzLl9sb2FkZWQgPSBmYWxzZTtcbiAgfVxuXG4gIGdldCBzcmMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NyYztcbiAgfVxuXG4gIF9vbkxvYWQoZSkge1xuICAgIHRoaXMuX2xvYWRlZCA9IHRydWU7XG4gICAgdGhpcy5za2VsZXRvbiA9IGZhbHNlO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2xvYWRlZCcsIHsgc3JjOiB0aGlzLnNyYywgYWx0OiB0aGlzLmFsdCB9KTtcbiAgfVxuXG4gIF9vbkVycm9yKGUpIHtcbiAgICB0aGlzLl9lcnJvciA9IHRydWU7XG4gICAgdGhpcy5za2VsZXRvbiA9IGZhbHNlO1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2Vycm9yJyksIGUpO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IGRpc3BsYXlUZXh0ID0gdGhpcy5zcmMgPT0gbnVsbCB8fCB0aGlzLl9lcnJvcjtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJ3cmFwcGVyICR7Y2xhc3NNYXAoeyBza2VsZXRvbjogdGhpcy5za2VsZXRvbiwgbG9hZGVkOiB0aGlzLl9sb2FkZWQsIHRleHQ6IGRpc3BsYXlUZXh0IH0pfVwiPlxuICAgICAgICA8aW1nIHNyYz0ke2lmRGVmaW5lZCh0aGlzLnNyYyl9IEBsb2FkPSR7dGhpcy5fb25Mb2FkfSBAZXJyb3I9JHt0aGlzLl9vbkVycm9yfSBhbHQ9XCJcIiAvPlxuICAgICAgICAke2Rpc3BsYXlUZXh0ID8gaHRtbGAgPGRpdiBjbGFzcz1cImVycm9yLW1zZ1wiPiR7dGhpcy5hbHR9PC9kaXY+IGAgOiAnJ31cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtaW1hZ2UnLCBHdkltYWdlKTtcbiJdfQ==
+//# sourceMappingURL=gv-image.js.map

package/src/atoms/gv-image.js.map

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

package/src/atoms/gv-input-message.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Input message component
+ *
+ * @attr {String} level - level of message ['info', 'error', 'warning']
+ */
+export class GvInputMessage extends LitElement {
+    static get properties(): {
+        level: {
+            type: StringConstructor;
+        };
+        _level: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _level: string;
+    set level(arg: any);
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-input-message.js

@@ -20,40 +20,60 @@ import '../atoms/gv-icon';
  *
  * @attr {String} level - level of message ['info', 'error', 'warning']
  */
-
 export class GvInputMessage extends LitElement {
-  static get properties() {
-    return {
-      level: {
-        type: String
-      },
-      _level: {
-        type: String,
-        attribute: false
-      }
-    };
-  }
+    static get properties() {
+        return {
+            level: { type: String },
+            _level: { type: String, attribute: false },
+        };
+    }
+    constructor() {
+        super();
+        this._level = 'warning';
+    }
+    set level(level) {
+        if (['error', 'info', 'warning'].includes(level)) {
+            this._level = level;
+        }
+    }
+    render() {
+        return html `<div class="box"><gv-icon class="${this._level}" shape="code:${this._level}"></gv-icon><slot></slot></div>`;
+    }
+    static get styles() {
+        return [
+            // language=CSS
+            css `
+        :host {
+          box-sizing: border-box;
+          display: block;
+          margin: 0.2rem;
+        }
 
-  constructor() {
-    super();
-    this._level = 'warning';
-  }
+        .box {
+          display: flex;
+          align-items: center;
+          white-space: normal;
+        }
 
-  set level(level) {
-    if (['error', 'info', 'warning'].includes(level)) {
-      this._level = level;
-    }
-  }
+        gv-icon {
+          margin: 0 0.2rem;
+          --gv-icon--s: 24px;
+        }
 
-  render() {
-    return html`<div class="box"><gv-icon class="${this._level}" shape="code:${this._level}"></gv-icon><slot></slot></div>`;
-  }
+        gv-icon.warning {
+          --gv-icon-opacity--c: var(--gv-theme-color-warning, #ff9800);
+        }
 
-  static get styles() {
-    return [// language=CSS
-    css`:host{box-sizing:border-box;display:block;margin:.2rem}.box{display:flex;align-items:center;white-space:normal}gv-icon{margin:0 .2rem;--gv-icon--s:24px}gv-icon.warning{--gv-icon-opacity--c:var(--gv-theme-color-warning, #ff9800)}gv-icon.error{--gv-icon-opacity--c:var(--gv-theme-color-error, #f44336)}gv-icon.info{--gv-icon-opacity--c:var(--gv-theme-color-info, #2196f3)}`];
-  }
+        gv-icon.error {
+          --gv-icon-opacity--c: var(--gv-theme-color-error, #f44336);
+        }
 
+        gv-icon.info {
+          --gv-icon-opacity--c: var(--gv-theme-color-info, #2196f3);
+        }
+      `,
+        ];
+    }
 }
 window.customElements.define('gv-input-message', GvInputMessage);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LWlucHV0LW1lc3NhZ2UuanMiXSwibmFtZXMiOlsiY3NzIiwiTGl0RWxlbWVudCIsImh0bWwiLCJHdklucHV0TWVzc2FnZSIsInByb3BlcnRpZXMiLCJsZXZlbCIsInR5cGUiLCJTdHJpbmciLCJfbGV2ZWwiLCJhdHRyaWJ1dGUiLCJjb25zdHJ1Y3RvciIsImluY2x1ZGVzIiwicmVuZGVyIiwic3R5bGVzIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLEdBQVQsRUFBY0MsVUFBZCxFQUEwQkMsSUFBMUIsUUFBc0MsS0FBdEM7QUFDQSxPQUFPLGtCQUFQO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLGNBQU4sU0FBNkJGLFVBQTdCLENBQXdDO0FBQ3hCLGFBQVZHLFVBQVUsR0FBRztBQUN0QixXQUFPO0FBQ0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFQyxRQUFBQSxJQUFJLEVBQUVDO0FBQVIsT0FERjtBQUVMQyxNQUFBQSxNQUFNLEVBQUU7QUFBRUYsUUFBQUEsSUFBSSxFQUFFQyxNQUFSO0FBQWdCRSxRQUFBQSxTQUFTLEVBQUU7QUFBM0I7QUFGSCxLQUFQO0FBSUQ7O0FBRURDLEVBQUFBLFdBQVcsR0FBRztBQUNaO0FBQ0EsU0FBS0YsTUFBTCxHQUFjLFNBQWQ7QUFDRDs7QUFFUSxNQUFMSCxLQUFLLENBQUNBLEtBQUQsRUFBUTtBQUNmLFFBQUksQ0FBQyxPQUFELEVBQVUsTUFBVixFQUFrQixTQUFsQixFQUE2Qk0sUUFBN0IsQ0FBc0NOLEtBQXRDLENBQUosRUFBa0Q7QUFDaEQsV0FBS0csTUFBTCxHQUFjSCxLQUFkO0FBQ0Q7QUFDRjs7QUFFRE8sRUFBQUEsTUFBTSxHQUFHO0FBQ1AsV0FBT1YsSUFBSSxvQ0FBb0MsS0FBS00sTUFBekMsaUJBQWdFLEtBQUtBLE1BQXJFLGlDQUFYO0FBQ0Q7O0FBRWdCLGFBQU5LLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0w7QUFDQWIsSUFBQUEsR0FBRyxvWEFGRSxDQUFQO0FBaUNEOztBQXpENEM7QUE0RC9DYyxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGtCQUE3QixFQUFpRGIsY0FBakQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBMaXRFbGVtZW50LCBodG1sIH0gZnJvbSAnbGl0JztcbmltcG9ydCAnLi4vYXRvbXMvZ3YtaWNvbic7XG5cbi8qKlxuICogSW5wdXQgbWVzc2FnZSBjb21wb25lbnRcbiAqXG4gKiBAYXR0ciB7U3RyaW5nfSBsZXZlbCAtIGxldmVsIG9mIG1lc3NhZ2UgWydpbmZvJywgJ2Vycm9yJywgJ3dhcm5pbmcnXVxuICovXG5leHBvcnQgY2xhc3MgR3ZJbnB1dE1lc3NhZ2UgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBsZXZlbDogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIF9sZXZlbDogeyB0eXBlOiBTdHJpbmcsIGF0dHJpYnV0ZTogZmFsc2UgfSxcbiAgICB9O1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLl9sZXZlbCA9ICd3YXJuaW5nJztcbiAgfVxuXG4gIHNldCBsZXZlbChsZXZlbCkge1xuICAgIGlmIChbJ2Vycm9yJywgJ2luZm8nLCAnd2FybmluZyddLmluY2x1ZGVzKGxldmVsKSkge1xuICAgICAgdGhpcy5fbGV2ZWwgPSBsZXZlbDtcbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIGh0bWxgPGRpdiBjbGFzcz1cImJveFwiPjxndi1pY29uIGNsYXNzPVwiJHt0aGlzLl9sZXZlbH1cIiBzaGFwZT1cImNvZGU6JHt0aGlzLl9sZXZlbH1cIj48L2d2LWljb24+PHNsb3Q+PC9zbG90PjwvZGl2PmA7XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICBjc3NgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIG1hcmdpbjogMC4ycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmJveCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgIH1cblxuICAgICAgICBndi1pY29uIHtcbiAgICAgICAgICBtYXJnaW46IDAgMC4ycmVtO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogMjRweDtcbiAgICAgICAgfVxuXG4gICAgICAgIGd2LWljb24ud2FybmluZyB7XG4gICAgICAgICAgLS1ndi1pY29uLW9wYWNpdHktLWM6IHZhcigtLWd2LXRoZW1lLWNvbG9yLXdhcm5pbmcsICNmZjk4MDApO1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaWNvbi5lcnJvciB7XG4gICAgICAgICAgLS1ndi1pY29uLW9wYWNpdHktLWM6IHZhcigtLWd2LXRoZW1lLWNvbG9yLWVycm9yLCAjZjQ0MzM2KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGd2LWljb24uaW5mbyB7XG4gICAgICAgICAgLS1ndi1pY29uLW9wYWNpdHktLWM6IHZhcigtLWd2LXRoZW1lLWNvbG9yLWluZm8sICMyMTk2ZjMpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtaW5wdXQtbWVzc2FnZScsIEd2SW5wdXRNZXNzYWdlKTtcbiJdfQ==
+//# sourceMappingURL=gv-input-message.js.map

package/src/atoms/gv-input-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-input-message.js","sourceRoot":"","sources":["../../../src/atoms/gv-input-message.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAE1B;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC5C,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;SAC3C,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;IAC1B,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAChD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,oCAAoC,IAAI,CAAC,MAAM,iBAAiB,IAAI,CAAC,MAAM,iCAAiC,CAAC;IAC1H,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BF;SACF,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC"}