@gravitee/ui-components 3.25.2 → 3.25.3-typescript-5a46c7d

package/src/atoms/gv-switch.js

@@ -1,123 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-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.
- *
- * ## Details
- * * has @theme facet
- *
- * @fires gv-switch:input - mirrors native input events with the `value` on `detail`
- *
- * @attr {Boolean} disabled - same as native switch element `disabled` attribute
- * @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
- * @attr {Boolean|String} value - true if the switch is checked, false otherwise
- * @attr {String} label - label of the switch
- * @attr {String} description - description of the switch
- * @attr {Boolean} checked - same as native switch element `checked` attribute
- * @attr {Boolean} readonly - true if readonly
- *
- * @cssprop {Color} [--gv-switch-on--bgc=var(--gv-theme-color, #5a7684)] - On background color
- * @cssprop {Color} [--gv-switch-off--bgc=var(--gv-theme-neutral-color-dark, #bfbfbf)] - Off background color
- * @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
-      }
-    };
-  }
-
-  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}`];
-  }
-
-  constructor() {
-    super();
-    this._id = 'gv-id';
-    this.checked = false;
-  }
-
-  _onInput() {
-    if (!(this.disabled || this.skeleton || this.readonly)) {
-      this.value = !this.checked;
-      dispatchCustomEvent(this, 'input', this.value);
-    }
-  }
-
-  updated(_changedProperties) {
-    super.updated(_changedProperties);
-
-    if (_changedProperties.has('value')) {
-      if (this.value != null && this.value.toString() === 'true') {
-        this.checked = true;
-      } else {
-        this.checked = false;
-      }
-    }
-  }
-
-  render() {
-    const classes = {
-      skeleton: this.skeleton,
-      disabled: this.disabled,
-      small: this.small,
-      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> `;
-  }
-
-}
-window.customElements.define('gv-switch', GvSwitch);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXN3aXRjaC5qcyJdLCJuYW1lcyI6WyJjbGFzc01hcCIsImlmRGVmaW5lZCIsIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwic2tlbGV0b24iLCJkaXNwYXRjaEN1c3RvbUV2ZW50IiwiR3ZTd2l0Y2giLCJwcm9wZXJ0aWVzIiwiZGlzYWJsZWQiLCJ0eXBlIiwiQm9vbGVhbiIsInJlZmxlY3QiLCJ2YWx1ZSIsIlN0cmluZyIsImxhYmVsIiwiZGVzY3JpcHRpb24iLCJzbWFsbCIsImNoZWNrZWQiLCJyZWFkb25seSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiX2lkIiwiX29uSW5wdXQiLCJ1cGRhdGVkIiwiX2NoYW5nZWRQcm9wZXJ0aWVzIiwiaGFzIiwidG9TdHJpbmciLCJyZW5kZXIiLCJjbGFzc2VzIiwic3dpdGNoIiwibGFiZWxzIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFFQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBLE9BQU8sTUFBTUMsUUFBTixTQUF1QkwsVUFBdkIsQ0FBa0M7QUFDbEIsYUFBVk0sVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTEMsTUFBQUEsUUFBUSxFQUFFO0FBQUVDLFFBQUFBLElBQUksRUFBRUMsT0FBUjtBQUFpQkMsUUFBQUEsT0FBTyxFQUFFO0FBQTFCLE9BREw7QUFFTFAsTUFBQUEsUUFBUSxFQUFFO0FBQUVLLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUZMO0FBR0xFLE1BQUFBLEtBQUssRUFBRTtBQUFFSCxRQUFBQSxJQUFJLEVBQUVJLE1BQVI7QUFBZ0JGLFFBQUFBLE9BQU8sRUFBRTtBQUF6QixPQUhGO0FBSUxHLE1BQUFBLEtBQUssRUFBRTtBQUFFTCxRQUFBQSxJQUFJLEVBQUVJO0FBQVIsT0FKRjtBQUtMRSxNQUFBQSxXQUFXLEVBQUU7QUFBRU4sUUFBQUEsSUFBSSxFQUFFSTtBQUFSLE9BTFI7QUFNTEcsTUFBQUEsS0FBSyxFQUFFO0FBQUVQLFFBQUFBLElBQUksRUFBRUMsT0FBUjtBQUFpQkMsUUFBQUEsT0FBTyxFQUFFO0FBQTFCLE9BTkY7QUFPTE0sTUFBQUEsT0FBTyxFQUFFO0FBQUVSLFFBQUFBLElBQUksRUFBRUMsT0FBUjtBQUFpQkMsUUFBQUEsT0FBTyxFQUFFO0FBQTFCLE9BUEo7QUFRTE8sTUFBQUEsUUFBUSxFQUFFO0FBQUVULFFBQUFBLElBQUksRUFBRUMsT0FBUjtBQUFpQkMsUUFBQUEsT0FBTyxFQUFFO0FBQTFCO0FBUkwsS0FBUDtBQVVEOztBQUVnQixhQUFOUSxNQUFNLEdBQUc7QUFDbEIsV0FBTyxDQUNMZixRQURLLEVBRUw7QUFDQUQsSUFBQUEsR0FBRyx1cERBSEUsQ0FBUDtBQTJIRDs7QUFFRGlCLEVBQUFBLFdBQVcsR0FBRztBQUNaO0FBQ0EsU0FBS0MsR0FBTCxHQUFXLE9BQVg7QUFDQSxTQUFLSixPQUFMLEdBQWUsS0FBZjtBQUNEOztBQUVESyxFQUFBQSxRQUFRLEdBQUc7QUFDVCxRQUFJLEVBQUUsS0FBS2QsUUFBTCxJQUFpQixLQUFLSixRQUF0QixJQUFrQyxLQUFLYyxRQUF6QyxDQUFKLEVBQXdEO0FBQ3RELFdBQUtOLEtBQUwsR0FBYSxDQUFDLEtBQUtLLE9BQW5CO0FBQ0FaLE1BQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxPQUFQLEVBQWdCLEtBQUtPLEtBQXJCLENBQW5CO0FBQ0Q7QUFDRjs7QUFFRFcsRUFBQUEsT0FBTyxDQUFDQyxrQkFBRCxFQUFxQjtBQUMxQixVQUFNRCxPQUFOLENBQWNDLGtCQUFkOztBQUNBLFFBQUlBLGtCQUFrQixDQUFDQyxHQUFuQixDQUF1QixPQUF2QixDQUFKLEVBQXFDO0FBQ25DLFVBQUksS0FBS2IsS0FBTCxJQUFjLElBQWQsSUFBc0IsS0FBS0EsS0FBTCxDQUFXYyxRQUFYLE9BQTBCLE1BQXBELEVBQTREO0FBQzFELGFBQUtULE9BQUwsR0FBZSxJQUFmO0FBQ0QsT0FGRCxNQUVPO0FBQ0wsYUFBS0EsT0FBTCxHQUFlLEtBQWY7QUFDRDtBQUNGO0FBQ0Y7O0FBRURVLEVBQUFBLE1BQU0sR0FBRztBQUNQLFVBQU1DLE9BQU8sR0FBRztBQUNkeEIsTUFBQUEsUUFBUSxFQUFFLEtBQUtBLFFBREQ7QUFFZEksTUFBQUEsUUFBUSxFQUFFLEtBQUtBLFFBRkQ7QUFHZFEsTUFBQUEsS0FBSyxFQUFFLEtBQUtBLEtBSEU7QUFJZGEsTUFBQUEsTUFBTSxFQUFFO0FBSk0sS0FBaEI7QUFPQSxXQUFPM0IsSUFBSSw0QkFFTCxLQUFLWSxLQUFMLElBQWMsS0FBS0MsV0FBbkIsR0FDRWIsSUFBSSxlQUFlSCxRQUFRLENBQUM7QUFBRStCLE1BQUFBLE1BQU0sRUFBRSxJQUFWO0FBQWdCMUIsTUFBQUEsUUFBUSxFQUFFLEtBQUtBO0FBQS9CLEtBQUQsQ0FBdkIsTUFDQSxLQUFLVSxLQUFMLEdBQWFaLElBQUksK0JBQStCLEtBQUtZLEtBQXBDLFVBQWpCLEdBQXVFLEVBRHZFLElBRUEsS0FBS0MsV0FBTCxHQUFtQmIsSUFBSSxpREFBaUQsS0FBS2EsV0FBdEQsWUFBdkIsR0FBdUcsRUFGdkcsU0FETixHQUtFLEVBUEcsK0NBU1FoQixRQUFRLENBQUM2QixPQUFELENBVGhCLGlCQVdJLEtBQUtQLEdBWFQsNkJBYVFyQixTQUFTLENBQUMsS0FBS2MsS0FBTCxJQUFjLEtBQUtDLFdBQXBCLENBYmpCLGdCQWNXLEtBQUtQLFFBQUwsSUFBaUIsS0FBS0osUUFkakMsZ0JBZVksS0FBS2MsUUFmakIsZUFnQlUsS0FBS0QsT0FoQmYsYUFpQlEsS0FBS0ssUUFqQmIsdUNBbUJnQyxLQUFLRCxHQW5CckMsa0NBQVg7QUF3QkQ7O0FBcE1zQztBQXVNekNVLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsV0FBN0IsRUFBMEMzQixRQUExQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBpZkRlZmluZWQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9pZi1kZWZpbmVkJztcblxuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgb2YgYSA8c3dpdGNoPiBjb21wb25lbnQuXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LXN3aXRjaDppbnB1dCAtIG1pcnJvcnMgbmF0aXZlIGlucHV0IGV2ZW50cyB3aXRoIHRoZSBgdmFsdWVgIG9uIGBkZXRhaWxgXG4gKlxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gc2FtZSBhcyBuYXRpdmUgc3dpdGNoIGVsZW1lbnQgYGRpc2FibGVkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSBza2VsZXRvbiAtIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0Jvb2xlYW58U3RyaW5nfSB2YWx1ZSAtIHRydWUgaWYgdGhlIHN3aXRjaCBpcyBjaGVja2VkLCBmYWxzZSBvdGhlcndpc2VcbiAqIEBhdHRyIHtTdHJpbmd9IGxhYmVsIC0gbGFiZWwgb2YgdGhlIHN3aXRjaFxuICogQGF0dHIge1N0cmluZ30gZGVzY3JpcHRpb24gLSBkZXNjcmlwdGlvbiBvZiB0aGUgc3dpdGNoXG4gKiBAYXR0ciB7Qm9vbGVhbn0gY2hlY2tlZCAtIHNhbWUgYXMgbmF0aXZlIHN3aXRjaCBlbGVtZW50IGBjaGVja2VkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSByZWFkb25seSAtIHRydWUgaWYgcmVhZG9ubHlcbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC1vbi0tYmdjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBPbiBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC1vZmYtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpXSAtIE9mZiBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXN3aXRjaC0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIFN3aXRjaCBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi1zd2l0Y2gtLXRhPWxlZnRdIC0gU3dpdGNoIGxhYmVsIHRleHQgYWxpZ25tZW50XG4gKi9cbmV4cG9ydCBjbGFzcyBHdlN3aXRjaCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc2FibGVkOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIHNrZWxldG9uOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHZhbHVlOiB7IHR5cGU6IFN0cmluZywgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgbGFiZWw6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBkZXNjcmlwdGlvbjogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHNtYWxsOiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIGNoZWNrZWQ6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgcmVhZG9ubHk6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgc2tlbGV0b24sXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIC0tb2ZmLWJnYzogdmFyKC0tZ3Ytc3dpdGNoLW9mZi0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpKTtcbiAgICAgICAgICAtLW9uLWJnYzogdmFyKC0tZ3Ytc3dpdGNoLW9uLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KSk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBtYXJnaW46IDAuMnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAubGFiZWxzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNHJlbTtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIHRleHQtYWxpZ246IHZhcigtLWd2LXN3aXRjaC0tdGEsIGxlZnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaC10aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtZGVzY3JpcHRpb24ge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtY29udGFpbmVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAuc3dpdGNoIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgICAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIC1tcy11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3NtYWxsXSkgLnN3aXRjaCB7XG4gICAgICAgICAgd2lkdGg6IDI1cHg7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbc21hbGxdKSAuc3dpdGNoLWxhYmVsOmJlZm9yZSB7XG4gICAgICAgICAgd2lkdGg6IDEwcHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgICAgICAgICByaWdodDogMTBweDtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtzbWFsbF0pIC5zd2l0Y2gtbGFiZWwge1xuICAgICAgICAgIGhlaWdodDogMTBweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTBweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3NtYWxsXSkgLnN3aXRjaC10aXRsZSB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICBmb250LXNpemU6IDExcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc3dpdGNoIGlucHV0IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgaGVpZ2h0OiAxNnB4O1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gICAgICAgICAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1vZmYtYmdjKTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZS1pbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zd2l0Y2gtbGFiZWw6YmVmb3JlIHtcbiAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZ3Ytc3dpdGNoLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICByaWdodDogMjBweDtcbiAgICAgICAgICBib3JkZXI6IDJweCBzb2xpZCB2YXIoLS1vZmYtYmdjKTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4gMHM7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbY2hlY2tlZF0pIC5zd2l0Y2gtbGFiZWwge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW9uLWJnYyk7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbY2hlY2tlZF0pIC5zd2l0Y2gtbGFiZWwsXG4gICAgICAgIDpob3N0KFtjaGVja2VkXSkgLnN3aXRjaC1sYWJlbDpiZWZvcmUge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tb24tYmdjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtjaGVja2VkXSkgLnN3aXRjaC1sYWJlbDpiZWZvcmUge1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2Rpc2FibGVkXSkgLnN3aXRjaC1sYWJlbCxcbiAgICAgICAgOmhvc3QoW3JlYWRvbmx5XSkgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2Rpc2FibGVkXSkgLnN3aXRjaC1sYWJlbCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX2lkID0gJ2d2LWlkJztcbiAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgfVxuXG4gIF9vbklucHV0KCkge1xuICAgIGlmICghKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbiB8fCB0aGlzLnJlYWRvbmx5KSkge1xuICAgICAgdGhpcy52YWx1ZSA9ICF0aGlzLmNoZWNrZWQ7XG4gICAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdpbnB1dCcsIHRoaXMudmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZWQoX2NoYW5nZWRQcm9wZXJ0aWVzKSB7XG4gICAgc3VwZXIudXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChfY2hhbmdlZFByb3BlcnRpZXMuaGFzKCd2YWx1ZScpKSB7XG4gICAgICBpZiAodGhpcy52YWx1ZSAhPSBudWxsICYmIHRoaXMudmFsdWUudG9TdHJpbmcoKSA9PT0gJ3RydWUnKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZCA9IHRydWU7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgY2xhc3NlcyA9IHtcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQsXG4gICAgICBzbWFsbDogdGhpcy5zbWFsbCxcbiAgICAgIHN3aXRjaDogdHJ1ZSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgICR7dGhpcy5sYWJlbCB8fCB0aGlzLmRlc2NyaXB0aW9uXG4gICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKHsgbGFiZWxzOiB0cnVlLCBza2VsZXRvbjogdGhpcy5za2VsZXRvbiB9KX1cIj5cbiAgICAgICAgICAgICAgJHt0aGlzLmxhYmVsID8gaHRtbGA8bGFiZWwgY2xhc3M9XCJzd2l0Y2gtdGl0bGVcIj4ke3RoaXMubGFiZWx9PC9sYWJlbD5gIDogJyd9XG4gICAgICAgICAgICAgICR7dGhpcy5kZXNjcmlwdGlvbiA/IGh0bWxgPGxhYmVsIGNsYXNzPVwic3dpdGNoLWRlc2NyaXB0aW9uXCIgLmlubmVySFRNTD1cIiR7dGhpcy5kZXNjcmlwdGlvbn1cIj48L2xhYmVsPmAgOiAnJ31cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6ICcnfVxuICAgICAgICA8ZGl2IGNsYXNzPVwic3dpdGNoLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9JHtjbGFzc01hcChjbGFzc2VzKX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgaWQ9JHt0aGlzLl9pZH1cbiAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgLnRpdGxlPSR7aWZEZWZpbmVkKHRoaXMubGFiZWwgfHwgdGhpcy5kZXNjcmlwdGlvbil9XG4gICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbn1cbiAgICAgICAgICAgICAgP3JlYWRvbmx5PVwiJHt0aGlzLnJlYWRvbmx5fVwiXG4gICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5jaGVja2VkfVxuICAgICAgICAgICAgICBAaW5wdXQ9JHt0aGlzLl9vbklucHV0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInN3aXRjaC1sYWJlbFwiIGZvcj1cIiR7dGhpcy5faWR9XCI+PC9sYWJlbD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXN3aXRjaCcsIEd2U3dpdGNoKTtcbiJdfQ==
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvSwitch=void 0;const e=require("lit/directives/class-map"),t=require("lit/directives/if-defined"),i=require("lit"),s=require("../styles/skeleton"),l=require("../lib/events");class o extends i.LitElement{static get properties(){return{disabled:{type:Boolean,reflect:!0},skeleton:{type:Boolean},value:{type:String,reflect:!0},label:{type:String},description:{type:String},small:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},readonly:{type:Boolean,reflect:!0}}}static get styles(){return[s.skeleton,i.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}`]}constructor(){super(),this._id="gv-id",this.checked=!1}_onInput(){this.disabled||this.skeleton||this.readonly||(this.value=!this.checked,(0,l.dispatchCustomEvent)(this,"input",this.value))}updated(e){super.updated(e),e.has("value")&&(null!=this.value&&"true"===this.value.toString()?this.checked=!0:this.checked=!1)}render(){const s={skeleton:this.skeleton,disabled:this.disabled,small:this.small,switch:!0};return i.html`<div class="container">${this.label||this.description?i.html`<div class="${(0,e.classMap)({labels:!0,skeleton:this.skeleton})}">${this.label?i.html`<label class="switch-title">${this.label}</label>`:""} ${this.description?i.html`<label class="switch-description" .innerHTML="${this.description}"></label>`:""}</div>`:""}<div class="switch-container"><div class="${(0,e.classMap)(s)}"><input id="${this._id}" type="checkbox" .title="${(0,t.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>`}}exports.GvSwitch=o,window.customElements.define("gv-switch",o);

package/src/atoms/gv-tag.js

@@ -1,116 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { classMap } from 'lit/directives/class-map';
-import { LitElement, html, css } from 'lit';
-import { skeleton } from '../styles/skeleton';
-import { link } from '../styles/link';
-import './gv-icon';
-import { dispatchCustomEvent } from '../lib/events';
-/**
- * A Tag
- *
- * ## Details
- * * has @theme facet
- *
- * @fires click - Native click event
- *
- * @slot - The content of the tag (text or HTML)
- *
- * @attr {String} icon - name of shape
- * @attr {String} icon-right - name of shape
- * @attr {Boolean} major - set tag UI as major
- * @attr {Boolean} minor - set tag UI as minor
- * @attr {Boolean} skeleton -  enable skeleton screen UI pattern (loading hint)
- * @attr {Boolean} clickable - If true, tag has link style
- *
- * @cssprop {Length} [--gv-tag--fz=var(--gv-theme-font-size-s, 12px)] - Font size
- * @cssprop {Length} [--gv-tag--p=4px 8px] - Padding
- * @cssprop {Length} [--gv-tag--bdr=4px] - Border radius
- * @cssprop {String} [--gv-tag--bsw=none] - Box shadow
- *
- * @cssprop {Color} [--gv-tag--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Background color
- * @cssprop {Color} [--gv-tag-major--bgc=var(--gv-theme-color, #5a7684)] - Major background color
- * @cssprop {Color} [--gv-tag-minor--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Minor background color
- *
- * @cssprop {Color} [--gv-tag--bdc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Border color
- * @cssprop {Color} [--gv-tag-major--bdc=var(--gv-theme-color, #5a7684)] - Major border color
- * @cssprop {Color} [--gv-tag-minor--bdc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Minor border color
-
- * @cssprop {String} [--gv-tag--bds=solid] - Border style
- * @cssprop {String} [--gv-tag-major--bds=solid] - Major border style
- * @cssprop {String} [--gv-tag-minor--bds=dashed] - Minor border style
- *
- * @cssprop {Length} [--gv-tag--bdw=1px] - Border width
- * @cssprop {Length} [--gv-tag-major--bdw=1px] - Major border width
- * @cssprop {Length} [--gv-tag-minor--bdw=1px] - Minor border width
- *
- * @cssprop {Color} [--gv-tag--c=var(--gv-theme-font-color-dark, #262626)] - Color
- * @cssprop {Color} [--gv-tag-major--c=var(--gv-theme-font-color-light, #ffffff)] - Major color
- * @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
-      }
-    };
-  }
-
-  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}`];
-  }
-
-  _onTagClick(e) {
-    if (this.clickable) {
-      e.stopPropagation();
-      dispatchCustomEvent(this, 'click', {});
-    }
-  }
-
-  render() {
-    const modes = {
-      default: !this.major && !this.minor,
-      major: this.major,
-      minor: this.minor && !this.major,
-      skeleton: this.skeleton,
-      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> `;
-  }
-
-}
-window.customElements.define('gv-tag', GvTag);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXRhZy5qcyJdLCJuYW1lcyI6WyJjbGFzc01hcCIsIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwic2tlbGV0b24iLCJsaW5rIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsIkd2VGFnIiwicHJvcGVydGllcyIsImljb24iLCJ0eXBlIiwiU3RyaW5nIiwiaWNvblJpZ2h0IiwiYXR0cmlidXRlIiwibWFqb3IiLCJCb29sZWFuIiwibWlub3IiLCJjbGlja2FibGUiLCJzdHlsZXMiLCJfb25UYWdDbGljayIsImUiLCJzdG9wUHJvcGFnYXRpb24iLCJyZW5kZXIiLCJtb2RlcyIsImRlZmF1bHQiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsUUFBVCxRQUF5QiwwQkFBekI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLElBQVQsUUFBcUIsZ0JBQXJCO0FBQ0EsT0FBTyxXQUFQO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLEtBQU4sU0FBb0JOLFVBQXBCLENBQStCO0FBQ2YsYUFBVk8sVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTEMsTUFBQUEsSUFBSSxFQUFFO0FBQUVDLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUREO0FBRUxDLE1BQUFBLFNBQVMsRUFBRTtBQUFFRixRQUFBQSxJQUFJLEVBQUVDLE1BQVI7QUFBZ0JFLFFBQUFBLFNBQVMsRUFBRTtBQUEzQixPQUZOO0FBR0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFSixRQUFBQSxJQUFJLEVBQUVLO0FBQVIsT0FIRjtBQUlMQyxNQUFBQSxLQUFLLEVBQUU7QUFBRU4sUUFBQUEsSUFBSSxFQUFFSztBQUFSLE9BSkY7QUFLTFgsTUFBQUEsUUFBUSxFQUFFO0FBQUVNLFFBQUFBLElBQUksRUFBRUs7QUFBUixPQUxMO0FBTUxFLE1BQUFBLFNBQVMsRUFBRTtBQUFFUCxRQUFBQSxJQUFJLEVBQUVLO0FBQVI7QUFOTixLQUFQO0FBUUQ7O0FBRWdCLGFBQU5HLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0xkLFFBREssRUFFTEMsSUFGSyxFQUdMO0FBQ0FGLElBQUFBLEdBQUcsKzVDQUpFLENBQVA7QUE2REQ7O0FBRURnQixFQUFBQSxXQUFXLENBQUNDLENBQUQsRUFBSTtBQUNiLFFBQUksS0FBS0gsU0FBVCxFQUFvQjtBQUNsQkcsTUFBQUEsQ0FBQyxDQUFDQyxlQUFGO0FBQ0FmLE1BQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxPQUFQLEVBQWdCLEVBQWhCLENBQW5CO0FBQ0Q7QUFDRjs7QUFFRGdCLEVBQUFBLE1BQU0sR0FBRztBQUNQLFVBQU1DLEtBQUssR0FBRztBQUNaQyxNQUFBQSxPQUFPLEVBQUUsQ0FBQyxLQUFLVixLQUFOLElBQWUsQ0FBQyxLQUFLRSxLQURsQjtBQUVaRixNQUFBQSxLQUFLLEVBQUUsS0FBS0EsS0FGQTtBQUdaRSxNQUFBQSxLQUFLLEVBQUUsS0FBS0EsS0FBTCxJQUFjLENBQUMsS0FBS0YsS0FIZjtBQUlaVixNQUFBQSxRQUFRLEVBQUUsS0FBS0EsUUFKSDtBQUtaQyxNQUFBQSxJQUFJLEVBQUUsS0FBS1k7QUFMQyxLQUFkO0FBUUEsV0FBT2YsSUFBSSxnQkFDSUYsUUFBUSxDQUFDdUIsS0FBRCxDQURaLGFBQytCLEtBQUtKLFdBRHBDLE1BRUwsS0FBS1YsSUFBTCxHQUFZUCxJQUFJLG1CQUFtQixLQUFLTyxJQUF4QixjQUFoQixHQUE2RCxFQUZ4RCxnQkFFMEUsS0FBS0csU0FBTCxHQUM3RVYsSUFBSSxtQkFBbUIsS0FBS1UsU0FBeEIsY0FEeUUsR0FFN0UsRUFKRyxVQUFYO0FBT0Q7O0FBbkdtQztBQXNHdENhLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsUUFBN0IsRUFBdUNwQixLQUF2QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBodG1sLCBjc3MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgc2tlbGV0b24gfSBmcm9tICcuLi9zdHlsZXMvc2tlbGV0b24nO1xuaW1wb3J0IHsgbGluayB9IGZyb20gJy4uL3N0eWxlcy9saW5rJztcbmltcG9ydCAnLi9ndi1pY29uJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBBIFRhZ1xuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICpcbiAqIEBmaXJlcyBjbGljayAtIE5hdGl2ZSBjbGljayBldmVudFxuICpcbiAqIEBzbG90IC0gVGhlIGNvbnRlbnQgb2YgdGhlIHRhZyAodGV4dCBvciBIVE1MKVxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IGljb24gLSBuYW1lIG9mIHNoYXBlXG4gKiBAYXR0ciB7U3RyaW5nfSBpY29uLXJpZ2h0IC0gbmFtZSBvZiBzaGFwZVxuICogQGF0dHIge0Jvb2xlYW59IG1ham9yIC0gc2V0IHRhZyBVSSBhcyBtYWpvclxuICogQGF0dHIge0Jvb2xlYW59IG1pbm9yIC0gc2V0IHRhZyBVSSBhcyBtaW5vclxuICogQGF0dHIge0Jvb2xlYW59IHNrZWxldG9uIC0gIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0Jvb2xlYW59IGNsaWNrYWJsZSAtIElmIHRydWUsIHRhZyBoYXMgbGluayBzdHlsZVxuICpcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXRhZy0tZno9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpXSAtIEZvbnQgc2l6ZVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGFnLS1wPTRweCA4cHhdIC0gUGFkZGluZ1xuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGFnLS1iZHI9NHB4XSAtIEJvcmRlciByYWRpdXNcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LXRhZy0tYnN3PW5vbmVdIC0gQm94IHNoYWRvd1xuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLS1iZ2M9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1saWdodGVyLCAjZmFmYWZhKV0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1tYWpvci0tYmdjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBNYWpvciBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1taW5vci0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIE1pbm9yIGJhY2tncm91bmQgY29sb3JcbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy0tYmRjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSldIC0gQm9yZGVyIGNvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRhZy1tYWpvci0tYmRjPXZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KV0gLSBNYWpvciBib3JkZXIgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLW1pbm9yLS1iZGM9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KV0gLSBNaW5vciBib3JkZXIgY29sb3JcblxuICogQGNzc3Byb3Age1N0cmluZ30gWy0tZ3YtdGFnLS1iZHM9c29saWRdIC0gQm9yZGVyIHN0eWxlXG4gKiBAY3NzcHJvcCB7U3RyaW5nfSBbLS1ndi10YWctbWFqb3ItLWJkcz1zb2xpZF0gLSBNYWpvciBib3JkZXIgc3R5bGVcbiAqIEBjc3Nwcm9wIHtTdHJpbmd9IFstLWd2LXRhZy1taW5vci0tYmRzPWRhc2hlZF0gLSBNaW5vciBib3JkZXIgc3R5bGVcbiAqXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctLWJkdz0xcHhdIC0gQm9yZGVyIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctbWFqb3ItLWJkdz0xcHhdIC0gTWFqb3IgYm9yZGVyIHdpZHRoXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10YWctbWlub3ItLWJkdz0xcHhdIC0gTWlub3IgYm9yZGVyIHdpZHRoXG4gKlxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi10YWctLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KV0gLSBDb2xvclxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi10YWctbWFqb3ItLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1saWdodCwgI2ZmZmZmZildIC0gTWFqb3IgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdGFnLW1pbm9yLS1jPXZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyaywgIzI2MjYyNildIC0gTWlub3IgY29sb3JcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXRhZy1pY29uLS1zPTE4cHhdIC0gSGVpZ2h0IGFuZCBpY29uIHdpZHRoXG4gKi9cbmV4cG9ydCBjbGFzcyBHdlRhZyBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGljb246IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBpY29uUmlnaHQ6IHsgdHlwZTogU3RyaW5nLCBhdHRyaWJ1dGU6ICdpY29uLXJpZ2h0JyB9LFxuICAgICAgbWFqb3I6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgbWlub3I6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgc2tlbGV0b246IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgY2xpY2thYmxlOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHNrZWxldG9uLFxuICAgICAgbGluayxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5kZWZhdWx0IHtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3YtdGFnLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlciwgI2ZhZmFmYSkpO1xuICAgICAgICAgIC0tYmRjOiB2YXIoLS1ndi10YWctLWJkYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KSk7XG4gICAgICAgICAgLS1iZHM6IHZhcigtLWd2LXRhZy0tYmRzLCBzb2xpZCk7XG4gICAgICAgICAgLS1iZHc6IHZhcigtLWd2LXRhZy0tYmR3LCAxcHgpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3YtdGFnLS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5tYWpvciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXRhZy1tYWpvci0tYmdjLCB2YXIoLS1ndi10aGVtZS1jb2xvciwgIzVhNzY4NCkpO1xuICAgICAgICAgIC0tYmRjOiB2YXIoLS1ndi10YWctbWFqb3ItLWJkYywgdmFyKC0tZ3YtdGhlbWUtY29sb3IsICM1YTc2ODQpKTtcbiAgICAgICAgICAtLWJkczogdmFyKC0tZ3YtdGFnLW1ham9yLS1iZHMsIHNvbGlkKTtcbiAgICAgICAgICAtLWJkdzogdmFyKC0tZ3YtdGFnLW1ham9yLS1iZHcsIDFweCk7XG4gICAgICAgICAgLS1jOiB2YXIoLS1ndi10YWctbWFqb3ItLWMsIHZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItbGlnaHQsICNmZmZmZmYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi5taW5vciB7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LXRhZy1taW5vci0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKSk7XG4gICAgICAgICAgLS1iZGM6IHZhcigtLWd2LXRhZy1taW5vci0tYmRjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpKTtcbiAgICAgICAgICAtLWJkczogdmFyKC0tZ3YtdGFnLW1pbm9yLS1iZHMsIGRhc2hlZCk7XG4gICAgICAgICAgLS1iZHc6IHZhcigtLWd2LXRhZy1taW5vci0tYmR3LCAxcHgpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3YtdGFnLW1pbm9yLS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdiB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmdjKTtcbiAgICAgICAgICBib3JkZXItY29sb3I6IHZhcigtLWJkYyk7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3YtdGFnLS1iZHIsIDRweCk7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiB2YXIoLS1iZHMpO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogdmFyKC0tYmR3KTtcbiAgICAgICAgICBib3gtc2hhZG93OiB2YXIoLS1ndi10YWctLWJzdywgbm9uZSk7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWMpO1xuICAgICAgICAgIC0tZno6IHZhcigtLWd2LXRhZy0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWZ6KTtcbiAgICAgICAgICBwYWRkaW5nOiB2YXIoLS1ndi10YWctLXAsIDRweCA4cHgpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogdmFyKC0tZ3YtdGFnLWljb24tLXMsIDE4cHgpO1xuICAgICAgICAgIC0tZ3YtaWNvbi0tYzogdmFyKC0tYyk7XG4gICAgICAgICAgLS1ndi1pY29uLW9wYWNpdHktLWM6IHZhcigtLWMpO1xuXG4gICAgICAgICAgd29yZC1icmVhazogbm9ybWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgZGl2ID4gKiB7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgX29uVGFnQ2xpY2soZSkge1xuICAgIGlmICh0aGlzLmNsaWNrYWJsZSkge1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2NsaWNrJywge30pO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBtb2RlcyA9IHtcbiAgICAgIGRlZmF1bHQ6ICF0aGlzLm1ham9yICYmICF0aGlzLm1pbm9yLFxuICAgICAgbWFqb3I6IHRoaXMubWFqb3IsXG4gICAgICBtaW5vcjogdGhpcy5taW5vciAmJiAhdGhpcy5tYWpvcixcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgbGluazogdGhpcy5jbGlja2FibGUsXG4gICAgfTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz0ke2NsYXNzTWFwKG1vZGVzKX0gQGNsaWNrPVwiJHt0aGlzLl9vblRhZ0NsaWNrfVwiPlxuICAgICAgICAke3RoaXMuaWNvbiA/IGh0bWxgPGd2LWljb24gc2hhcGU9XCIke3RoaXMuaWNvbn1cIj48L2d2LWljb24+YCA6ICcnfTxzbG90Pjwvc2xvdD4ke3RoaXMuaWNvblJpZ2h0XG4gICAgICAgICAgPyBodG1sYDxndi1pY29uIHNoYXBlPVwiJHt0aGlzLmljb25SaWdodH1cIj48L2d2LWljb24+YFxuICAgICAgICAgIDogJyd9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXRhZycsIEd2VGFnKTtcbiJdfQ==
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvTag=void 0;const r=require("lit/directives/class-map"),a=require("lit"),t=require("../styles/skeleton"),e=require("../styles/link");require("./gv-icon");const o=require("../lib/events");class i extends a.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}}}static get styles(){return[t.skeleton,e.link,a.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}`]}_onTagClick(r){this.clickable&&(r.stopPropagation(),(0,o.dispatchCustomEvent)(this,"click",{}))}render(){const t={default:!this.major&&!this.minor,major:this.major,minor:this.minor&&!this.major,skeleton:this.skeleton,link:this.clickable};return a.html`<div class="${(0,r.classMap)(t)}" @click="${this._onTagClick}">${this.icon?a.html`<gv-icon shape="${this.icon}"></gv-icon>`:""}<slot></slot>${this.iconRight?a.html`<gv-icon shape="${this.iconRight}"></gv-icon>`:""}</div>`}}exports.GvTag=i,window.customElements.define("gv-tag",i);

package/src/atoms/gv-text.js

@@ -1,107 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { classMap } from 'lit/directives/class-map';
-import { ifDefined } from 'lit/directives/if-defined';
-import { LitElement, css, html } from 'lit';
-import { skeleton } from '../styles/skeleton';
-import { dispatchCustomEvent } from '../lib/events';
-import { InputElement } from '../mixins/input-element';
-/**
- * A wrapper of a <text> component.
- *
- * ## Details
- * * has @theme facet
- *
- * @fires gv-text:input - mirrors native textarea events with the `value` on `detail`
- *
- * @attr {Boolean} disabled - same as native text element `disabled` attribute
- * @attr {Boolean} required - same as native text element `required` attribute
- * @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
- * @attr {String} value - the value of the text
- * @attr {String} label - label of the text
- * @attr {String} title - title of the text
- * @attr {String} name - name of the text
- * @attr {String} placeholder - an example value to display in the text when empty
- * @attr {Length} rows - number of rows of the text element
- * @attr {Boolean} autofocus - true to put the focus on the input
- * @attr {Boolean} [readonly=false] - true if field is readonly mode
- * @attr {Boolean} [autosize=false] - true if field auto resize when content change
- *
- * @cssprop {Color} [--gv-input--bdc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Border color
- * @cssprop {Length} [--gv-text--fz=var(--gv-theme-font-size-m, 14px)] - Font size
- * @cssprop {Length} [--gv-text--lh=var(--gv-theme-font-size-m, 14px)] - Line height
- */
-
-export class GvText extends InputElement(LitElement) {
-  static get properties() {
-    return {
-      rows: {
-        type: Number
-      },
-      minlength: {
-        type: Number
-      },
-      maxlength: {
-        type: Number
-      },
-      autosize: {
-        type: Boolean
-      }
-    };
-  }
-
-  static get styles() {
-    return [...super.styles, skeleton, // language=CSS
-    css`.box{position:relative;line-height:0}.textarea{--fz:var(--gv-text--fz, var(--gv-theme-font-size-m, 14px));--tmp:var(--gv-text--lh, var(--gv-theme-font-size-m, 14px));--lh:calc(var(--tmp) + 3px);border:1px solid var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9));box-sizing:border-box;border-radius:4px;outline:0;padding:10px 5px;width:100%;resize:none;font-size:var(--fz);line-height:var(--lh)}div.textarea{white-space:pre}textarea:disabled{cursor:default;opacity:.5}textarea:required{box-shadow:none}label{display:block;line-height:15px;padding:0 0 .2rem 0}textarea{font-family:inherit}`];
-  }
-
-  constructor() {
-    super();
-    this.rows = 10;
-  }
-
-  getInputElement() {
-    return this.shadowRoot.querySelector('textarea');
-  }
-
-  _onInput(e) {
-    this.updateState(e.target.value);
-    this.value = e.target.value;
-    dispatchCustomEvent(this, 'input', this.value);
-  }
-
-  render() {
-    const classes = {
-      skeleton: this.skeleton,
-      required: this.required,
-      textarea: true
-    };
-
-    if (this.readonly) {
-      if (this.value || this.value.trim() !== '') {
-        return html` ${this.renderLabel()} <div class="${classMap(classes)}" .title="${ifDefined(this.title || this.label)}">${ifDefined(this.value)}</div> `;
-      }
-
-      return '';
-    }
-
-    const rows = this.autosize && this.value ? this.value.split('\n').length : this.rows;
-    return html` <div class="box"> ${this.renderLabel()} <textarea class="${classMap(classes)}" id="${this._id}" .name="${ifDefined(this.name)}" .title="${ifDefined(this.title || this.label)}" .required="${this.required}" ?readonly="${this.readonly}" maxlength="${this.maxlength}" minlength="${this.minlength}" aria-required="${!!this.required}" ?disabled="${this.disabled || this.skeleton}" .placeholder="${ifDefined(this.placeholder)}" .value="${ifDefined(this.value)}" rows="${this.rows < rows ? rows : this.rows}" @input="${this._onInput}"></textarea> </div> `;
-  }
-
-}
-window.customElements.define('gv-text', GvText);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXRleHQuanMiXSwibmFtZXMiOlsiY2xhc3NNYXAiLCJpZkRlZmluZWQiLCJMaXRFbGVtZW50IiwiY3NzIiwiaHRtbCIsInNrZWxldG9uIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsIklucHV0RWxlbWVudCIsIkd2VGV4dCIsInByb3BlcnRpZXMiLCJyb3dzIiwidHlwZSIsIk51bWJlciIsIm1pbmxlbmd0aCIsIm1heGxlbmd0aCIsImF1dG9zaXplIiwiQm9vbGVhbiIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwiZ2V0SW5wdXRFbGVtZW50Iiwic2hhZG93Um9vdCIsInF1ZXJ5U2VsZWN0b3IiLCJfb25JbnB1dCIsImUiLCJ1cGRhdGVTdGF0ZSIsInRhcmdldCIsInZhbHVlIiwicmVuZGVyIiwiY2xhc3NlcyIsInJlcXVpcmVkIiwidGV4dGFyZWEiLCJyZWFkb25seSIsInRyaW0iLCJyZW5kZXJMYWJlbCIsInRpdGxlIiwibGFiZWwiLCJzcGxpdCIsImxlbmd0aCIsIl9pZCIsIm5hbWUiLCJkaXNhYmxlZCIsInBsYWNlaG9sZGVyIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFDQSxTQUFTQyxVQUFULEVBQXFCQyxHQUFyQixFQUEwQkMsSUFBMUIsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBQ0EsU0FBU0MsWUFBVCxRQUE2Qix5QkFBN0I7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNB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LEdBQVlBLElBQVosR0FBbUJBLElBQW5CLEdBQTBCLEtBQUtBLElBaEJsQyxhQWlCSSxLQUFLWSxRQWpCVCx1QkFBWDtBQXFCRDs7QUFySGtEO0FBd0hyRG9CLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsU0FBN0IsRUFBd0NwQyxNQUF4QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyBpZkRlZmluZWQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9pZi1kZWZpbmVkJztcbmltcG9ydCB7IExpdEVsZW1lbnQsIGNzcywgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBza2VsZXRvbiB9IGZyb20gJy4uL3N0eWxlcy9za2VsZXRvbic7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5pbXBvcnQgeyBJbnB1dEVsZW1lbnQgfSBmcm9tICcuLi9taXhpbnMvaW5wdXQtZWxlbWVudCc7XG5cbi8qKlxuICogQSB3cmFwcGVyIG9mIGEgPHRleHQ+IGNvbXBvbmVudC5cbiAqXG4gKiAjIyBEZXRhaWxzXG4gKiAqIGhhcyBAdGhlbWUgZmFjZXRcbiAqXG4gKiBAZmlyZXMgZ3YtdGV4dDppbnB1dCAtIG1pcnJvcnMgbmF0aXZlIHRleHRhcmVhIGV2ZW50cyB3aXRoIHRoZSBgdmFsdWVgIG9uIGBkZXRhaWxgXG4gKlxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gc2FtZSBhcyBuYXRpdmUgdGV4dCBlbGVtZW50IGBkaXNhYmxlZGAgYXR0cmlidXRlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gcmVxdWlyZWQgLSBzYW1lIGFzIG5hdGl2ZSB0ZXh0IGVsZW1lbnQgYHJlcXVpcmVkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSBza2VsZXRvbiAtIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge1N0cmluZ30gdmFsdWUgLSB0aGUgdmFsdWUgb2YgdGhlIHRleHRcbiAqIEBhdHRyIHtTdHJpbmd9IGxhYmVsIC0gbGFiZWwgb2YgdGhlIHRleHRcbiAqIEBhdHRyIHtTdHJpbmd9IHRpdGxlIC0gdGl0bGUgb2YgdGhlIHRleHRcbiAqIEBhdHRyIHtTdHJpbmd9IG5hbWUgLSBuYW1lIG9mIHRoZSB0ZXh0XG4gKiBAYXR0ciB7U3RyaW5nfSBwbGFjZWhvbGRlciAtIGFuIGV4YW1wbGUgdmFsdWUgdG8gZGlzcGxheSBpbiB0aGUgdGV4dCB3aGVuIGVtcHR5XG4gKiBAYXR0ciB7TGVuZ3RofSByb3dzIC0gbnVtYmVyIG9mIHJvd3Mgb2YgdGhlIHRleHQgZWxlbWVudFxuICogQGF0dHIge0Jvb2xlYW59IGF1dG9mb2N1cyAtIHRydWUgdG8gcHV0IHRoZSBmb2N1cyBvbiB0aGUgaW5wdXRcbiAqIEBhdHRyIHtCb29sZWFufSBbcmVhZG9ubHk9ZmFsc2VdIC0gdHJ1ZSBpZiBmaWVsZCBpcyByZWFkb25seSBtb2RlXG4gKiBAYXR0ciB7Qm9vbGVhbn0gW2F1dG9zaXplPWZhbHNlXSAtIHRydWUgaWYgZmllbGQgYXV0byByZXNpemUgd2hlbiBjb250ZW50IGNoYW5nZVxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtaW5wdXQtLWJkYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpXSAtIEJvcmRlciBjb2xvclxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGV4dC0tZno9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0sIDE0cHgpXSAtIEZvbnQgc2l6ZVxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtdGV4dC0tbGg9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0sIDE0cHgpXSAtIExpbmUgaGVpZ2h0XG4gKi9cbmV4cG9ydCBjbGFzcyBHdlRleHQgZXh0ZW5kcyBJbnB1dEVsZW1lbnQoTGl0RWxlbWVudCkge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHJvd3M6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBtaW5sZW5ndGg6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBtYXhsZW5ndGg6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBhdXRvc2l6ZTogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAuLi5zdXBlci5zdHlsZXMsXG4gICAgICBza2VsZXRvbixcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICAuYm94IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAvKiBCQVNFICovXG4gICAgICAgIC50ZXh0YXJlYSB7XG4gICAgICAgICAgLS1mejogdmFyKC0tZ3YtdGV4dC0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1tLCAxNHB4KSk7XG4gICAgICAgICAgLS10bXA6IHZhcigtLWd2LXRleHQtLWxoLCB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtbSwgMTRweCkpO1xuICAgICAgICAgIC0tbGg6IGNhbGModmFyKC0tdG1wKSArIDNweCk7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZ3YtaW5wdXQtLWJkYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KSk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICBwYWRkaW5nOiAxMHB4IDVweDtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICByZXNpemU6IG5vbmU7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1meik7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGRpdi50ZXh0YXJlYSB7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRleHRhcmVhOmRpc2FibGVkIHtcbiAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG5cbiAgICAgICAgdGV4dGFyZWE6cmVxdWlyZWQge1xuICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICAgICAgICAgcGFkZGluZzogMCAwIDAuMnJlbSAwO1xuICAgICAgICB9XG5cbiAgICAgICAgLyogSGFjayBmb3IgRkYgKi9cbiAgICAgICAgdGV4dGFyZWEge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMucm93cyA9IDEwO1xuICB9XG5cbiAgZ2V0SW5wdXRFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvcigndGV4dGFyZWEnKTtcbiAgfVxuXG4gIF9vbklucHV0KGUpIHtcbiAgICB0aGlzLnVwZGF0ZVN0YXRlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICB0aGlzLnZhbHVlID0gZS50YXJnZXQudmFsdWU7XG4gICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnaW5wdXQnLCB0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBjbGFzc2VzID0ge1xuICAgICAgc2tlbGV0b246IHRoaXMuc2tlbGV0b24sXG4gICAgICByZXF1aXJlZDogdGhpcy5yZXF1aXJlZCxcbiAgICAgIHRleHRhcmVhOiB0cnVlLFxuICAgIH07XG5cbiAgICBpZiAodGhpcy5yZWFkb25seSkge1xuICAgICAgaWYgKHRoaXMudmFsdWUgfHwgdGhpcy52YWx1ZS50cmltKCkgIT09ICcnKSB7XG4gICAgICAgIHJldHVybiBodG1sYFxuICAgICAgICAgICR7dGhpcy5yZW5kZXJMYWJlbCgpfVxuICAgICAgICAgIDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKGNsYXNzZXMpfVwiIC50aXRsZT0ke2lmRGVmaW5lZCh0aGlzLnRpdGxlIHx8IHRoaXMubGFiZWwpfT4ke2lmRGVmaW5lZCh0aGlzLnZhbHVlKX08L2Rpdj5cbiAgICAgICAgYDtcbiAgICAgIH1cbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgY29uc3Qgcm93cyA9IHRoaXMuYXV0b3NpemUgJiYgdGhpcy52YWx1ZSA/IHRoaXMudmFsdWUuc3BsaXQoJ1xcbicpLmxlbmd0aCA6IHRoaXMucm93cztcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxhYmVsKCl9XG4gICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgIGNsYXNzPVwiJHtjbGFzc01hcChjbGFzc2VzKX1cIlxuICAgICAgICAgIGlkPSR7dGhpcy5faWR9XG4gICAgICAgICAgLm5hbWU9JHtpZkRlZmluZWQodGhpcy5uYW1lKX1cbiAgICAgICAgICAudGl0bGU9JHtpZkRlZmluZWQodGhpcy50aXRsZSB8fCB0aGlzLmxhYmVsKX1cbiAgICAgICAgICAucmVxdWlyZWQ9JHt0aGlzLnJlcXVpcmVkfVxuICAgICAgICAgID9yZWFkb25seT1cIiR7dGhpcy5yZWFkb25seX1cIlxuICAgICAgICAgIG1heGxlbmd0aD1cIiR7dGhpcy5tYXhsZW5ndGh9XCJcbiAgICAgICAgICBtaW5sZW5ndGg9XCIke3RoaXMubWlubGVuZ3RofVwiXG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD0keyEhdGhpcy5yZXF1aXJlZH1cbiAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuc2tlbGV0b259XG4gICAgICAgICAgLnBsYWNlaG9sZGVyPSR7aWZEZWZpbmVkKHRoaXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgIC52YWx1ZT0ke2lmRGVmaW5lZCh0aGlzLnZhbHVlKX1cbiAgICAgICAgICByb3dzPVwiJHt0aGlzLnJvd3MgPCByb3dzID8gcm93cyA6IHRoaXMucm93c31cIlxuICAgICAgICAgIEBpbnB1dD0ke3RoaXMuX29uSW5wdXR9XG4gICAgICAgID48L3RleHRhcmVhPlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi10ZXh0JywgR3ZUZXh0KTtcbiJdfQ==
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvText=void 0;const e=require("lit/directives/class-map"),t=require("lit/directives/if-defined"),i=require("lit"),r=require("../styles/skeleton"),s=require("../lib/events"),a=require("../mixins/input-element");class l extends((0,a.InputElement)(i.LitElement)){static get properties(){return{rows:{type:Number},minlength:{type:Number},maxlength:{type:Number},autosize:{type:Boolean}}}static get styles(){return[...super.styles,r.skeleton,i.css`.box{position:relative;line-height:0}.textarea{--fz:var(--gv-text--fz, var(--gv-theme-font-size-m, 14px));--tmp:var(--gv-text--lh, var(--gv-theme-font-size-m, 14px));--lh:calc(var(--tmp) + 3px);border:1px solid var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9));box-sizing:border-box;border-radius:4px;outline:0;padding:10px 5px;width:100%;resize:none;font-size:var(--fz);line-height:var(--lh)}div.textarea{white-space:pre}textarea:disabled{cursor:default;opacity:.5}textarea:required{box-shadow:none}label{display:block;line-height:15px;padding:0 0 .2rem 0}textarea{font-family:inherit}`]}constructor(){super(),this.rows=10}getInputElement(){return this.shadowRoot.querySelector("textarea")}_onInput(e){this.updateState(e.target.value),this.value=e.target.value,(0,s.dispatchCustomEvent)(this,"input",this.value)}render(){const r={skeleton:this.skeleton,required:this.required,textarea:!0};if(this.readonly)return this.value||""!==this.value.trim()?i.html`${this.renderLabel()}<div class="${(0,e.classMap)(r)}" .title="${(0,t.ifDefined)(this.title||this.label)}">${(0,t.ifDefined)(this.value)}</div>`:"";const s=this.autosize&&this.value?this.value.split("\n").length:this.rows;return i.html`<div class="box">${this.renderLabel()} <textarea class="${(0,e.classMap)(r)}" id="${this._id}" .name="${(0,t.ifDefined)(this.name)}" .title="${(0,t.ifDefined)(this.title||this.label)}" .required="${this.required}" ?readonly="${this.readonly}" maxlength="${this.maxlength}" minlength="${this.minlength}" aria-required="${!!this.required}" ?disabled="${this.disabled||this.skeleton}" .placeholder="${(0,t.ifDefined)(this.placeholder)}" .value="${(0,t.ifDefined)(this.value)}" rows="${this.rows<s?s:this.rows}" @input="${this._onInput}"></textarea></div>`}}exports.GvText=l,window.customElements.define("gv-text",l);

package/src/charts/gv-chart-bar.js

@@ -1,107 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { LitElement } from 'lit';
-import '../atoms/gv-button';
-import '../atoms/gv-tag';
-import { ChartElement } from '../mixins/chart-element';
-import { dispatchCustomEvent } from '../lib/events';
-/**
- * Bar chart component
- *
- * ⚠️ This component is based on `highcharts`.
- * To use this component in your project be sure the dependency is installed or
- * install it with: `npm install highcharts --save`
- *
- * @fires gv-chart-bar:select - Custom event with selected value
- *
- * @attr {Array} series - The series to display on the bar chart.
- * @attr {Array} options - The list of options to display.
- *
- */
-
-export class GvChartBar extends ChartElement(LitElement) {
-  async getOptions() {
-    let total = 0;
-    const categories = [];
-
-    if (this._series && this._series.values) {
-      this.options.data.forEach((data, i) => {
-        data.y = this._series.values[this.options.data[i].name] || 0;
-        categories.push(data.name);
-      });
-      this.options.data.forEach(d => {
-        total += d.y;
-      });
-    }
-
-    if (!total) {
-      this._empty = true;
-    }
-
-    return {
-      chart: {
-        type: 'bar'
-      },
-      series: total === 0 ? [] : [this.options],
-      xAxis: {
-        categories: categories
-      },
-      legend: {
-        enabled: false
-      },
-      yAxis: {
-        allowDecimals: false,
-        title: {
-          text: null
-        },
-        min: 0
-      },
-      plotOptions: {
-        bar: {
-          dataLabels: {
-            enabled: true
-          }
-        },
-        series: {
-          animation: false,
-          events: {
-            click: event => {
-              event.preventDefault();
-              dispatchCustomEvent(this, 'select', event.point.options);
-            }
-          }
-        }
-      },
-      tooltip: {
-        pointFormat: 'Nb hits: <b>{point.y}</b>'
-      },
-      title: {
-        text: 'Total: ' + total,
-        useHTML: true,
-        align: 'left',
-        verticalAlign: 'bottom',
-        y: 10,
-        style: {
-          fontSize: '12px',
-          fontWeight: 'bold'
-        }
-      }
-    };
-  }
-
-}
-window.customElements.define('gv-chart-bar', GvChartBar);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2NoYXJ0cy9ndi1jaGFydC1iYXIuanMiXSwibmFtZXMiOlsiTGl0RWxlbWVudCIsIkNoYXJ0RWxlbWVudCIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJHdkNoYXJ0QmFyIiwiZ2V0T3B0aW9ucyIsInRvdGFsIiwiY2F0ZWdvcmllcyIsIl9zZXJpZXMiLCJ2YWx1ZXMiLCJvcHRpb25zIiwiZGF0YSIsImZvckVhY2giLCJpIiwieSIsIm5hbWUiLCJwdXNoIiwiZCIsIl9lbXB0eSIsImNoYXJ0IiwidHlwZSIsInNlcmllcyIsInhBeGlzIiwibGVnZW5kIiwiZW5hYmxlZCIsInlBeGlzIiwiYWxsb3dEZWNpbWFscyIsInRpdGxlIiwidGV4dCIsIm1pbiIsInBsb3RPcHRpb25zIiwiYmFyIiwiZGF0YUxhYmVscyIsImFuaW1hdGlvbiIsImV2ZW50cyIsImNsaWNrIiwiZXZlbnQiLCJwcmV2ZW50RGVmYXVsdCIsInBvaW50IiwidG9vbHRpcCIsInBvaW50Rm9ybWF0IiwidXNlSFRNTCIsImFsaWduIiwidmVydGljYWxBbGlnbiIsInN0eWxlIiwiZm9udFNpemUiLCJmb250V2VpZ2h0Iiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFVBQVQsUUFBMkIsS0FBM0I7QUFDQSxPQUFPLG9CQUFQO0FBQ0EsT0FBTyxpQkFBUDtBQUNBLFNBQVNDLFlBQVQsUUFBNkIseUJBQTdCO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLFVBQU4sU0FBeUJGLFlBQVksQ0FBQ0QsVUFBRCxDQUFyQyxDQUFrRDtBQUN2QyxRQUFWSSxVQUFVLEdBQUc7QUFDakIsUUFBSUMsS0FBSyxHQUFHLENBQVo7QUFDQSxVQUFNQyxVQUFVLEdBQUcsRUFBbkI7O0FBQ0EsUUFBSSxLQUFLQyxPQUFMLElBQWdCLEtBQUtBLE9BQUwsQ0FBYUMsTUFBakMsRUFBeUM7QUFDdkMsV0FBS0MsT0FBTCxDQUFhQyxJQUFiLENBQWtCQyxPQUFsQixDQUEwQixDQUFDRCxJQUFELEVBQU9FLENBQVAsS0FBYTtBQUNyQ0YsUUFBQUEsSUFBSSxDQUFDRyxDQUFMLEdBQVMsS0FBS04sT0FBTCxDQUFhQyxNQUFiLENBQW9CLEtBQUtDLE9BQUwsQ0FBYUMsSUFBYixDQUFrQkUsQ0FBbEIsRUFBcUJFLElBQXpDLEtBQWtELENBQTNEO0FBQ0FSLFFBQUFBLFVBQVUsQ0FBQ1MsSUFBWCxDQUFnQkwsSUFBSSxDQUFDSSxJQUFyQjtBQUNELE9BSEQ7QUFJQSxXQUFLTCxPQUFMLENBQWFDLElBQWIsQ0FBa0JDLE9BQWxCLENBQTJCSyxDQUFELElBQU87QUFDL0JYLFFBQUFBLEtBQUssSUFBSVcsQ0FBQyxDQUFDSCxDQUFYO0FBQ0QsT0FGRDtBQUdEOztBQUNELFFBQUksQ0FBQ1IsS0FBTCxFQUFZO0FBQ1YsV0FBS1ksTUFBTCxHQUFjLElBQWQ7QUFDRDs7QUFDRCxXQUFPO0FBQ0xDLE1BQUFBLEtBQUssRUFBRTtBQUNMQyxRQUFBQSxJQUFJLEVBQUU7QUFERCxPQURGO0FBSUxDLE1BQUFBLE1BQU0sRUFBRWYsS0FBSyxLQUFLLENBQVYsR0FBYyxFQUFkLEdBQW1CLENBQUMsS0FBS0ksT0FBTixDQUp0QjtBQUtMWSxNQUFBQSxLQUFLLEVBQUU7QUFDTGYsUUFBQUEsVUFBVSxFQUFFQTtBQURQLE9BTEY7QUFRTGdCLE1BQUFBLE1BQU0sRUFBRTtBQUNOQyxRQUFBQSxPQUFPLEVBQUU7QUFESCxPQVJIO0FBV0xDLE1BQUFBLEtBQUssRUFBRTtBQUNMQyxRQUFBQSxhQUFhLEVBQUUsS0FEVjtBQUVMQyxRQUFBQSxLQUFLLEVBQUU7QUFDTEMsVUFBQUEsSUFBSSxFQUFFO0FBREQsU0FGRjtBQUtMQyxRQUFBQSxHQUFHLEVBQUU7QUFMQSxPQVhGO0FBa0JMQyxNQUFBQSxXQUFXLEVBQUU7QUFDWEMsUUFBQUEsR0FBRyxFQUFFO0FBQ0hDLFVBQUFBLFVBQVUsRUFBRTtBQUNWUixZQUFBQSxPQUFPLEVBQUU7QUFEQztBQURULFNBRE07QUFNWEgsUUFBQUEsTUFBTSxFQUFFO0FBQ05ZLFVBQUFBLFNBQVMsRUFBRSxLQURMO0FBRU5DLFVBQUFBLE1BQU0sRUFBRTtBQUNOQyxZQUFBQSxLQUFLLEVBQUdDLEtBQUQsSUFBVztBQUNoQkEsY0FBQUEsS0FBSyxDQUFDQyxjQUFOO0FBQ0FsQyxjQUFBQSxtQkFBbUIsQ0FBQyxJQUFELEVBQU8sUUFBUCxFQUFpQmlDLEtBQUssQ0FBQ0UsS0FBTixDQUFZNUIsT0FBN0IsQ0FBbkI7QUFDRDtBQUpLO0FBRkY7QUFORyxPQWxCUjtBQWtDTDZCLE1BQUFBLE9BQU8sRUFBRTtBQUNQQyxRQUFBQSxXQUFXLEVBQUU7QUFETixPQWxDSjtBQXFDTGIsTUFBQUEsS0FBSyxFQUFFO0FBQ0xDLFFBQUFBLElBQUksRUFBRSxZQUFZdEIsS0FEYjtBQUVMbUMsUUFBQUEsT0FBTyxFQUFFLElBRko7QUFHTEMsUUFBQUEsS0FBSyxFQUFFLE1BSEY7QUFJTEMsUUFBQUEsYUFBYSxFQUFFLFFBSlY7QUFLTDdCLFFBQUFBLENBQUMsRUFBRSxFQUxFO0FBTUw4QixRQUFBQSxLQUFLLEVBQUU7QUFDTEMsVUFBQUEsUUFBUSxFQUFFLE1BREw7QUFFTEMsVUFBQUEsVUFBVSxFQUFFO0FBRlA7QUFORjtBQXJDRixLQUFQO0FBaUREOztBQWpFc0Q7QUFvRXpEQyxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGNBQTdCLEVBQTZDN0MsVUFBN0MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWJ1dHRvbic7XG5pbXBvcnQgJy4uL2F0b21zL2d2LXRhZyc7XG5pbXBvcnQgeyBDaGFydEVsZW1lbnQgfSBmcm9tICcuLi9taXhpbnMvY2hhcnQtZWxlbWVudCc7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5cbi8qKlxuICogQmFyIGNoYXJ0IGNvbXBvbmVudFxuICpcbiAqIOKaoO+4jyBUaGlzIGNvbXBvbmVudCBpcyBiYXNlZCBvbiBgaGlnaGNoYXJ0c2AuXG4gKiBUbyB1c2UgdGhpcyBjb21wb25lbnQgaW4geW91ciBwcm9qZWN0IGJlIHN1cmUgdGhlIGRlcGVuZGVuY3kgaXMgaW5zdGFsbGVkIG9yXG4gKiBpbnN0YWxsIGl0IHdpdGg6IGBucG0gaW5zdGFsbCBoaWdoY2hhcnRzIC0tc2F2ZWBcbiAqXG4gKiBAZmlyZXMgZ3YtY2hhcnQtYmFyOnNlbGVjdCAtIEN1c3RvbSBldmVudCB3aXRoIHNlbGVjdGVkIHZhbHVlXG4gKlxuICogQGF0dHIge0FycmF5fSBzZXJpZXMgLSBUaGUgc2VyaWVzIHRvIGRpc3BsYXkgb24gdGhlIGJhciBjaGFydC5cbiAqIEBhdHRyIHtBcnJheX0gb3B0aW9ucyAtIFRoZSBsaXN0IG9mIG9wdGlvbnMgdG8gZGlzcGxheS5cbiAqXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkNoYXJ0QmFyIGV4dGVuZHMgQ2hhcnRFbGVtZW50KExpdEVsZW1lbnQpIHtcbiAgYXN5bmMgZ2V0T3B0aW9ucygpIHtcbiAgICBsZXQgdG90YWwgPSAwO1xuICAgIGNvbnN0IGNhdGVnb3JpZXMgPSBbXTtcbiAgICBpZiAodGhpcy5fc2VyaWVzICYmIHRoaXMuX3Nlcmllcy52YWx1ZXMpIHtcbiAgICAgIHRoaXMub3B0aW9ucy5kYXRhLmZvckVhY2goKGRhdGEsIGkpID0+IHtcbiAgICAgICAgZGF0YS55ID0gdGhpcy5fc2VyaWVzLnZhbHVlc1t0aGlzLm9wdGlvbnMuZGF0YVtpXS5uYW1lXSB8fCAwO1xuICAgICAgICBjYXRlZ29yaWVzLnB1c2goZGF0YS5uYW1lKTtcbiAgICAgIH0pO1xuICAgICAgdGhpcy5vcHRpb25zLmRhdGEuZm9yRWFjaCgoZCkgPT4ge1xuICAgICAgICB0b3RhbCArPSBkLnk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgaWYgKCF0b3RhbCkge1xuICAgICAgdGhpcy5fZW1wdHkgPSB0cnVlO1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgY2hhcnQ6IHtcbiAgICAgICAgdHlwZTogJ2JhcicsXG4gICAgICB9LFxuICAgICAgc2VyaWVzOiB0b3RhbCA9PT0gMCA/IFtdIDogW3RoaXMub3B0aW9uc10sXG4gICAgICB4QXhpczoge1xuICAgICAgICBjYXRlZ29yaWVzOiBjYXRlZ29yaWVzLFxuICAgICAgfSxcbiAgICAgIGxlZ2VuZDoge1xuICAgICAgICBlbmFibGVkOiBmYWxzZSxcbiAgICAgIH0sXG4gICAgICB5QXhpczoge1xuICAgICAgICBhbGxvd0RlY2ltYWxzOiBmYWxzZSxcbiAgICAgICAgdGl0bGU6IHtcbiAgICAgICAgICB0ZXh0OiBudWxsLFxuICAgICAgICB9LFxuICAgICAgICBtaW46IDAsXG4gICAgICB9LFxuICAgICAgcGxvdE9wdGlvbnM6IHtcbiAgICAgICAgYmFyOiB7XG4gICAgICAgICAgZGF0YUxhYmVsczoge1xuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgICBzZXJpZXM6IHtcbiAgICAgICAgICBhbmltYXRpb246IGZhbHNlLFxuICAgICAgICAgIGV2ZW50czoge1xuICAgICAgICAgICAgY2xpY2s6IChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdzZWxlY3QnLCBldmVudC5wb2ludC5vcHRpb25zKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICB0b29sdGlwOiB7XG4gICAgICAgIHBvaW50Rm9ybWF0OiAnTmIgaGl0czogPGI+e3BvaW50Lnl9PC9iPicsXG4gICAgICB9LFxuICAgICAgdGl0bGU6IHtcbiAgICAgICAgdGV4dDogJ1RvdGFsOiAnICsgdG90YWwsXG4gICAgICAgIHVzZUhUTUw6IHRydWUsXG4gICAgICAgIGFsaWduOiAnbGVmdCcsXG4gICAgICAgIHZlcnRpY2FsQWxpZ246ICdib3R0b20nLFxuICAgICAgICB5OiAxMCxcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBmb250U2l6ZTogJzEycHgnLFxuICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1jaGFydC1iYXInLCBHdkNoYXJ0QmFyKTtcbiJdfQ==
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvChartBar=void 0;const t=require("lit");require("../atoms/gv-button"),require("../atoms/gv-tag");const e=require("../mixins/chart-element"),s=require("../lib/events");class i extends((0,e.ChartElement)(t.LitElement)){async getOptions(){let t=0;const e=[];return this._series&&this._series.values&&(this.options.data.forEach(((t,s)=>{t.y=this._series.values[this.options.data[s].name]||0,e.push(t.name)})),this.options.data.forEach((e=>{t+=e.y}))),t||(this._empty=!0),{chart:{type:"bar"},series:0===t?[]:[this.options],xAxis:{categories:e},legend:{enabled:!1},yAxis:{allowDecimals:!1,title:{text:null},min:0},plotOptions:{bar:{dataLabels:{enabled:!0}},series:{animation:!1,events:{click:t=>{t.preventDefault(),(0,s.dispatchCustomEvent)(this,"select",t.point.options)}}}},tooltip:{pointFormat:"Nb hits: <b>{point.y}</b>"},title:{text:"Total: "+t,useHTML:!0,align:"left",verticalAlign:"bottom",y:10,style:{fontSize:"12px",fontWeight:"bold"}}}}}exports.GvChartBar=i,window.customElements.define("gv-chart-bar",i);