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

package/src/atoms/gv-state.js

@@ -16,6 +16,7 @@
 import { classMap } from 'lit/directives/class-map';
 import { LitElement, html, css } from 'lit';
 import { skeleton } from '../styles/skeleton';
+
 /**
  * A State
  *
@@ -42,34 +43,70 @@ import { skeleton } from '../styles/skeleton';
  * @cssprop {Color} [--gv-state-major--bgc=var(--gv-theme-color-light, #d5fdcb)] - Major background color
  * @cssprop {Color} [--gv-state-major--c=var(--gv-theme-color, #009b5b)] - Major color
  */
-
 export class GvState extends LitElement {
   static get properties() {
     return {
-      default: {
-        type: Boolean
-      },
-      error: {
-        type: Boolean
-      },
-      major: {
-        type: Boolean
-      },
-      skeleton: {
-        type: Boolean
-      },
-      success: {
-        type: Boolean
-      },
-      warn: {
-        type: Boolean
-      }
+      default: { type: Boolean },
+      error: { type: Boolean },
+      major: { type: Boolean },
+      skeleton: { type: Boolean },
+      success: { type: Boolean },
+      warn: { type: Boolean },
     };
   }
 
   static get styles() {
-    return [skeleton, // language=CSS
-    css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle}div.default{--bgc:var(--gv-state--bgc, #f0f5ff);--c:var(--gv-state--c, #597ef7)}div.error{--bgc:var(--gv-theme-color-error-light, #e57373);--c:var(--gv-theme-neutral-color-lightest, #ffffff)}div.major{--bgc:var(--gv-state-major--bgc, var(--gv-theme-color-light, #d5fdcb));--c:var(--gv-state-major--c, var(--gv-theme-color, #009b5b))}div.success{--bgc:var(--gv-theme-color-success-light, #81c784);--c:var(--gv-theme-neutral-color-lightest, #ffffff)}div.warn{--bgc:var(--gv-theme-color-warning-light, #ffb74d);--c:var(--gv-theme-neutral-color-lightest, #ffffff)}div{background-color:var(--bgc);border-radius:var(--gv-state--bdr,17px);color:var(--c);--fz:var(--gv-state--fz, var(--gv-theme-font-size-s, 12px));font-size:var(--fz);font-weight:var(--gv-state--fw,bold);text-transform:var(--gv-state--tt,uppercase);line-height:var(--fz);padding:var(--gv-state--p,4px 8px)}`];
+    return [
+      skeleton,
+      // language=CSS
+      css`
+        :host {
+          box-sizing: border-box;
+          display: inline-block;
+          margin: 0.2rem;
+          vertical-align: middle;
+        }
+
+        div.default {
+          --bgc: var(--gv-state--bgc, #f0f5ff);
+          --c: var(--gv-state--c, #597ef7);
+        }
+
+        div.error {
+          --bgc: var(--gv-theme-color-error-light, #e57373);
+          --c: var(--gv-theme-neutral-color-lightest, #ffffff);
+        }
+
+        div.major {
+          --bgc: var(--gv-state-major--bgc, var(--gv-theme-color-light, #d5fdcb));
+          --c: var(--gv-state-major--c, var(--gv-theme-color, #009b5b));
+        }
+
+        div.success {
+          --bgc: var(--gv-theme-color-success-light, #81c784);
+          --c: var(--gv-theme-neutral-color-lightest, #ffffff);
+        }
+
+        div.warn {
+          --bgc: var(--gv-theme-color-warning-light, #ffb74d);
+          --c: var(--gv-theme-neutral-color-lightest, #ffffff);
+        }
+
+        div {
+          background-color: var(--bgc);
+          border-radius: var(--gv-state--bdr, 17px);
+          color: var(--c);
+
+          --fz: var(--gv-state--fz, var(--gv-theme-font-size-s, 12px));
+          font-size: var(--fz);
+
+          font-weight: var(--gv-state--fw, bold);
+          text-transform: var(--gv-state--tt, uppercase);
+          line-height: var(--fz);
+          padding: var(--gv-state--p, 4px 8px);
+        }
+      `,
+    ];
   }
 
   render() {
@@ -79,11 +116,15 @@ export class GvState extends LitElement {
       major: this.major,
       skeleton: this.skeleton,
       success: this.success,
-      warn: this.warn
+      warn: this.warn,
     };
-    return html` <div class="${classMap(modes)}"> <slot></slot> </div> `;
-  }
 
+    return html`
+      <div class=${classMap(modes)}>
+        <slot></slot>
+      </div>
+    `;
+  }
 }
+
 window.customElements.define('gv-state', GvState);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXN0YXRlLmpzIl0sIm5hbWVzIjpbImNsYXNzTWFwIiwiTGl0RWxlbWVudCIsImh0bWwiLCJjc3MiLCJza2VsZXRvbiIsIkd2U3RhdGUiLCJwcm9wZXJ0aWVzIiwiZGVmYXVsdCIsInR5cGUiLCJCb29sZWFuIiwiZXJyb3IiLCJtYWpvciIsInN1Y2Nlc3MiLCJ3YXJuIiwic3R5bGVzIiwicmVuZGVyIiwibW9kZXMiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsUUFBVCxRQUF5QiwwQkFBekI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxPQUFOLFNBQXNCSixVQUF0QixDQUFpQztBQUNqQixhQUFWSyxVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMQyxNQUFBQSxPQUFPLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BREo7QUFFTEMsTUFBQUEsS0FBSyxFQUFFO0FBQUVGLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUZGO0FBR0xFLE1BQUFBLEtBQUssRUFBRTtBQUFFSCxRQUFBQSxJQUFJLEVBQUVDO0FBQVIsT0FIRjtBQUlMTCxNQUFBQSxRQUFRLEVBQUU7QUFBRUksUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BSkw7QUFLTEcsTUFBQUEsT0FBTyxFQUFFO0FBQUVKLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUxKO0FBTUxJLE1BQUFBLElBQUksRUFBRTtBQUFFTCxRQUFBQSxJQUFJLEVBQUVDO0FBQVI7QUFORCxLQUFQO0FBUUQ7O0FBRWdCLGFBQU5LLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0xWLFFBREssRUFFTDtBQUNBRCxJQUFBQSxHQUFHLHc3QkFIRSxDQUFQO0FBbUREOztBQUVEWSxFQUFBQSxNQUFNLEdBQUc7QUFDUCxVQUFNQyxLQUFLLEdBQUc7QUFDWlQsTUFBQUEsT0FBTyxFQUFFLENBQUMsS0FBS0ksS0FBTixJQUFlLENBQUMsS0FBS0QsS0FBckIsSUFBOEIsQ0FBQyxLQUFLRSxPQUFwQyxJQUErQyxDQUFDLEtBQUtDLElBRGxEO0FBRVpILE1BQUFBLEtBQUssRUFBRSxLQUFLQSxLQUZBO0FBR1pDLE1BQUFBLEtBQUssRUFBRSxLQUFLQSxLQUhBO0FBSVpQLE1BQUFBLFFBQVEsRUFBRSxLQUFLQSxRQUpIO0FBS1pRLE1BQUFBLE9BQU8sRUFBRSxLQUFLQSxPQUxGO0FBTVpDLE1BQUFBLElBQUksRUFBRSxLQUFLQTtBQU5DLEtBQWQ7QUFTQSxXQUFPWCxJQUFJLGdCQUNJRixRQUFRLENBQUNnQixLQUFELENBRFosMEJBQVg7QUFLRDs7QUFqRnFDO0FBb0Z4Q0MsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixVQUE3QixFQUF5Q2QsT0FBekMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcblxuLyoqXG4gKiBBIFN0YXRlXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGNsaWNrIC0gTmF0aXZlIGNsaWNrIGV2ZW50XG4gKlxuICogQHNsb3QgLSBUaGUgY29udGVudCBvZiB0aGUgc3RhdGUgKHRleHQgb3IgSFRNTClcbiAqXG4gKiBAYXR0ciB7Qm9vbGVhbn0gZXJyb3IgLSBlbmFibGUgZXJyb3IgbW9kZVxuICogQGF0dHIge0Jvb2xlYW59IG1ham9yIC0gZW5hYmxlIG1ham9yIG1vZGVcbiAqIEBhdHRyIHtCb29sZWFufSBzdWNjZXNzIC0gZW5hYmxlIHN1Y2Nlc3MgbW9kZVxuICogQGF0dHIge0Jvb2xlYW59IHdhcm4gLSBlbmFibGUgd2FybiBtb2RlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gc2tlbGV0b24gLSAgZW5hYmxlIHNrZWxldG9uIHNjcmVlbiBVSSBwYXR0ZXJuIChsb2FkaW5nIGhpbnQpXG4gKlxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3Ytc3RhdGUtLWJkcj0xN3B4XSAtIEJvcmRlciByYWRpdXNcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXN0YXRlLS1mej12YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCldIC0gRm9udCBzaXplXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi1zdGF0ZS0tZnc9Ym9sZF0gLSBGb250IHdlaWdodFxuICogQGNzc3Byb3Age1N0cmluZ30gWy0tZ3Ytc3RhdGUtLXR0PXVwcGVyY2FzZV0gLSBUZXh0IHRyYW5zZm9ybVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3Ytc3RhdGUtLXA9NHB4IDhweF0gLSBQYWRkaW5nXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN0YXRlLS1iZ2M9I2YwZjVmZl0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN0YXRlLS1jPSM1OTdlZjddIC0gQ29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3Ytc3RhdGUtbWFqb3ItLWJnYz12YXIoLS1ndi10aGVtZS1jb2xvci1saWdodCwgI2Q1ZmRjYildIC0gTWFqb3IgYmFja2dyb3VuZCBjb2xvclxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi1zdGF0ZS1tYWpvci0tYz12YXIoLS1ndi10aGVtZS1jb2xvciwgIzAwOWI1YildIC0gTWFqb3IgY29sb3JcbiAqL1xuZXhwb3J0IGNsYXNzIEd2U3RhdGUgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBkZWZhdWx0OiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIGVycm9yOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIG1ham9yOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHN1Y2Nlc3M6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgd2FybjogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5kZWZhdWx0IHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3Ytc3RhdGUtLWJnYywgI2YwZjVmZik7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi1zdGF0ZS0tYywgIzU5N2VmNyk7XG4gICAgICAgIH1cblxuICAgICAgICBkaXYuZXJyb3Ige1xuICAgICAgICAgIC0tYmdjOiB2YXIoLS1ndi10aGVtZS1jb2xvci1lcnJvci1saWdodCwgI2U1NzM3Myk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5tYWpvciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXN0YXRlLW1ham9yLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLWxpZ2h0LCAjZDVmZGNiKSk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi1zdGF0ZS1tYWpvci0tYywgdmFyKC0tZ3YtdGhlbWUtY29sb3IsICMwMDliNWIpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5zdWNjZXNzIHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGhlbWUtY29sb3Itc3VjY2Vzcy1saWdodCwgIzgxYzc4NCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi53YXJuIHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGhlbWUtY29sb3Itd2FybmluZy1saWdodCwgI2ZmYjc0ZCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdiB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmdjKTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ndi1zdGF0ZS0tYmRyLCAxN3B4KTtcbiAgICAgICAgICBjb2xvcjogdmFyKC0tYyk7XG5cbiAgICAgICAgICAtLWZ6OiB2YXIoLS1ndi1zdGF0ZS0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG5cbiAgICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZ3Ytc3RhdGUtLWZ3LCBib2xkKTtcbiAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0tZ3Ytc3RhdGUtLXR0LCB1cHBlcmNhc2UpO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1meik7XG4gICAgICAgICAgcGFkZGluZzogdmFyKC0tZ3Ytc3RhdGUtLXAsIDRweCA4cHgpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgbW9kZXMgPSB7XG4gICAgICBkZWZhdWx0OiAhdGhpcy5tYWpvciAmJiAhdGhpcy5lcnJvciAmJiAhdGhpcy5zdWNjZXNzICYmICF0aGlzLndhcm4sXG4gICAgICBlcnJvcjogdGhpcy5lcnJvcixcbiAgICAgIG1ham9yOiB0aGlzLm1ham9yLFxuICAgICAgc2tlbGV0b246IHRoaXMuc2tlbGV0b24sXG4gICAgICBzdWNjZXNzOiB0aGlzLnN1Y2Nlc3MsXG4gICAgICB3YXJuOiB0aGlzLndhcm4sXG4gICAgfTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz0ke2NsYXNzTWFwKG1vZGVzKX0+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3Ytc3RhdGUnLCBHdlN0YXRlKTtcbiJdfQ==

package/src/atoms/gv-switch.js

@@ -15,9 +15,11 @@
  */
 import { classMap } from 'lit/directives/class-map';
 import { ifDefined } from 'lit/directives/if-defined';
+
 import { LitElement, html, css } from 'lit';
 import { skeleton } from '../styles/skeleton';
 import { dispatchCustomEvent } from '../lib/events';
+
 /**
  * A wrapper of a <switch> component.
  *
@@ -39,45 +41,144 @@ import { dispatchCustomEvent } from '../lib/events';
  * @cssprop {Color} [--gv-switch--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Switch background color
  * @cssprop {String} [--gv-switch--ta=left] - Switch label text alignment
  */
-
 export class GvSwitch extends LitElement {
   static get properties() {
     return {
-      disabled: {
-        type: Boolean,
-        reflect: true
-      },
-      skeleton: {
-        type: Boolean
-      },
-      value: {
-        type: String,
-        reflect: true
-      },
-      label: {
-        type: String
-      },
-      description: {
-        type: String
-      },
-      small: {
-        type: Boolean,
-        reflect: true
-      },
-      checked: {
-        type: Boolean,
-        reflect: true
-      },
-      readonly: {
-        type: Boolean,
-        reflect: true
-      }
+      disabled: { type: Boolean, reflect: true },
+      skeleton: { type: Boolean },
+      value: { type: String, reflect: true },
+      label: { type: String },
+      description: { type: String },
+      small: { type: Boolean, reflect: true },
+      checked: { type: Boolean, reflect: true },
+      readonly: { type: Boolean, reflect: true },
     };
   }
 
   static get styles() {
-    return [skeleton, // language=CSS
-    css`:host{--off-bgc:var(--gv-switch-off--bgc, var(--gv-theme-neutral-color-dark, #bfbfbf));--on-bgc:var(--gv-switch-on--bgc, var(--gv-theme-color, #5a7684));box-sizing:border-box;margin:.2rem}.container{display:flex}.labels{display:flex;flex-direction:column;justify-content:center;flex:1;margin-right:.4rem;box-sizing:border-box;text-align:var(--gv-switch--ta,left)}.switch-title{font-weight:600}.switch-description{opacity:.6}.switch-container{display:flex;align-items:center}.switch{position:relative;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:16px}:host([small]) .switch{width:25px}:host([small]) .switch-label:before{width:10px;border-radius:10px;right:10px}:host([small]) .switch-label{height:10px;line-height:10px;border-radius:10px}:host([small]) .switch-title{font-weight:400;font-size:11px}.switch input{display:none}.switch-label{display:block;overflow:hidden;cursor:pointer;height:16px;padding:0;line-height:16px;border:2px solid transparent;border-radius:16px;background-color:var(--off-bgc);transition:background-color .3s ease-in}.switch-label:before{content:'';display:block;width:16px;margin:0;background:var(--gv-switch--bgc,var(--gv-theme-neutral-color-lightest,#fff));position:absolute;top:0;bottom:0;right:20px;border:2px solid var(--off-bgc);border-radius:16px;transition:all .3s ease-in 0s}:host([checked]) .switch-label{background-color:var(--on-bgc)}:host([checked]) .switch-label,:host([checked]) .switch-label:before{border-color:var(--on-bgc)}:host([checked]) .switch-label:before{right:0}:host([disabled]) .switch-label,:host([readonly]) .switch-label{cursor:default}:host([disabled]) .switch-label{opacity:.5}`];
+    return [
+      skeleton,
+      // language=CSS
+      css`
+        :host {
+          --off-bgc: var(--gv-switch-off--bgc, var(--gv-theme-neutral-color-dark, #bfbfbf));
+          --on-bgc: var(--gv-switch-on--bgc, var(--gv-theme-color, #5a7684));
+          box-sizing: border-box;
+          margin: 0.2rem;
+        }
+
+        .container {
+          display: flex;
+        }
+
+        .labels {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          flex: 1;
+          margin-right: 0.4rem;
+          box-sizing: border-box;
+          text-align: var(--gv-switch--ta, left);
+        }
+
+        .switch-title {
+          font-weight: 600;
+        }
+
+        .switch-description {
+          opacity: 0.6;
+        }
+
+        .switch-container {
+          display: flex;
+          align-items: center;
+        }
+
+        .switch {
+          position: relative;
+          width: 40px;
+          -webkit-user-select: none;
+          -moz-user-select: none;
+          -ms-user-select: none;
+          border-radius: 16px;
+        }
+
+        :host([small]) .switch {
+          width: 25px;
+        }
+
+        :host([small]) .switch-label:before {
+          width: 10px;
+          border-radius: 10px;
+          right: 10px;
+        }
+
+        :host([small]) .switch-label {
+          height: 10px;
+          line-height: 10px;
+          border-radius: 10px;
+        }
+
+        :host([small]) .switch-title {
+          font-weight: 400;
+          font-size: 11px;
+        }
+
+        .switch input {
+          display: none;
+        }
+
+        .switch-label {
+          display: block;
+          overflow: hidden;
+          cursor: pointer;
+          height: 16px;
+          padding: 0;
+          line-height: 16px;
+          border: 2px solid transparent;
+          border-radius: 16px;
+          background-color: var(--off-bgc);
+          transition: background-color 0.3s ease-in;
+        }
+
+        .switch-label:before {
+          content: '';
+          display: block;
+          width: 16px;
+          margin: 0;
+          background: var(--gv-switch--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          right: 20px;
+          border: 2px solid var(--off-bgc);
+          border-radius: 16px;
+          transition: all 0.3s ease-in 0s;
+        }
+
+        :host([checked]) .switch-label {
+          background-color: var(--on-bgc);
+        }
+
+        :host([checked]) .switch-label,
+        :host([checked]) .switch-label:before {
+          border-color: var(--on-bgc);
+        }
+
+        :host([checked]) .switch-label:before {
+          right: 0;
+        }
+
+        :host([disabled]) .switch-label,
+        :host([readonly]) .switch-label {
+          cursor: default;
+        }
+
+        :host([disabled]) .switch-label {
+          opacity: 0.5;
+        }
+      `,
+    ];
   }
 
   constructor() {
@@ -95,7 +196,6 @@ export class GvSwitch extends LitElement {
 
   updated(_changedProperties) {
     super.updated(_changedProperties);
-
     if (_changedProperties.has('value')) {
       if (this.value != null && this.value.toString() === 'true') {
         this.checked = true;
@@ -110,14 +210,34 @@ export class GvSwitch extends LitElement {
       skeleton: this.skeleton,
       disabled: this.disabled,
       small: this.small,
-      switch: true
+      switch: true,
     };
-    return html` <div class="container"> ${this.label || this.description ? html`<div class="${classMap({
-      labels: true,
-      skeleton: this.skeleton
-    })}"> ${this.label ? html`<label class="switch-title">${this.label}</label>` : ''} ${this.description ? html`<label class="switch-description" .innerHTML="${this.description}"></label>` : ''} </div>` : ''} <div class="switch-container"> <div class="${classMap(classes)}"> <input id="${this._id}" type="checkbox" .title="${ifDefined(this.label || this.description)}" ?disabled="${this.disabled || this.skeleton}" ?readonly="${this.readonly}" ?checked="${this.checked}" @input="${this._onInput}"> <label class="switch-label" for="${this._id}"></label> </div> </div> </div> `;
-  }
 
+    return html`
+      <div class="container">
+        ${this.label || this.description
+          ? html`<div class="${classMap({ labels: true, skeleton: this.skeleton })}">
+              ${this.label ? html`<label class="switch-title">${this.label}</label>` : ''}
+              ${this.description ? html`<label class="switch-description" .innerHTML="${this.description}"></label>` : ''}
+            </div>`
+          : ''}
+        <div class="switch-container">
+          <div class=${classMap(classes)}>
+            <input
+              id=${this._id}
+              type="checkbox"
+              .title=${ifDefined(this.label || this.description)}
+              ?disabled=${this.disabled || this.skeleton}
+              ?readonly="${this.readonly}"
+              ?checked=${this.checked}
+              @input=${this._onInput}
+            />
+            <label class="switch-label" for="${this._id}"></label>
+          </div>
+        </div>
+      </div>
+    `;
+  }
 }
+
 window.customElements.define('gv-switch', GvSwitch);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXN3aXRjaC5qcyJdLCJuYW1lcyI6WyJjbGFzc01hcCIsImlmRGVmaW5lZCIsIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwic2tlbGV0b24iLCJkaXNwYXRjaEN1c3RvbUV2ZW50IiwiR3ZTd2l0Y2giLCJwcm9wZXJ0aWVzIiwiZGlzYWJsZWQiLCJ0eXBlIiwiQm9vbGVhbiIsInJlZmxlY3QiLCJ2YWx1ZSIsIlN0cmluZyIsImxhYmVsIiwiZGVzY3JpcHRpb24iLCJzbWFsbCIsImNoZWNrZWQiLCJyZWFkb25seSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiX2lkIiwiX29uSW5wdXQiLCJ1cGRhdGVkIiwiX2NoYW5nZWRQcm9wZXJ0aWVzIiwiaGFzIiwidG9TdHJpbmciLCJyZW5kZXIiLCJjbGFzc2VzIiwic3dpdGNoIiwibGFiZWxzIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFFQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBLE9BQU8sTUFBTUMsUUFBTixTQUF1QkwsVUFBdkIsQ0FBa0M7QUFDbEIsYUFBVk0sVUFBVSxHQUFHO0FBQ3RCLFdB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S2MsS0FBTCxJQUFjLEtBQUtDLFdBQXBCLENBYmpCLGdCQWNXLEtBQUtQLFFBQUwsSUFBaUIsS0FBS0osUUFkakMsZ0JBZVksS0FBS2MsUUFmakIsZUFnQlUsS0FBS0QsT0FoQmYsYUFpQlEsS0FBS0ssUUFqQmIsdUNBbUJnQyxLQUFLRCxHQW5CckMsa0NBQVg7QUF3QkQ7O0FBcE1zQztBQXVNekNVLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsV0FBN0IsRUFBMEMzQixRQUExQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBpZkRlZmluZWQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9pZi1kZWZpbmVkJztcblxuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgb2YgYSA8c3dpdGNoPiBjb21wb25lbnQuXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LXN3aXRjaDppbnB1dCAtIG1pcnJvcnMgbmF0aXZlIGlucHV0IGV2ZW50cyB3aXRoIHRoZSBgdmFsdWVgIG9uIGBkZXRhaWxgXG4gKlxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gc2FtZSBhcyBuYXRpdmUgc3dpdGNoIGVsZW1lbnQgYGRpc2FibGVkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSBza2VsZXRvbiAtIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0Jvb2xlYW58U3RyaW5nfSB2YWx1ZSAtIHRydWUgaWYgdGhlIHN3aXRjaCBpcyBjaGVja2VkLCBmYWxzZSBvdGhlcndpc2VcbiAqIEBhdHRyIHtTdHJpbmd9IGxhYmVsIC0gbGFiZWwgb2YgdGhlIHN3aXRjaFxuICogQGF0dHIge1N0cmluZ30gZGVzY3JpcHRpb24gLSBkZXNjcmlwdGlvbiBvZiB0aGUgc3dpdGNoXG4gKiBAYXR0ciB7Qm9vbGVhbn0gY2hlY2tlZCAtIHNhbWUgYXMgbmF0aXZlIHN3aXRjaCBlbGVtZW50IGBjaGVja2VkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSByZWFkb25seSAtIHRydWUgaWYgcmVhZG9ubHlcbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC1vbi0tYmdjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBPbiBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC1vZmYtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpXSAtIE9mZiBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIFN3aXRjaCBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi1zd2l0Y2gtLXRhPWxlZnRdIC0gU3dpdGNoIGxhYmVsIHRleHQgYWxpZ25tZW50XG4gKi9cbmV4cG9ydCBjbGFzcyBHdlN3aXRjaCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc2FibGVkOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHZhbHVlOiB7IHR5cGU6IFN0cmluZywgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgbGFiZWw6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBkZXNjcmlwdGlvbjogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHNtYWxsOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGNoZWNrZWQ6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgcmVhZG9ubHk6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgc2tlbGV0b24sXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIC0tb2ZmLWJnYzogdmFyKC0tZ3Ytc3dpdGNoLW9mZi0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpKTtcbiAgICAgICAgICAtLW9uLWJnYzogdmFyKC0tZ3Ytc3dpdGNoLW9uLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KSk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBtYXJnaW46IDAuMnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAubGFiZWxzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNHJlbTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHRleHQtYWxpZ246IHZhcigtLWd2LXN3aXRjaC0tdGEsIGxlZnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaC10aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtZGVzY3JpcHRpb24ge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtY29udGFpbmVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuc3dpdGNoIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgICAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3NtYWxsXSkgLnN3aXRjaCB7XG4gICAgICAgICAgd2lkdGg6IDI1cHg7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbc21hbGxdKSAuc3dpdGNoLWxhYmVsOmJlZm9yZSB7XG4gICAgICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICAgICAgICByaWdodDogMTBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtzbWFsbF0pIC5zd2l0Y2gtbGFiZWwge1xuICAgICAgICAgIGhlaWdodDogMTBweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3NtYWxsXSkgLnN3aXRjaC10aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc3dpdGNoIGlucHV0IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1vZmYtYmdjKTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZS1pbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtbGFiZWw6YmVmb3JlIHtcbiAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZ3Ytc3dpdGNoLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICByaWdodDogMjBweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1vZmYtYmdjKTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4gMHM7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbY2hlY2tlZF0pIC5zd2l0Y2gtbGFiZWwge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW9uLWJnYyk7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbY2hlY2tlZF0pIC5zd2l0Y2gtbGFiZWwsXG4gICAgICAgIDpob3N0KFtjaGVja2VkXSkgLnN3aXRjaC1sYWJlbDpiZWZvcmUge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tb24tYmdjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtjaGVja2VkXSkgLnN3aXRjaC1sYWJlbDpiZWZvcmUge1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2Rpc2FibGVkXSkgLnN3aXRjaC1sYWJlbCxcbiAgICAgICAgOmhvc3QoW3JlYWRvbmx5XSkgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2Rpc2FibGVkXSkgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX2lkID0gJ2d2LWlkJztcbiAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgfVxuXG4gIF9vbklucHV0KCkge1xuICAgIGlmICghKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbiB8fCB0aGlzLnJlYWRvbmx5KSkge1xuICAgICAgdGhpcy52YWx1ZSA9ICF0aGlzLmNoZWNrZWQ7XG4gICAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdpbnB1dCcsIHRoaXMudmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZWQoX2NoYW5nZWRQcm9wZXJ0aWVzKSB7XG4gICAgc3VwZXIudXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChfY2hhbmdlZFByb3BlcnRpZXMuaGFzKCd2YWx1ZScpKSB7XG4gICAgICBpZiAodGhpcy52YWx1ZSAhPSBudWxsICYmIHRoaXMudmFsdWUudG9TdHJpbmcoKSA9PT0gJ3RydWUnKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZCA9IHRydWU7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgY2xhc3NlcyA9IHtcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQsXG4gICAgICBzbWFsbDogdGhpcy5zbWFsbCxcbiAgICAgIHN3aXRjaDogdHJ1ZSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgICR7dGhpcy5sYWJlbCB8fCB0aGlzLmRlc2NyaXB0aW9uXG4gICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKHsgbGFiZWxzOiB0cnVlLCBza2VsZXRvbjogdGhpcy5za2VsZXRvbiB9KX1cIj5cbiAgICAgICAgICAgICAgJHt0aGlzLmxhYmVsID8gaHRtbGA8bGFiZWwgY2xhc3M9XCJzd2l0Y2gtdGl0bGVcIj4ke3RoaXMubGFiZWx9PC9sYWJlbD5gIDogJyd9XG4gICAgICAgICAgICAgICR7dGhpcy5kZXNjcmlwdGlvbiA/IGh0bWxgPGxhYmVsIGNsYXNzPVwic3dpdGNoLWRlc2NyaXB0aW9uXCIgLmlubmVySFRNTD1cIiR7dGhpcy5kZXNjcmlwdGlvbn1cIj48L2xhYmVsPmAgOiAnJ31cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6ICcnfVxuICAgICAgICA8ZGl2IGNsYXNzPVwic3dpdGNoLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9JHtjbGFzc01hcChjbGFzc2VzKX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgaWQ9JHt0aGlzLl9pZH1cbiAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgLnRpdGxlPSR7aWZEZWZpbmVkKHRoaXMubGFiZWwgfHwgdGhpcy5kZXNjcmlwdGlvbil9XG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbn1cbiAgICAgICAgICAgICAgP3JlYWRvbmx5PVwiJHt0aGlzLnJlYWRvbmx5fVwiXG4gICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgICBAaW5wdXQ9JHt0aGlzLl9vbklucHV0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInN3aXRjaC1sYWJlbFwiIGZvcj1cIiR7dGhpcy5faWR9XCI+PC9sYWJlbD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXN3aXRjaCcsIEd2U3dpdGNoKTtcbiJdfQ==

package/src/atoms/gv-tag.js

@@ -19,6 +19,7 @@ import { skeleton } from '../styles/skeleton';
 import { link } from '../styles/link';
 import './gv-icon';
 import { dispatchCustomEvent } from '../lib/events';
+
 /**
  * A Tag
  *
@@ -62,35 +63,80 @@ import { dispatchCustomEvent } from '../lib/events';
  * @cssprop {Color} [--gv-tag-minor--c=var(--gv-theme-font-color-dark, #262626)] - Minor color
  * @cssprop {Length} [--gv-tag-icon--s=18px] - Height and icon width
  */
-
 export class GvTag extends LitElement {
   static get properties() {
     return {
-      icon: {
-        type: String
-      },
-      iconRight: {
-        type: String,
-        attribute: 'icon-right'
-      },
-      major: {
-        type: Boolean
-      },
-      minor: {
-        type: Boolean
-      },
-      skeleton: {
-        type: Boolean
-      },
-      clickable: {
-        type: Boolean
-      }
+      icon: { type: String },
+      iconRight: { type: String, attribute: 'icon-right' },
+      major: { type: Boolean },
+      minor: { type: Boolean },
+      skeleton: { type: Boolean },
+      clickable: { type: Boolean },
     };
   }
 
   static get styles() {
-    return [skeleton, link, // language=CSS
-    css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle}div.default{--bgc:var(--gv-tag--bgc, var(--gv-theme-neutral-color-lighter, #fafafa));--bdc:var(--gv-tag--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));--bds:var(--gv-tag--bds, solid);--bdw:var(--gv-tag--bdw, 1px);--c:var(--gv-tag--c, var(--gv-theme-font-color-dark, #262626))}div.major{--bgc:var(--gv-tag-major--bgc, var(--gv-theme-color, #5a7684));--bdc:var(--gv-tag-major--bdc, var(--gv-theme-color, #5a7684));--bds:var(--gv-tag-major--bds, solid);--bdw:var(--gv-tag-major--bdw, 1px);--c:var(--gv-tag-major--c, var(--gv-theme-font-color-light, #ffffff))}div.minor{--bgc:var(--gv-tag-minor--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));--bdc:var(--gv-tag-minor--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));--bds:var(--gv-tag-minor--bds, dashed);--bdw:var(--gv-tag-minor--bdw, 1px);--c:var(--gv-tag-minor--c, var(--gv-theme-font-color-dark, #262626))}div{background-color:var(--bgc);border-color:var(--bdc);border-radius:var(--gv-tag--bdr,4px);border-style:var(--bds);border-width:var(--bdw);box-shadow:var(--gv-tag--bsw,none);color:var(--c);--fz:var(--gv-tag--fz, var(--gv-theme-font-size-s, 12px));font-size:var(--fz);line-height:var(--fz);padding:var(--gv-tag--p,4px 8px);--gv-icon--s:var(--gv-tag-icon--s, 18px);--gv-icon--c:var(--c);--gv-icon-opacity--c:var(--c);word-break:normal}div>*{vertical-align:middle;display:inline-flex}`];
+    return [
+      skeleton,
+      link,
+      // language=CSS
+      css`
+        :host {
+          box-sizing: border-box;
+          display: inline-block;
+          margin: 0.2rem;
+          vertical-align: middle;
+        }
+
+        div.default {
+          --bgc: var(--gv-tag--bgc, var(--gv-theme-neutral-color-lighter, #fafafa));
+          --bdc: var(--gv-tag--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
+          --bds: var(--gv-tag--bds, solid);
+          --bdw: var(--gv-tag--bdw, 1px);
+          --c: var(--gv-tag--c, var(--gv-theme-font-color-dark, #262626));
+        }
+
+        div.major {
+          --bgc: var(--gv-tag-major--bgc, var(--gv-theme-color, #5a7684));
+          --bdc: var(--gv-tag-major--bdc, var(--gv-theme-color, #5a7684));
+          --bds: var(--gv-tag-major--bds, solid);
+          --bdw: var(--gv-tag-major--bdw, 1px);
+          --c: var(--gv-tag-major--c, var(--gv-theme-font-color-light, #ffffff));
+        }
+
+        div.minor {
+          --bgc: var(--gv-tag-minor--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
+          --bdc: var(--gv-tag-minor--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
+          --bds: var(--gv-tag-minor--bds, dashed);
+          --bdw: var(--gv-tag-minor--bdw, 1px);
+          --c: var(--gv-tag-minor--c, var(--gv-theme-font-color-dark, #262626));
+        }
+
+        div {
+          background-color: var(--bgc);
+          border-color: var(--bdc);
+          border-radius: var(--gv-tag--bdr, 4px);
+          border-style: var(--bds);
+          border-width: var(--bdw);
+          box-shadow: var(--gv-tag--bsw, none);
+          color: var(--c);
+          --fz: var(--gv-tag--fz, var(--gv-theme-font-size-s, 12px));
+          font-size: var(--fz);
+          line-height: var(--fz);
+          padding: var(--gv-tag--p, 4px 8px);
+          --gv-icon--s: var(--gv-tag-icon--s, 18px);
+          --gv-icon--c: var(--c);
+          --gv-icon-opacity--c: var(--c);
+
+          word-break: normal;
+        }
+
+        div > * {
+          vertical-align: middle;
+          display: inline-flex;
+        }
+      `,
+    ];
   }
 
   _onTagClick(e) {
@@ -106,11 +152,17 @@ export class GvTag extends LitElement {
       major: this.major,
       minor: this.minor && !this.major,
       skeleton: this.skeleton,
-      link: this.clickable
+      link: this.clickable,
     };
-    return html` <div class="${classMap(modes)}" @click="${this._onTagClick}"> ${this.icon ? html`<gv-icon shape="${this.icon}"></gv-icon>` : ''}<slot></slot>${this.iconRight ? html`<gv-icon shape="${this.iconRight}"></gv-icon>` : ''} </div> `;
-  }
 
+    return html`
+      <div class=${classMap(modes)} @click="${this._onTagClick}">
+        ${this.icon ? html`<gv-icon shape="${this.icon}"></gv-icon>` : ''}<slot></slot>${this.iconRight
+          ? html`<gv-icon shape="${this.iconRight}"></gv-icon>`
+          : ''}
+      </div>
+    `;
+  }
 }
+
 window.customElements.define('gv-tag', GvTag);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXRhZy5qcyJdLCJuYW1lcyI6WyJjbGFzc01hcCIsIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwic2tlbGV0b24iLCJsaW5rIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsIkd2VGFnIiwicHJvcGVydGllcyIsImljb24iLCJ0eXBlIiwiU3RyaW5nIiwiaWNvblJpZ2h0IiwiYXR0cmlidXRlIiwibWFqb3IiLCJCb29sZWFuIiwibWlub3IiLCJjbGlja2FibGUiLCJzdHlsZXMiLCJfb25UYWdDbGljayIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJyZW5kZXIiLCJtb2RlcyIsImRlZmF1bHQiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsUUFBVCxRQUF5QiwwQkFBekI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLElBQVQsUUFBcUIsZ0JBQXJCO0FBQ0EsT0FBTyxXQUFQO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLEtBQU4sU0FBb0JOLFVBQXBCLENBQStCO0FBQ2YsYUFBVk8sVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTEMsTUFBQUEsSUFBSSxFQUFFO0FBQUVDLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUREO0FBRUxDLE1BQUFBLFNBQVMsRUFBRTtBQUFFRixRQUFBQSxJQUFJLEVBQUVDLE1BQVI7QUFBZ0JFLFFBQUFBLFNBQVMsRUFBRTtBQUEzQixPQUZOO0FBR0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFSixRQUFBQSxJQUFJLEVBQUVLO0FBQVIsT0FIRjtBQUlMQyxNQUFBQSxLQUFLLEVBQUU7QUFBRU4sUUFBQUEsSUFBSSxFQUFFSztBQUFSLE9BSkY7QUFLTFgsTUFBQUEsUUFBUSxFQUFFO0FBQUVNLFFBQUFBLElBQUksRUFBRUs7QUFBUixPQUxMO0FBTUxFLE1BQUFBLFNBQVMsRUFBRTtBQUFFUCxRQUFBQSxJQUFJLEVBQUVLO0FBQVI7QUFOTixLQUFQO0FBUUQ7O0FBRWdCLGFBQU5HLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0xkLFFBREssRUFFTEMsSUFGSyxFQUdMO0FBQ0FGLElBQUFBLEdBQUcsKzVDQUpFLENBQVA7QUE2REQ7O0FBRURnQixFQUFBQSxXQUFXLENBQUNDLENBQUQsRUFBSTtBQUNiLFFBQUksS0FBS0gsU0FBVCxFQUFvQjtBQUNsQkcsTUFBQUEsQ0FBQyxDQUFDQyxlQUFGO0FBQ0FmLE1BQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxPQUFQLEVBQWdCLEVBQWhCLENBQW5CO0FBQ0Q7QUFDRjs7QUFFRGdCLEVBQUFBLE1BQU0sR0FBRztBQUNQLFVBQU1DLEtBQUssR0FBRztBQUNaQyxNQUFBQSxPQUFPLEVBQUUsQ0FBQyxLQUFLVixLQUFOLElBQWUsQ0FBQyxLQUFLRSxLQURsQjtBQUVaRixNQUFBQSxLQUFLLEVBQUUsS0FBS0EsS0FGQTtBQUdaRSxNQUFBQSxLQUFLLEVBQUUsS0FBS0EsS0FBTCxJQUFjLENBQUMsS0FBS0YsS0FIZjtBQUlaVixNQUFBQSxRQUFRLEVBQUUsS0FBS0EsUUFKSDtBQUtaQyxNQUFBQSxJQUFJLEVBQUUsS0FBS1k7QUFMQyxLQUFkO0FBUUEsV0FBT2YsSUFBSSxnQkFDSUYsUUFBUSxDQUFDdUIsS0FBRCxDQURaLGFBQytCLEtBQUtKLFdBRHBDLE1BRUwsS0FBS1YsSUFBTCxHQUFZUCxJQUFJLG1CQUFtQixLQUFLTyxJQUF4QixjQUFoQixHQUE2RCxFQUZ4RCxnQkFFMEUsS0FBS0csU0FBTCxHQUM3RVYsSUFBSSxtQkFBbUIsS0FBS1UsU0FBeEIsY0FEeUUsR0FFN0UsRUFKRyxVQUFYO0FBT0Q7O0FBbkdtQztBQXNHdENhLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsUUFBN0IsRUFBdUNwQixLQUF2QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBodG1sLCBjc3MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgc2tlbGV0b24gfSBmcm9tICcuLi9zdHlsZXMvc2tlbGV0b24nO1xuaW1wb3J0IHsgbGluayB9IGZyb20gJy4uL3N0eWxlcy9saW5rJztcbmltcG9ydCAnLi9ndi1pY29uJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBBIFRhZ1xuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICpcbiAqIEBmaXJlcyBjbGljayAtIE5hdGl2ZSBjbGljayBldmVudFxuICpcbiAqIEBzbG90IC0gVGhlIGNvbnRlbnQgb2YgdGhlIHRhZyAodGV4dCBvciBIVE1MKVxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IGljb24gLSBuYW1lIG9mIHNoYXBlXG4gKiBAYXR0ciB7U3RyaW5nfSBpY29uLXJpZ2h0IC0gbmFtZSBvZiBzaGFwZVxuICogQGF0dHIge0Jvb2xlYW59IG1ham9yIC0gc2V0IHRhZyBVSSBhcyBtYWpvclxuICogQGF0dHIge0Jvb2xlYW59IG1pbm9yIC0gc2V0IHRhZyBVSSBhcyBtaW5vclxuICogQGF0dHIge0Jvb2xlYW59IHNrZWxldG9uIC0gIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0Jvb2xlYW59IGNsaWNrYWJsZSAtIElmIHRydWUsIHRhZyBoYXMgbGluayBzdHlsZVxuICpcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXRhZy0tZno9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpXSAtIEZvbnQgc2l6ZVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGFnLS1wPTRweCA4cHhdIC0gUGFkZGluZ1xuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGFnLS1iZHI9NHB4XSAtIEJvcmRlciByYWRpdXNcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LXRhZy0tYnN3PW5vbmVdIC0gQm94IHNoYWRvd1xuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLS1iZ2M9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1saWdodGVyLCAjZmFmYWZhKV0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1tYWpvci0tYmdjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBNYWpvciBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1taW5vci0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIE1pbm9yIGJhY2tncm91bmQgY29sb3JcbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy0tYmRjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSldIC0gQm9yZGVyIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1tYWpvci0tYmRjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBNYWpvciBib3JkZXIgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLW1pbm9yLS1iZGM9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KV0gLSBNaW5vciBib3JkZXIgY29sb3JcblxuICogQGNzc3Byb3Age1N0cmluZ30gWy0tZ3YtdGFnLS1iZHM9c29saWRdIC0gQm9yZGVyIHN0eWxlXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi10YWctbWFqb3ItLWJkcz1zb2xpZF0gLSBNYWpvciBib3JkZXIgc3R5bGVcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LXRhZy1taW5vci0tYmRzPWRhc2hlZF0gLSBNaW5vciBib3JkZXIgc3R5bGVcbiAqXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctLWJkdz0xcHhdIC0gQm9yZGVyIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctbWFqb3ItLWJkdz0xcHhdIC0gTWFqb3IgYm9yZGVyIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctbWlub3ItLWJkdz0xcHhdIC0gTWlub3IgYm9yZGVyIHdpZHRoXG4gKlxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi10YWctLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KV0gLSBDb2xvclxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi10YWctbWFqb3ItLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1saWdodCwgI2ZmZmZmZildIC0gTWFqb3IgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLW1pbm9yLS1jPXZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyaywgIzI2MjYyNildIC0gTWlub3IgY29sb3JcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXRhZy1pY29uLS1zPTE4cHhdIC0gSGVpZ2h0IGFuZCBpY29uIHdpZHRoXG4gKi9cbmV4cG9ydCBjbGFzcyBHdlRhZyBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGljb246IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBpY29uUmlnaHQ6IHsgdHlwZTogU3RyaW5nLCBhdHRyaWJ1dGU6ICdpY29uLXJpZ2h0JyB9LFxuICAgICAgbWFqb3I6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgbWlub3I6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgc2tlbGV0b246IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgY2xpY2thYmxlOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHNrZWxldG9uLFxuICAgICAgbGluayxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5kZWZhdWx0IHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGFnLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlciwgI2ZhZmFmYSkpO1xuICAgICAgICAgIC0tYmRjOiB2YXIoLS1ndi10YWctLWJkYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KSk7XG4gICAgICAgICAgLS1iZHM6IHZhcigtLWd2LXRhZy0tYmRzLCBzb2xpZCk7XG4gICAgICAgICAgLS1iZHc6IHZhcigtLWd2LXRhZy0tYmR3LCAxcHgpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3YtdGFnLS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5tYWpvciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXRhZy1tYWpvci0tYmdjLCB2YXIoLS1ndi10aGVtZS1jb2xvciwgIzVhNzY4NCkpO1xuICAgICAgICAgIC0tYmRjOiB2YXIoLS1ndi10YWctbWFqb3ItLWJkYywgdmFyKC0tZ3YtdGhlbWUtY29sb3IsICM1YTc2ODQpKTtcbiAgICAgICAgICAtLWJkczogdmFyKC0tZ3YtdGFnLW1ham9yLS1iZHMsIHNvbGlkKTtcbiAgICAgICAgICAtLWJkdzogdmFyKC0tZ3YtdGFnLW1ham9yLS1iZHcsIDFweCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10YWctbWFqb3ItLWMsIHZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItbGlnaHQsICNmZmZmZmYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5taW5vciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXRhZy1taW5vci0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKSk7XG4gICAgICAgICAgLS1iZGM6IHZhcigtLWd2LXRhZy1taW5vci0tYmRjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpKTtcbiAgICAgICAgICAtLWJkczogdmFyKC0tZ3YtdGFnLW1pbm9yLS1iZHMsIGRhc2hlZCk7XG4gICAgICAgICAgLS1iZHc6IHZhcigtLWd2LXRhZy1taW5vci0tYmR3LCAxcHgpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3YtdGFnLW1pbm9yLS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdiB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmdjKTtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWJkYyk7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3YtdGFnLS1iZHIsIDRweCk7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiB2YXIoLS1iZHMpO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogdmFyKC0tYmR3KTtcbiAgICAgICAgICBib3gtc2hhZG93OiB2YXIoLS1ndi10YWctLWJzdywgbm9uZSk7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWMpO1xuICAgICAgICAgIC0tZno6IHZhcigtLWd2LXRhZy0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWZ6KTtcbiAgICAgICAgICBwYWRkaW5nOiB2YXIoLS1ndi10YWctLXAsIDRweCA4cHgpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogdmFyKC0tZ3YtdGFnLWljb24tLXMsIDE4cHgpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tYzogdmFyKC0tYyk7XG4gICAgICAgICAgLS1ndi1pY29uLW9wYWNpdHktLWM6IHZhcigtLWMpO1xuXG4gICAgICAgICAgd29yZC1icmVhazogbm9ybWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgZGl2ID4gKiB7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgX29uVGFnQ2xpY2soZSkge1xuICAgIGlmICh0aGlzLmNsaWNrYWJsZSkge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2NsaWNrJywge30pO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBtb2RlcyA9IHtcbiAgICAgIGRlZmF1bHQ6ICF0aGlzLm1ham9yICYmICF0aGlzLm1pbm9yLFxuICAgICAgbWFqb3I6IHRoaXMubWFqb3IsXG4gICAgICBtaW5vcjogdGhpcy5taW5vciAmJiAhdGhpcy5tYWpvcixcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgbGluazogdGhpcy5jbGlja2FibGUsXG4gICAgfTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz0ke2NsYXNzTWFwKG1vZGVzKX0gQGNsaWNrPVwiJHt0aGlzLl9vblRhZ0NsaWNrfVwiPlxuICAgICAgICAke3RoaXMuaWNvbiA/IGh0bWxgPGd2LWljb24gc2hhcGU9XCIke3RoaXMuaWNvbn1cIj48L2d2LWljb24+YCA6ICcnfTxzbG90Pjwvc2xvdD4ke3RoaXMuaWNvblJpZ2h0XG4gICAgICAgICAgPyBodG1sYDxndi1pY29uIHNoYXBlPVwiJHt0aGlzLmljb25SaWdodH1cIj48L2d2LWljb24+YFxuICAgICAgICAgIDogJyd9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXRhZycsIEd2VGFnKTtcbiJdfQ==