@gravitee/ui-components 3.25.3 → 3.25.4

package/src/molecules/gv-category-list.d.ts

@@ -0,0 +1,17 @@
+/**
+ * List of categories
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @cssprop {Color} [--gv-category-list--bgc-1=#cce6eb] - Category background color 1
+ * @cssprop {Color} [--gv-category-list--bgc-2=#fcf1a8] - Category background color 2
+ * @cssprop {Color} [--gv-category-list--bgc-3=#d9d4f1] - Category background color 3
+ * @cssprop {Color} [--gv-category-list--bgc-4=#f9c15e] - Category background color 4
+ * @cssprop {Color} [--gv-category-list--bgc-5=#d4fccd] - Category background color 5
+ * @cssprop {Color} [--gv-category-list--bgc-6=#e0c8b2] - Category background color 6
+ */
+export class GvCategoryList extends GvCardList {
+    _getCategoryBackgroundColor(index: any): string;
+}
+import { GvCardList } from "./gv-card-list";

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

@@ -29,21 +29,29 @@ import { GvCardList } from './gv-card-list';
  * @cssprop {Color} [--gv-category-list--bgc-5=#d4fccd] - Category background color 5
  * @cssprop {Color} [--gv-category-list--bgc-6=#e0c8b2] - Category background color 6
  */
-
 export class GvCategoryList extends GvCardList {
-  static get styles() {
-    return [...super.styles, // language=CSS
-    css`:host{--bgc-1:var(--gv-category-list--bgc-1, #cce6eb);--bgc-2:var(--gv-category-list--bgc-2, #fcf1a8);--bgc-3:var(--gv-category-list--bgc-3, #d9d4f1);--bgc-4:var(--gv-category-list--bgc-4, #f9c15e);--bgc-5:var(--gv-category-list--bgc-5, #d4fccd);--bgc-6:var(--gv-category-list--bgc-6, #e0c8b2)}`];
-  }
-
-  renderItem(item, index) {
-    return html`<gv-category class="item" .category="${item || null}" style="${this._getCategoryBackgroundColor(index)}"> </gv-category>`;
-  }
-
-  _getCategoryBackgroundColor(index) {
-    return `--gv-category--bgc: var(--bgc-${index % 6 + 1})`;
-  }
-
+    static get styles() {
+        return [
+            ...super.styles,
+            // language=CSS
+            css `
+        :host {
+          --bgc-1: var(--gv-category-list--bgc-1, #cce6eb);
+          --bgc-2: var(--gv-category-list--bgc-2, #fcf1a8);
+          --bgc-3: var(--gv-category-list--bgc-3, #d9d4f1);
+          --bgc-4: var(--gv-category-list--bgc-4, #f9c15e);
+          --bgc-5: var(--gv-category-list--bgc-5, #d4fccd);
+          --bgc-6: var(--gv-category-list--bgc-6, #e0c8b2);
+        }
+      `,
+        ];
+    }
+    renderItem(item, index) {
+        return html `<gv-category class="item" .category="${item || null}" style="${this._getCategoryBackgroundColor(index)}"> </gv-category>`;
+    }
+    _getCategoryBackgroundColor(index) {
+        return `--gv-category--bgc: var(--bgc-${(index % 6) + 1})`;
+    }
 }
 window.customElements.define('gv-category-list', GvCategoryList);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1jYXRlZ29yeS1saXN0LmpzIl0sIm5hbWVzIjpbImNzcyIsImh0bWwiLCJHdkNhcmRMaXN0IiwiR3ZDYXRlZ29yeUxpc3QiLCJzdHlsZXMiLCJyZW5kZXJJdGVtIiwiaXRlbSIsImluZGV4IiwiX2dldENhdGVnb3J5QmFja2dyb3VuZENvbG9yIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLEdBQVQsRUFBY0MsSUFBZCxRQUEwQixLQUExQjtBQUNBLE9BQU8sZUFBUDtBQUNBLFNBQVNDLFVBQVQsUUFBMkIsZ0JBQTNCO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxjQUFOLFNBQTZCRCxVQUE3QixDQUF3QztBQUM1QixhQUFORSxNQUFNLEdBQUc7QUFDbEIsV0FBTyxDQUNMLEdBQUcsTUFBTUEsTUFESixFQUVMO0FBQ0FKLElBQUFBLEdBQUcsd1NBSEUsQ0FBUDtBQWNEOztBQUVESyxFQUFBQSxVQUFVLENBQUNDLElBQUQsRUFBT0MsS0FBUCxFQUFjO0FBQ3RCLFdBQU9OLElBQUksd0NBQXdDSyxJQUFJLElBQUksSUFBaEQsWUFBZ0UsS0FBS0UsMkJBQUwsQ0FBaUNELEtBQWpDLENBQWhFLG1CQUFYO0FBQ0Q7O0FBRURDLEVBQUFBLDJCQUEyQixDQUFDRCxLQUFELEVBQVE7QUFDakMsV0FBUSxpQ0FBaUNBLEtBQUssR0FBRyxDQUFULEdBQWMsQ0FBRSxHQUF4RDtBQUNEOztBQXhCNEM7QUEyQi9DRSxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGtCQUE3QixFQUFpRFIsY0FBakQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBodG1sIH0gZnJvbSAnbGl0JztcbmltcG9ydCAnLi9ndi1jYXRlZ29yeSc7XG5pbXBvcnQgeyBHdkNhcmRMaXN0IH0gZnJvbSAnLi9ndi1jYXJkLWxpc3QnO1xuXG4vKipcbiAqIExpc3Qgb2YgY2F0ZWdvcmllc1xuICpcbiAqICMjIERldGFpbHNcbiAqICogaGFzIEB0aGVtZSBmYWNldFxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTE9I2NjZTZlYl0gLSBDYXRlZ29yeSBiYWNrZ3JvdW5kIGNvbG9yIDFcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTI9I2ZjZjFhOF0gLSBDYXRlZ29yeSBiYWNrZ3JvdW5kIGNvbG9yIDJcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTM9I2Q5ZDRmMV0gLSBDYXRlZ29yeSBiYWNrZ3JvdW5kIGNvbG9yIDNcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTQ9I2Y5YzE1ZV0gLSBDYXRlZ29yeSBiYWNrZ3JvdW5kIGNvbG9yIDRcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTU9I2Q0ZmNjZF0gLSBDYXRlZ29yeSBiYWNrZ3JvdW5kIGNvbG9yIDVcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTY9I2UwYzhiMl0gLSBDYXRlZ29yeSBiYWNrZ3JvdW5kIGNvbG9yIDZcbiAqL1xuZXhwb3J0IGNsYXNzIEd2Q2F0ZWdvcnlMaXN0IGV4dGVuZHMgR3ZDYXJkTGlzdCB7XG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAuLi5zdXBlci5zdHlsZXMsXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIC0tYmdjLTE6IHZhcigtLWd2LWNhdGVnb3J5LWxpc3QtLWJnYy0xLCAjY2NlNmViKTtcbiAgICAgICAgICAtLWJnYy0yOiB2YXIoLS1ndi1jYXRlZ29yeS1saXN0LS1iZ2MtMiwgI2ZjZjFhOCk7XG4gICAgICAgICAgLS1iZ2MtMzogdmFyKC0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTMsICNkOWQ0ZjEpO1xuICAgICAgICAgIC0tYmdjLTQ6IHZhcigtLWd2LWNhdGVnb3J5LWxpc3QtLWJnYy00LCAjZjljMTVlKTtcbiAgICAgICAgICAtLWJnYy01OiB2YXIoLS1ndi1jYXRlZ29yeS1saXN0LS1iZ2MtNSwgI2Q0ZmNjZCk7XG4gICAgICAgICAgLS1iZ2MtNjogdmFyKC0tZ3YtY2F0ZWdvcnktbGlzdC0tYmdjLTYsICNlMGM4YjIpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICByZW5kZXJJdGVtKGl0ZW0sIGluZGV4KSB7XG4gICAgcmV0dXJuIGh0bWxgPGd2LWNhdGVnb3J5IGNsYXNzPVwiaXRlbVwiIC5jYXRlZ29yeT1cIiR7aXRlbSB8fCBudWxsfVwiIHN0eWxlPVwiJHt0aGlzLl9nZXRDYXRlZ29yeUJhY2tncm91bmRDb2xvcihpbmRleCl9XCI+IDwvZ3YtY2F0ZWdvcnk+YDtcbiAgfVxuXG4gIF9nZXRDYXRlZ29yeUJhY2tncm91bmRDb2xvcihpbmRleCkge1xuICAgIHJldHVybiBgLS1ndi1jYXRlZ29yeS0tYmdjOiB2YXIoLS1iZ2MtJHsoaW5kZXggJSA2KSArIDF9KWA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtY2F0ZWdvcnktbGlzdCcsIEd2Q2F0ZWdvcnlMaXN0KTtcbiJdfQ==
+//# sourceMappingURL=gv-category-list.js.map

package/src/molecules/gv-category-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gv-category-list.js","sourceRoot":"","sources":["../../../src/molecules/gv-category-list.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,eAAe;YACf,GAAG,CAAA;;;;;;;;;OASF;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,IAAI,EAAE,KAAK;QACpB,OAAO,IAAI,CAAA,wCAAwC,IAAI,IAAI,IAAI,YAAY,IAAI,CAAC,2BAA2B,CAAC,KAAK,CAAC,mBAAmB,CAAC;IACxI,CAAC;IAED,2BAA2B,CAAC,KAAK;QAC/B,OAAO,iCAAiC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7D,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC"}

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

@@ -0,0 +1,64 @@
+declare const GvCategory_base: {
+    new (): {
+        [x: string]: any;
+        _invisible: boolean;
+        _skeleton: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    [x: string]: any;
+    readonly properties: {
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};
+/**
+ * A card used to display a category
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-category:click - Custom click event
+ *
+ * @attr {Promise<{name, description, _links: { picture }, total_apis}>} category - A category object
+ * @attr {Length} limit - number of characters that can be display in the description. If _description_ is greater, it will be truncated.
+ *
+ * @cssprop {Color} [--gv-category--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Color} [--gv-category--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ * @cssprop {Length} [--gv-category--h=200px] - Height
+ */
+export class GvCategory extends GvCategory_base {
+    static get properties(): {
+        category: {
+            type: ObjectConstructor;
+        };
+        limit: {
+            type: NumberConstructor;
+        };
+        _category: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+    };
+    _skeletonAttribute: string;
+    _get(property: any): any;
+    _onClick(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/molecules/gv-category.js

@@ -34,57 +34,131 @@ import { withSkeletonAttribute } from '../mixins/with-skeleton-attribute';
  * @cssprop {Color} [--gv-category--c=var(--gv-theme-font-color-dark, #262626)] - Color
  * @cssprop {Length} [--gv-category--h=200px] - Height
  */
-
 export class GvCategory extends withSkeletonAttribute(LitElement) {
-  static get properties() {
-    return {
-      category: {
-        type: Object
-      },
-      limit: {
-        type: Number
-      },
-      _category: {
-        type: Object,
-        attribute: false
-      }
-    };
-  }
+    static get properties() {
+        return {
+            category: { type: Object },
+            limit: { type: Number },
+            _category: { type: Object, attribute: false },
+        };
+    }
+    static get styles() {
+        return [
+            ...super.styles,
+            // language=CSS
+            css `
+        :host {
+          box-sizing: border-box;
+          display: inline-block;
+          margin: 0.2rem;
+          vertical-align: middle;
+          min-width: 415px;
+        }
 
-  static get styles() {
-    return [...super.styles, // language=CSS
-    css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;min-width:415px}.card{background-color:var(--gv-category--bgc,var(--gv-theme-neutral-color-lightest,#fff));border-radius:4px;display:flex;flex-direction:column;height:var(--gv-category--h,200px);padding:2rem;box-shadow:0 0 0 1px var(--gv-theme-neutral-color-dark,#bfbfbf),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);transition:all .3s;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -14px var(--gv-theme-neutral-color,#f5f5f5);cursor:pointer}.box{display:flex}.title{flex:1;align-self:center}.title span{font-size:var(--gv-theme-font-size-s);font-weight:600;line-height:var(--gv-theme-font-size-s);margin-left:8px;opacity:.7}gv-identity-picture{height:80px;width:80px;margin:.5rem 1rem .5rem 0}.title{color:var(--gv-category--c,var(--gv-theme-font-color-dark,#262626));font-size:var(--gv-theme-font-size-xxl,30px);font-style:normal;font-weight:600;line-height:calc(var(--gv-theme-font-size-xxl,30px) + 6px)}.description{color:var(--gv-category--c,var(--gv-theme-font-color-dark,#262626));font-size:var(--gv-theme-font-size-l,16px);font-style:normal;font-weight:400;line-height:24px;opacity:.7;max-height:150px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}`];
-  }
+        .card {
+          background-color: var(--gv-category--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));
+          border-radius: 4px;
+          display: flex;
+          flex-direction: column;
+          height: var(--gv-category--h, 200px);
+          padding: 2rem;
+          box-shadow: 0 0 0 1px var(--gv-theme-neutral-color-dark, #bfbfbf), 0 1px 3px var(--gv-theme-neutral-color-dark, #bfbfbf);
+          transition: all 0.3s;
+          position: relative;
+        }
 
-  constructor() {
-    super();
-    this._skeletonAttribute = 'category';
-  }
+        .card:hover {
+          transform: translateY(-4px);
+          box-shadow: 0 20px 40px -14px var(--gv-theme-neutral-color, #f5f5f5);
+          cursor: pointer;
+        }
 
-  _get(property) {
-    if (this._category) {
-      return this._category[property];
-    }
+        .box {
+          display: flex;
+        }
+
+        .title {
+          flex: 1;
+          align-self: center;
+        }
+
+        .title span {
+          font-size: var(--gv-theme-font-size-s);
+          font-weight: 600;
+          line-height: var(--gv-theme-font-size-s);
+          margin-left: 8px;
+          opacity: 0.7;
+        }
 
-    return '';
-  }
+        gv-identity-picture {
+          height: 80px;
+          width: 80px;
+          margin: 0.5rem 1rem 0.5rem 0;
+        }
 
-  _onClick() {
-    dispatchCustomEvent(this, 'click', this._category);
-  }
+        .title {
+          color: var(--gv-category--c, var(--gv-theme-font-color-dark, #262626));
+          font-size: var(--gv-theme-font-size-xxl, 30px);
+          font-style: normal;
+          font-weight: 600;
+          line-height: calc(var(--gv-theme-font-size-xxl, 30px) + 6px);
+        }
 
-  render() {
-    const total = this._get('total_apis');
+        .description {
+          color: var(--gv-category--c, var(--gv-theme-font-color-dark, #262626));
+          font-size: var(--gv-theme-font-size-l, 16px);
+          font-style: normal;
+          font-weight: normal;
+          line-height: 24px;
+          opacity: 0.7;
 
-    return html`<div @click="${this._onClick}" class="${classMap({
-      card: true,
-      skeleton: this._skeleton,
-      empty: this._error || this._empty
-    })}"> ${this._error || this._empty ? html` <div class="${classMap({
-      skeleton: this._skeleton
-    })}"> <span>${this._error ? i18n('gv-category.error') : i18n('gv-category.empty')}</span> </div> ` : html` <div class="box"> <gv-identity-picture .skeleton="${this._skeleton}" display_name="${this._get('name')}" picture="${this._get('_links') ? this._get('_links').picture : ''}"></gv-identity-picture> <div class="title">${this._get('name')}${total ? html`<span>(${total})</span>` : ''}</div> </div> <div class="description">${truncate(this._get('description'), this.limit)}</div>`} </div> `;
-  }
+          /** text-overflow **/
+          max-height: 150px;
+          display: -webkit-box;
+          -webkit-line-clamp: 4;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+        }
+      `,
+        ];
+    }
+    constructor() {
+        super();
+        this._skeletonAttribute = 'category';
+    }
+    _get(property) {
+        if (this._category) {
+            return this._category[property];
+        }
+        return '';
+    }
+    _onClick() {
+        dispatchCustomEvent(this, 'click', this._category);
+    }
+    render() {
+        const total = this._get('total_apis');
+        return html `<div
+      @click=${this._onClick}
+      class="${classMap({ card: true, skeleton: this._skeleton, empty: this._error || this._empty })}"
+    >
+      ${this._error || this._empty
+            ? html `
+            <div class="${classMap({ skeleton: this._skeleton })}">
+              <span>${this._error ? i18n('gv-category.error') : i18n('gv-category.empty')}</span>
+            </div>
+          `
+            : html ` <div class="box">
+              <gv-identity-picture
+                .skeleton="${this._skeleton}"
+                display_name="${this._get('name')}"
+                picture="${this._get('_links') ? this._get('_links').picture : ''}"
+              ></gv-identity-picture>
+              <div class="title">${this._get('name')}${total ? html `<span>(${total})</span>` : ''}</div>
+            </div>
 
+            <div class="description">${truncate(this._get('description'), this.limit)}</div>`}
+    </div> `;
+    }
 }
 window.customElements.define('gv-category', GvCategory);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1jYXRlZ29yeS5qcyJdLCJuYW1lcyI6WyJMaXRFbGVtZW50IiwiaHRtbCIsImNzcyIsInRydW5jYXRlIiwiY2xhc3NNYXAiLCJkaXNwYXRjaEN1c3RvbUV2ZW50IiwiaTE4biIsIndpdGhTa2VsZXRvbkF0dHJpYnV0ZSIsIkd2Q2F0ZWdvcnkiLCJwcm9wZXJ0aWVzIiwiY2F0ZWdvcnkiLCJ0eXBlIiwiT2JqZWN0IiwibGltaXQiLCJOdW1iZXIiLCJfY2F0ZWdvcnkiLCJhdHRyaWJ1dGUiLCJzdHlsZXMiLCJjb25zdHJ1Y3RvciIsIl9za2VsZXRvbkF0dHJpYnV0ZSIsIl9nZXQiLCJwcm9wZXJ0eSIsIl9vbkNsaWNrIiwicmVuZGVyIiwidG90YWwiLCJjYXJkIiwic2tlbGV0b24iLCJfc2tlbGV0b24iLCJlbXB0eSIsIl9lcnJvciIsIl9lbXB0eSIsInBpY3R1cmUiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsVUFBVCxFQUFxQkMsSUFBckIsRUFBMkJDLEdBQTNCLFFBQXNDLEtBQXRDO0FBQ0EsU0FBU0MsUUFBVCxRQUF5QixjQUF6QjtBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFDQSxTQUFTQyxJQUFULFFBQXFCLGFBQXJCO0FBQ0EsU0FBU0MscUJBQVQsUUFBc0MsbUNBQXRDO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBLE9BQU8sTUFBTUMsVUFBTixTQUF5QkQscUJBQXFCLENBQUNQLFVBQUQsQ0FBOUMsQ0FBMkQ7QUFDM0MsYUFBVlMsVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTEMsTUFBQUEsUUFBUSxFQUFFO0FBQUVDLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQURMO0FBRUxDLE1BQUFBLEtBQUssRUFBRTtBQUFFRixRQUFBQSxJQUFJLEVBQUVHO0FBQVIsT0FGRjtBQUdMQyxNQUFBQSxTQUFTLEVBQUU7QUFBRUosUUFBQUEsSUFBSSxFQUFFQyxNQUFSO0FBQWdCSSxRQUFBQSxTQUFTLEVBQUU7QUFBM0I7QUFITixLQUFQO0FBS0Q7O0FBRWdCLGFBQU5DLE1BQU0sR0FBRztBQUNsQixXQUFPLENBQ0wsR0FBRyxNQUFNQSxNQURKLEVBRUw7QUFDQWYsSUFBQUEsR0FBRywweUNBSEUsQ0FBUDtBQThFRDs7QUFFRGdCLEVBQUFBLFdBQVcsR0FBRztBQUNaO0FBQ0EsU0FBS0Msa0JBQUwsR0FBMEIsVUFBMUI7QUFDRDs7QUFFREMsRUFBQUEsSUFBSSxDQUFDQyxRQUFELEVBQVc7QUFDYixRQUFJLEtBQUtOLFNBQVQsRUFBb0I7QUFDbEIsYUFBTyxLQUFLQSxTQUFMLENBQWVNLFFBQWYsQ0FBUDtBQUNEOztBQUNELFdBQU8sRUFBUDtBQUNEOztBQUVEQyxFQUFBQSxRQUFRLEdBQUc7QUFDVGpCLElBQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxPQUFQLEVBQWdCLEtBQUtVLFNBQXJCLENBQW5CO0FBQ0Q7O0FBRURRLEVBQUFBLE1BQU0sR0FBRztBQUNQLFVBQU1DLEtBQUssR0FBRyxLQUFLSixJQUFMLENBQVUsWUFBVixDQUFkOztBQUNBLFdBQU9uQixJQUFJLGdCQUNBLEtBQUtxQixRQURMLFlBRUFsQixRQUFRLENBQUM7QUFBRXFCLE1BQUFBLElBQUksRUFBRSxJQUFSO0FBQWNDLE1BQUFBLFFBQVEsRUFBRSxLQUFLQyxTQUE3QjtBQUF3Q0MsTUFBQUEsS0FBSyxFQUFFLEtBQUtDLE1BQUwsSUFBZSxLQUFLQztBQUFuRSxLQUFELENBRlIsTUFJUCxLQUFLRCxNQUFMLElBQWUsS0FBS0MsTUFBcEIsR0FDRTdCLElBQUksZ0JBQ1lHLFFBQVEsQ0FBQztBQUFFc0IsTUFBQUEsUUFBUSxFQUFFLEtBQUtDO0FBQWpCLEtBQUQsQ0FEcEIsWUFFUSxLQUFLRSxNQUFMLEdBQWN2QixJQUFJLENBQUMsbUJBQUQsQ0FBbEIsR0FBMENBLElBQUksQ0FBQyxtQkFBRCxDQUZ0RCxpQkFETixHQU1FTCxJQUFJLHNEQUVlLEtBQUswQixTQUZwQixtQkFHa0IsS0FBS1AsSUFBTCxDQUFVLE1BQVYsQ0FIbEIsY0FJYSxLQUFLQSxJQUFMLENBQVUsUUFBVixJQUFzQixLQUFLQSxJQUFMLENBQVUsUUFBVixFQUFvQlcsT0FBMUMsR0FBb0QsRUFKakUsK0NBTXFCLEtBQUtYLElBQUwsQ0FBVSxNQUFWLENBTnJCLEdBTXlDSSxLQUFLLEdBQUd2QixJQUFJLFVBQVV1QixLQUFWLFVBQVAsR0FBbUMsRUFOakYsMENBU3lCckIsUUFBUSxDQUFDLEtBQUtpQixJQUFMLENBQVUsYUFBVixDQUFELEVBQTJCLEtBQUtQLEtBQWhDLENBVGpDLFFBVkMsVUFBWDtBQXFCRDs7QUFqSStEO0FBb0lsRW1CLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsYUFBN0IsRUFBNEMxQixVQUE1QyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBMaXRFbGVtZW50LCBodG1sLCBjc3MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgdHJ1bmNhdGUgfSBmcm9tICcuLi9saWIvdXRpbHMnO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gJy4uL2xpYi9pMThuJztcbmltcG9ydCB7IHdpdGhTa2VsZXRvbkF0dHJpYnV0ZSB9IGZyb20gJy4uL21peGlucy93aXRoLXNrZWxldG9uLWF0dHJpYnV0ZSc7XG5cbi8qKlxuICogQSBjYXJkIHVzZWQgdG8gZGlzcGxheSBhIGNhdGVnb3J5XG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LWNhdGVnb3J5OmNsaWNrIC0gQ3VzdG9tIGNsaWNrIGV2ZW50XG4gKlxuICogQGF0dHIge1Byb21pc2U8e25hbWUsIGRlc2NyaXB0aW9uLCBfbGlua3M6IHsgcGljdHVyZSB9LCB0b3RhbF9hcGlzfT59IGNhdGVnb3J5IC0gQSBjYXRlZ29yeSBvYmplY3RcbiAqIEBhdHRyIHtMZW5ndGh9IGxpbWl0IC0gbnVtYmVyIG9mIGNoYXJhY3RlcnMgdGhhdCBjYW4gYmUgZGlzcGxheSBpbiB0aGUgZGVzY3JpcHRpb24uIElmIF9kZXNjcmlwdGlvbl8gaXMgZ3JlYXRlciwgaXQgd2lsbCBiZSB0cnVuY2F0ZWQuXG4gKlxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi1jYXRlZ29yeS0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIEJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtY2F0ZWdvcnktLWM9dmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KV0gLSBDb2xvclxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtY2F0ZWdvcnktLWg9MjAwcHhdIC0gSGVpZ2h0XG4gKi9cbmV4cG9ydCBjbGFzcyBHdkNhdGVnb3J5IGV4dGVuZHMgd2l0aFNrZWxldG9uQXR0cmlidXRlKExpdEVsZW1lbnQpIHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBjYXRlZ29yeTogeyB0eXBlOiBPYmplY3QgfSxcbiAgICAgIGxpbWl0OiB7IHR5cGU6IE51bWJlciB9LFxuICAgICAgX2NhdGVnb3J5OiB7IHR5cGU6IE9iamVjdCwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgLi4uc3VwZXIuc3R5bGVzLFxuICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICBjc3NgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW46IDAuMnJlbTtcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgIG1pbi13aWR0aDogNDE1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuY2FyZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3YtY2F0ZWdvcnktLWJnYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1saWdodGVzdCwgI2ZmZmZmZikpO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgaGVpZ2h0OiB2YXIoLS1ndi1jYXRlZ29yeS0taCwgMjAwcHgpO1xuICAgICAgICAgIHBhZGRpbmc6IDJyZW07XG4gICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZiksIDAgMXB4IDNweCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpO1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jYXJkOmhvdmVyIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTRweCk7XG4gICAgICAgICAgYm94LXNoYWRvdzogMCAyMHB4IDQwcHggLTE0cHggdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvciwgI2Y1ZjVmNSk7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLmJveCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuXG4gICAgICAgIC50aXRsZSB7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAudGl0bGUgc3BhbiB7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtcyk7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMpO1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICAgICAgb3BhY2l0eTogMC43O1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaWRlbnRpdHktcGljdHVyZSB7XG4gICAgICAgICAgaGVpZ2h0OiA4MHB4O1xuICAgICAgICAgIHdpZHRoOiA4MHB4O1xuICAgICAgICAgIG1hcmdpbjogMC41cmVtIDFyZW0gMC41cmVtIDA7XG4gICAgICAgIH1cblxuICAgICAgICAudGl0bGUge1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1ndi1jYXRlZ29yeS0tYywgdmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUteHhsLCAzMHB4KTtcbiAgICAgICAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogY2FsYyh2YXIoLS1ndi10aGVtZS1mb250LXNpemUteHhsLCAzMHB4KSArIDZweCk7XG4gICAgICAgIH1cblxuICAgICAgICAuZGVzY3JpcHRpb24ge1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1ndi1jYXRlZ29yeS0tYywgdmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KSk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtbCwgMTZweCk7XG4gICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICAgICAgb3BhY2l0eTogMC43O1xuXG4gICAgICAgICAgLyoqIHRleHQtb3ZlcmZsb3cgKiovXG4gICAgICAgICAgbWF4LWhlaWdodDogMTUwcHg7XG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiA0O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLl9za2VsZXRvbkF0dHJpYnV0ZSA9ICdjYXRlZ29yeSc7XG4gIH1cblxuICBfZ2V0KHByb3BlcnR5KSB7XG4gICAgaWYgKHRoaXMuX2NhdGVnb3J5KSB7XG4gICAgICByZXR1cm4gdGhpcy5fY2F0ZWdvcnlbcHJvcGVydHldO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBfb25DbGljaygpIHtcbiAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdjbGljaycsIHRoaXMuX2NhdGVnb3J5KTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB0b3RhbCA9IHRoaXMuX2dldCgndG90YWxfYXBpcycpO1xuICAgIHJldHVybiBodG1sYDxkaXZcbiAgICAgIEBjbGljaz0ke3RoaXMuX29uQ2xpY2t9XG4gICAgICBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBjYXJkOiB0cnVlLCBza2VsZXRvbjogdGhpcy5fc2tlbGV0b24sIGVtcHR5OiB0aGlzLl9lcnJvciB8fCB0aGlzLl9lbXB0eSB9KX1cIlxuICAgID5cbiAgICAgICR7dGhpcy5fZXJyb3IgfHwgdGhpcy5fZW1wdHlcbiAgICAgICAgPyBodG1sYFxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBza2VsZXRvbjogdGhpcy5fc2tlbGV0b24gfSl9XCI+XG4gICAgICAgICAgICAgIDxzcGFuPiR7dGhpcy5fZXJyb3IgPyBpMThuKCdndi1jYXRlZ29yeS5lcnJvcicpIDogaTE4bignZ3YtY2F0ZWdvcnkuZW1wdHknKX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICBgXG4gICAgICAgIDogaHRtbGAgPGRpdiBjbGFzcz1cImJveFwiPlxuICAgICAgICAgICAgICA8Z3YtaWRlbnRpdHktcGljdHVyZVxuICAgICAgICAgICAgICAgIC5za2VsZXRvbj1cIiR7dGhpcy5fc2tlbGV0b259XCJcbiAgICAgICAgICAgICAgICBkaXNwbGF5X25hbWU9XCIke3RoaXMuX2dldCgnbmFtZScpfVwiXG4gICAgICAgICAgICAgICAgcGljdHVyZT1cIiR7dGhpcy5fZ2V0KCdfbGlua3MnKSA/IHRoaXMuX2dldCgnX2xpbmtzJykucGljdHVyZSA6ICcnfVwiXG4gICAgICAgICAgICAgID48L2d2LWlkZW50aXR5LXBpY3R1cmU+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPiR7dGhpcy5fZ2V0KCduYW1lJyl9JHt0b3RhbCA/IGh0bWxgPHNwYW4+KCR7dG90YWx9KTwvc3Bhbj5gIDogJyd9PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+JHt0cnVuY2F0ZSh0aGlzLl9nZXQoJ2Rlc2NyaXB0aW9uJyksIHRoaXMubGltaXQpfTwvZGl2PmB9XG4gICAgPC9kaXY+IGA7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3YtY2F0ZWdvcnknLCBHdkNhdGVnb3J5KTtcbiJdfQ==
+//# sourceMappingURL=gv-category.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gv-category.js","sourceRoot":"","sources":["../../../src/molecules/gv-category.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,UAAW,SAAQ,qBAAqB,CAAC,UAAU,CAAC;IAC/D,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9C,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyEF;SACF,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,kBAAkB,GAAG,UAAU,CAAC;IACvC,CAAC;IAED,IAAI,CAAC,QAAQ;QACX,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACjC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,QAAQ;QACN,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACtC,OAAO,IAAI,CAAA;eACA,IAAI,CAAC,QAAQ;eACb,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;;QAE5F,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM;YAC1B,CAAC,CAAC,IAAI,CAAA;0BACY,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;sBAC1C,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC;;WAE9E;YACH,CAAC,CAAC,IAAI,CAAA;;6BAEe,IAAI,CAAC,SAAS;gCACX,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;2BACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;mCAE9C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE;;;uCAG1D,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YACjF,CAAC;IACX,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,192 @@
+/**
+ * Code component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-code:input - input events with the `value` on `detail`
+ * @fires gv-code:ready - event dispatch when component is ready
+ * @fires gv-code:clipboard-copy - event dispatch when component the `value` has been copied to clipboard
+ *
+ * @attr {String} label - code language
+ * @attr {String} value - code content to be highlighted
+ * @attr {options} Object - options based on codemirror
+ * @attr {String} placeholder - an example value to display in the input when empty
+ * @attr {Number} rows - number of rows of the text element
+ * @attr {Boolean} large - for a large input (only if the field has one row)
+ * @attr {Boolean} medium - for a medium input (only if the field has one row) (Default)
+ * @attr {Boolean} small - for a small input (only if the field has one row)
+ *
+ * @attr {Boolean} [clipboard=false]- true if field has clipboard button
+ * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+ * @attr {Boolean} [readonly=false] - true if field is readonly mode
+ */
+export class GvCode extends GvInput {
+    static get properties(): {
+        options: {
+            type: ObjectConstructor;
+        };
+        rows: {
+            type: NumberConstructor;
+        };
+        _error: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+        };
+        medium: {
+            type: BooleanConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        iconLeft: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        autocomplete: {
+            type: StringConstructor;
+        };
+        clipboard: {
+            type: BooleanConstructor;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+        };
+        noSubmit: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        pattern: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        _type: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            reflect: boolean; /**
+             * Code component
+             *
+             * ## Details
+             * * has @theme facet
+             *
+             * @fires gv-code:input - input events with the `value` on `detail`
+             * @fires gv-code:ready - event dispatch when component is ready
+             * @fires gv-code:clipboard-copy - event dispatch when component the `value` has been copied to clipboard
+             *
+             * @attr {String} label - code language
+             * @attr {String} value - code content to be highlighted
+             * @attr {options} Object - options based on codemirror
+             * @attr {String} placeholder - an example value to display in the input when empty
+             * @attr {Number} rows - number of rows of the text element
+             * @attr {Boolean} large - for a large input (only if the field has one row)
+             * @attr {Boolean} medium - for a medium input (only if the field has one row) (Default)
+             * @attr {Boolean} small - for a small input (only if the field has one row)
+             *
+             * @attr {Boolean} [clipboard=false]- true if field has clipboard button
+             * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+             * @attr {Boolean} [readonly=false] - true if field is readonly mode
+             */
+        };
+    };
+    static findLanguage(mode: any): Promise<import("@codemirror/language").LanguageDescription | {
+        name: string;
+        support: {
+            extension: import("@codemirror/stream-parser").StreamLanguage<unknown>;
+        };
+    } | null | undefined>;
+    static get codemirrorTheme(): import("@codemirror/state").Extension;
+    readonly: boolean;
+    autofocus: boolean;
+    clipboard: boolean;
+    _clipboardIcon: string;
+    languageCompartment: Compartment;
+    readonlyCompartment: Compartment;
+    placeholderCompartment: Compartment;
+    get hasInputStyle(): boolean;
+    _autocomplete(completionContext: any): any;
+    findBestAutocompleteHandler(completionContext: any): {
+        handler: {
+            run(completionContext: any): any;
+        };
+        match: boolean;
+    };
+    get defaultCompletionHandler(): {
+        run(completionContext: any): any;
+    };
+    _getExtensions(): import("@codemirror/state").Extension[];
+    getExtensions(): never[];
+    _editorState: any;
+    _editorView: any;
+    _reflectPlaceholder(): void;
+    _reflectValue(): void;
+    _reflectReadonlyDisabled(): void;
+    _reflectOptions(): Promise<void>;
+}
+import { GvInput } from "../atoms/gv-input";
+import { Compartment } from "@codemirror/state";