@gravitee/ui-components 3.25.3 → 3.25.4

package/src/organisms/gv-documentation.js

@@ -31,102 +31,176 @@ import { classMap } from 'lit/directives/class-map';
  * @attr {Boolean} disabled - true if component is disabled
  * @attr {Boolean} without-header - true if component should not have header with title and actions
  */
-
 export class GvDocumentation extends LitElement {
-  static get properties() {
-    return {
-      text: {
-        type: String
-      },
-      type: {
-        type: String
-      },
-      image: {
-        type: String
-      },
-      _dom: {
-        type: Object,
-        attribute: false
-      },
-      disabled: {
-        type: Boolean
-      },
-      withoutHeader: {
-        type: Boolean,
-        attribute: 'without-header'
-      },
-      _cssLoaded: {
-        type: Boolean,
-        attribute: false
-      }
-    };
-  }
-
-  static get styles() {
-    return [empty, // language=CSS
-    css`:host{box-sizing:border-box;position:relative}.header{display:flex;border-bottom:1px solid #d9d9d9;box-sizing:border-box;min-height:45px;--gv-icon--s:26px;align-items:center;padding:0 1rem;position:relative}.header .left,.header .right{display:flex;flex:1;z-index:10}.header .right{justify-content:flex-end}.header .title{color:#28444f;font-size:18px;display:flex;position:absolute;text-transform:uppercase;letter-spacing:.2rem;justify-content:center;width:100%;top:0;left:0;bottom:0;align-items:center;text-transform:capitalize}.header gv-image{height:35px;width:35px}.container{flex-grow:1;display:flex;flex-direction:column;min-height:0;height:100%}.doc-content{background:#fff;display:none;flex-grow:1;overflow:auto;min-height:0;padding:.5rem}.hljs-string{white-space:pre-wrap}.empty{display:none}.show{display:block}`];
-  }
+    static get properties() {
+        return {
+            text: { type: String },
+            type: { type: String },
+            image: { type: String },
+            _dom: { type: Object, attribute: false },
+            disabled: { type: Boolean },
+            withoutHeader: { type: Boolean, attribute: 'without-header' },
+            _cssLoaded: { type: Boolean, attribute: false },
+        };
+    }
+    static get styles() {
+        return [
+            empty,
+            // language=CSS
+            css `
+        :host {
+          box-sizing: border-box;
+          position: relative;
+        }
 
-  constructor() {
-    super();
-    this.type = 'adoc';
-  }
+        .header {
+          display: flex;
+          border-bottom: 1px solid #d9d9d9;
+          box-sizing: border-box;
+          min-height: 45px;
+          --gv-icon--s: 26px;
+          align-items: center;
+          padding: 0 1rem;
+          position: relative;
+        }
 
-  _onCloseDocumentation() {
-    dispatchCustomEvent(this, 'close');
-  }
+        .header .left,
+        .header .right {
+          display: flex;
+          flex: 1;
+          z-index: 10;
+        }
 
-  _renderIcon() {
-    if (this.image) {
-      return html`<gv-image src="${this.image}"></gv-image>`;
-    }
+        .header .right {
+          justify-content: flex-end;
+        }
 
-    return html`<gv-icon shape="code:question"></gv-icon>`;
-  }
+        .header .title {
+          color: #28444f;
+          font-size: 18px;
+          display: flex;
+          position: absolute;
+          text-transform: uppercase;
+          letter-spacing: 0.2rem;
+          justify-content: center;
+          width: 100%;
+          top: 0;
+          left: 0;
+          bottom: 0;
+          align-items: center;
+          text-transform: capitalize;
+        }
 
-  shouldUpdate(props) {
-    if (props.has('text')) {
-      toDom(this.text, this.type, true).then(_dom => {
-        this._dom = _dom;
+        .header gv-image {
+          height: 35px;
+          width: 35px;
+        }
 
-        if (this._dom) {
-          const title = this._dom.element.querySelector('h1');
+        .container {
+          flex-grow: 1;
 
-          if (title && !this.withoutHeader) {
-            title.remove();
-          }
+          display: flex;
+          flex-direction: column;
 
-          this._dom.element.querySelectorAll('a').forEach(link => link.target = '_blank');
+          /* for Firefox */
+          min-height: 0;
+          height: 100%;
         }
-      });
-      return false;
-    }
 
-    return super.shouldUpdate(props);
-  }
+        .doc-content {
+          background: white;
+          display: none;
+          flex-grow: 1;
 
-  _onLoad() {
-    this._cssLoaded = true;
-  }
+          overflow: auto;
 
-  render() {
-    let title = '';
-    let content;
+          /* for Firefox */
+          min-height: 0;
+          padding: 0.5rem;
+        }
 
-    if (this._dom) {
-      title = this._dom.title;
-      content = this._dom.element;
-    }
+        /* Hack for long string */
+        .hljs-string {
+          white-space: pre-wrap;
+        }
 
-    return html`<link @load="${this._onLoad}" rel="stylesheet" href="css/documentation.css"> <div class="container"> ${this.withoutHeader ? html`` : html`<div class="header"> <div class="left"> ${this.disabled ? html`` : html`<gv-button icon="general:close" outlined small @gv-button:click="${this._onCloseDocumentation}" title="Close"></gv-button>`} </div> <div class="title">${title}</div> <div class="right">${this._renderIcon()}</div> </div>`} <div class="${classMap({
-      'doc-content': true,
-      show: this._cssLoaded
-    })}"> ${content} <slot name="empty" class="${classMap({
-      empty: true,
-      show: content == null
-    })}"> <div>Sorry,the documentation was not found.</div> <div>See the documentation about plugins.</div> </slot> </div> </div> `;
-  }
+        .empty {
+          display: none;
+        }
 
+        .show {
+          display: block;
+        }
+      `,
+        ];
+    }
+    constructor() {
+        super();
+        this.type = 'adoc';
+    }
+    _onCloseDocumentation() {
+        dispatchCustomEvent(this, 'close');
+    }
+    _renderIcon() {
+        if (this.image) {
+            return html `<gv-image src="${this.image}"></gv-image>`;
+        }
+        return html `<gv-icon shape="code:question"></gv-icon>`;
+    }
+    shouldUpdate(props) {
+        if (props.has('text')) {
+            toDom(this.text, this.type, true).then((_dom) => {
+                this._dom = _dom;
+                if (this._dom) {
+                    const title = this._dom.element.querySelector('h1');
+                    if (title && !this.withoutHeader) {
+                        title.remove();
+                    }
+                    this._dom.element.querySelectorAll('a').forEach((link) => (link.target = '_blank'));
+                }
+            });
+            return false;
+        }
+        return super.shouldUpdate(props);
+    }
+    _onLoad() {
+        this._cssLoaded = true;
+    }
+    render() {
+        let title = '';
+        let content;
+        if (this._dom) {
+            title = this._dom.title;
+            content = this._dom.element;
+        }
+        return html `<link @load="${this._onLoad}" rel="stylesheet" href="css/documentation.css" />
+      <div class="container">
+        ${this.withoutHeader
+            ? html ``
+            : html `<div class="header">
+              <div class="left">
+                ${this.disabled
+                ? html ``
+                : html `<gv-button
+                      icon="general:close"
+                      outlined
+                      small
+                      @gv-button:click="${this._onCloseDocumentation}"
+                      title="Close"
+                    ></gv-button>`}
+              </div>
+              <div class="title">${title}</div>
+              <div class="right">${this._renderIcon()}</div>
+            </div>`}
+        <div class="${classMap({ 'doc-content': true, show: this._cssLoaded })}">
+          ${content}
+          <slot name="empty" class="${classMap({ empty: true, show: content == null })}">
+            <div>Sorry,the documentation was not found.</div>
+            <div>See the documentation about plugins.</div>
+          </slot>
+        </div>
+      </div> `;
+    }
 }
 window.customElements.define('gv-documentation', GvDocumentation);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1kb2N1bWVudGF0aW9uLmpzIl0sIm5hbWVzIjpbImNzcyIsImh0bWwiLCJMaXRFbGVtZW50IiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsInRvRG9tIiwiZW1wdHkiLCJjbGFzc01hcCIsIkd2RG9jdW1lbnRhdGlvbiIsInByb3BlcnRpZXMiLCJ0ZXh0IiwidHlwZSIsIlN0cmluZyIsImltYWdlIiwiX2RvbSIsIk9iamVjdCIsImF0dHJpYnV0ZSIsImRpc2FibGVkIiwiQm9vbGVhbiIsIndpdGhvdXRIZWFkZXIiLCJfY3NzTG9hZGVkIiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJfb25DbG9zZURvY3VtZW50YXRpb24iLCJfcmVuZGVySWNvbiIsInNob3VsZFVwZGF0ZSIsInByb3BzIiwiaGFzIiwidGhlbiIsInRpdGxlIiwiZWxlbWVudCIsInF1ZXJ5U2VsZWN0b3IiLCJyZW1vdmUiLCJxdWVyeVNlbGVjdG9yQWxsIiwiZm9yRWFjaCIsImxpbmsiLCJ0YXJnZXQiLCJfb25Mb2FkIiwicmVuZGVyIiwiY29udGVudCIsInNob3ciLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxFQUFjQyxJQUFkLEVBQW9CQyxVQUFwQixRQUFzQyxLQUF0QztBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBQ0EsU0FBU0MsS0FBVCxRQUFzQixvQkFBdEI7QUFDQSxTQUFTQyxLQUFULFFBQXNCLGlCQUF0QjtBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxlQUFOLFNBQThCTCxVQUE5QixDQUF5QztBQUN6QixhQUFWTSxVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMQyxNQUFBQSxJQUFJLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BREQ7QUFFTEQsTUFBQUEsSUFBSSxFQUFFO0FBQUVBLFFBQUFBLElBQUksRUFBRUM7QUFBUixPQUZEO0FBR0xDLE1BQUFBLEtBQUssRUFBRTtBQUFFRixRQUFBQSxJQUFJLEVBQUVDO0FBQVIsT0FIRjtBQUlMRSxNQUFBQSxJQUFJLEVBQUU7QUFBRUgsUUFBQUEsSUFBSSxFQUFFSSxNQUFSO0FBQWdCQyxRQUFBQSxTQUFTLEVBQUU7QUFBM0IsT0FKRDtBQUtMQyxNQUFBQSxRQUFRLEVBQUU7QUFBRU4sUUFBQUEsSUFBSSxFQUFFTztBQUFSLE9BTEw7QUFNTEMsTUFBQUEsYUFBYSxFQUFFO0FBQUVSLFFBQUFBLElBQUksRUFBRU8sT0FBUjtBQUFpQkYsUUFBQUEsU0FBUyxFQUFFO0FBQTVCLE9BTlY7QUFPTEksTUFBQUEsVUFBVSxFQUFFO0FBQUVULFFBQUFBLElBQUksRUFBRU8sT0FBUjtBQUFpQkYsUUFBQUEsU0FBUyxFQUFFO0FBQTVCO0FBUFAsS0FBUDtBQVNEOztBQUVnQixhQUFOSyxNQUFNLEdBQUc7QUFDbEIsV0FBTyxDQUNMZixLQURLLEVBRUw7QUFDQUwsSUFBQUEsR0FBRyx1ekJBSEUsQ0FBUDtBQXlGRDs7QUFFRHFCLEVBQUFBLFdBQVcsR0FBRztBQUNaO0FBQ0EsU0FBS1gsSUFBTCxHQUFZLE1BQVo7QUFDRDs7QUFFRFksRUFBQUEscUJBQXFCLEdBQUc7QUFDdEJuQixJQUFBQSxtQkFBbUIsQ0FBQyxJQUFELEVBQU8sT0FBUCxDQUFuQjtBQUNEOztBQUVEb0IsRUFBQUEsV0FBVyxHQUFHO0FBQ1osUUFBSSxLQUFLWCxLQUFULEVBQWdCO0FBQ2QsYUFBT1gsSUFBSSxrQkFBa0IsS0FBS1csS0FBdkIsZUFBWDtBQUNEOztBQUNELFdBQU9YLElBQUksMkNBQVg7QUFDRDs7QUFFRHVCLEVBQUFBLFlBQVksQ0FBQ0MsS0FBRCxFQUFRO0FBQ2xCLFFBQUlBLEtBQUssQ0FBQ0MsR0FBTixDQUFVLE1BQVYsQ0FBSixFQUF1QjtBQUNyQnRCLE1BQUFBLEtBQUssQ0FBQyxLQUFLSyxJQUFOLEVBQVksS0FBS0MsSUFBakIsRUFBdUIsSUFBdkIsQ0FBTCxDQUFrQ2lCLElBQWxDLENBQXdDZCxJQUFELElBQVU7QUFDL0MsYUFBS0EsSUFBTCxHQUFZQSxJQUFaOztBQUNBLFlBQUksS0FBS0EsSUFBVCxFQUFlO0FBQ2IsZ0JBQU1lLEtBQUssR0FBRyxLQUFLZixJQUFMLENBQVVnQixPQUFWLENBQWtCQyxhQUFsQixDQUFnQyxJQUFoQyxDQUFkOztBQUNBLGNBQUlGLEtBQUssSUFBSSxDQUFDLEtBQUtWLGFBQW5CLEVBQWtDO0FBQ2hDVSxZQUFBQSxLQUFLLENBQUNHLE1BQU47QUFDRDs7QUFDRCxlQUFLbEIsSUFBTCxDQUFVZ0IsT0FBVixDQUFrQkcsZ0JBQWxCLENBQW1DLEdBQW5DLEVBQXdDQyxPQUF4QyxDQUFpREMsSUFBRCxJQUFXQSxJQUFJLENBQUNDLE1BQUwsR0FBYyxRQUF6RTtBQUNEO0FBQ0YsT0FURDtBQVVBLGFBQU8sS0FBUDtBQUNEOztBQUNELFdBQU8sTUFBTVgsWUFBTixDQUFtQkMsS0FBbkIsQ0FBUDtBQUNEOztBQUVEVyxFQUFBQSxPQUFPLEdBQUc7QUFDUixTQUFLakIsVUFBTCxHQUFrQixJQUFsQjtBQUNEOztBQUVEa0IsRUFBQUEsTUFBTSxHQUFHO0FBQ1AsUUFBSVQsS0FBSyxHQUFHLEVBQVo7QUFDQSxRQUFJVSxPQUFKOztBQUNBLFFBQUksS0FBS3pCLElBQVQsRUFBZTtBQUNiZSxNQUFBQSxLQUFLLEdBQUcsS0FBS2YsSUFBTCxDQUFVZSxLQUFsQjtBQUNBVSxNQUFBQSxPQUFPLEdBQUcsS0FBS3pCLElBQUwsQ0FBVWdCLE9BQXBCO0FBQ0Q7O0FBRUQsV0FBTzVCLElBQUksZ0JBQWdCLEtBQUttQyxPQUFyQiw0RUFFTCxLQUFLbEIsYUFBTCxHQUNFakIsSUFBSSxFQUROLEdBRUVBLElBQUksMkNBRUUsS0FBS2UsUUFBTCxHQUNFZixJQUFJLEVBRE4sR0FFRUEsSUFBSSxvRUFJa0IsS0FBS3FCLHFCQUp2Qiw4QkFKUiw4QkFZbUJNLEtBWm5CLDZCQWFtQixLQUFLTCxXQUFMLEVBYm5CLGVBSkQsZ0JBbUJPakIsUUFBUSxDQUFDO0FBQUUscUJBQWUsSUFBakI7QUFBdUJpQyxNQUFBQSxJQUFJLEVBQUUsS0FBS3BCO0FBQWxDLEtBQUQsQ0FuQmYsTUFvQkhtQixPQXBCRyw4QkFxQnVCaEMsUUFBUSxDQUFDO0FBQUVELE1BQUFBLEtBQUssRUFBRSxJQUFUO0FBQWVrQyxNQUFBQSxJQUFJLEVBQUVELE9BQU8sSUFBSTtBQUFoQyxLQUFELENBckIvQiw2SEFBWDtBQTJCRDs7QUFqTDZDO0FBb0xoREUsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixrQkFBN0IsRUFBaURuQyxlQUFqRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MsIGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgdG9Eb20gfSBmcm9tICcuLi9saWIvdGV4dC1mb3JtYXQnO1xuaW1wb3J0IHsgZW1wdHkgfSBmcm9tICcuLi9zdHlsZXMvZW1wdHknO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuXG4vKipcbiAqICBEb2N1bWVudGF0aW9uIGNvbXBvbmVudFxuICpcbiAqIOKaoO+4jyBUaGlzIGNvbXBvbmVudCBpcyBiYXNlZCBvbiBgYXNjaWlkb2N0b3JgLCBgaGlnaGxpZ2h0LmpzYCBhbmQgYGFzY2lpZG9jdG9yLWhpZ2hsaWdodC5qc2AuXG4gKiBUbyB1c2UgdGhpcyBjb21wb25lbnQgaW4geW91ciBwcm9qZWN0IGJlIHN1cmUgdGhlIGRlcGVuZGVuY2llcyBhcmUgaW5zdGFsbGVkIG9yXG4gKiBpbnN0YWxsIHRoZW0gd2l0aDogYG5wbSBpbnN0YWxsIGFzY2lpZG9jdG9yIGhpZ2hsaWdodC5qcyBhc2NpaWRvY3Rvci1oaWdobGlnaHQuanMgLS1zYXZlYFxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IHRleHQgLSBEb2N1bWVudGF0aW9uIGNvbnRlbnRcbiAqIEBhdHRyIHtTdHJpbmd9IHR5cGUgLSBUeXBlIG9mIGNvbnRlbnRcbiAqIEBhdHRyIHtTdHJpbmd9IGltYWdlIC0gSW1hZ2Ugb3IgaWNvbiB0byBkaXNwbGF5IGluIGhlYWRlclxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gdHJ1ZSBpZiBjb21wb25lbnQgaXMgZGlzYWJsZWRcbiAqIEBhdHRyIHtCb29sZWFufSB3aXRob3V0LWhlYWRlciAtIHRydWUgaWYgY29tcG9uZW50IHNob3VsZCBub3QgaGF2ZSBoZWFkZXIgd2l0aCB0aXRsZSBhbmQgYWN0aW9uc1xuICovXG5leHBvcnQgY2xhc3MgR3ZEb2N1bWVudGF0aW9uIGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgdGV4dDogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHR5cGU6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBpbWFnZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIF9kb206IHsgdHlwZTogT2JqZWN0LCBhdHRyaWJ1dGU6IGZhbHNlIH0sXG4gICAgICBkaXNhYmxlZDogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICB3aXRob3V0SGVhZGVyOiB7IHR5cGU6IEJvb2xlYW4sIGF0dHJpYnV0ZTogJ3dpdGhvdXQtaGVhZGVyJyB9LFxuICAgICAgX2Nzc0xvYWRlZDogeyB0eXBlOiBCb29sZWFuLCBhdHRyaWJ1dGU6IGZhbHNlIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBlbXB0eSxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaGVhZGVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZDlkOWQ5O1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgbWluLWhlaWdodDogNDVweDtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IDI2cHg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhlYWRlciAubGVmdCxcbiAgICAgICAgLmhlYWRlciAucmlnaHQge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICB6LWluZGV4OiAxMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5oZWFkZXIgLnJpZ2h0IHtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhlYWRlciAudGl0bGUge1xuICAgICAgICAgIGNvbG9yOiAjMjg0NDRmO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjJyZW07XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgICAgIH1cblxuICAgICAgICAuaGVhZGVyIGd2LWltYWdlIHtcbiAgICAgICAgICBoZWlnaHQ6IDM1cHg7XG4gICAgICAgICAgd2lkdGg6IDM1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGFpbmVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG5cbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgICAgICAgICAvKiBmb3IgRmlyZWZveCAqL1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDA7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmRvYy1jb250ZW50IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcblxuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuXG4gICAgICAgICAgLyogZm9yIEZpcmVmb3ggKi9cbiAgICAgICAgICBtaW4taGVpZ2h0OiAwO1xuICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIEhhY2sgZm9yIGxvbmcgc3RyaW5nICovXG4gICAgICAgIC5obGpzLXN0cmluZyB7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgICB9XG5cbiAgICAgICAgLmVtcHR5IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNob3cge1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMudHlwZSA9ICdhZG9jJztcbiAgfVxuXG4gIF9vbkNsb3NlRG9jdW1lbnRhdGlvbigpIHtcbiAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdjbG9zZScpO1xuICB9XG5cbiAgX3JlbmRlckljb24oKSB7XG4gICAgaWYgKHRoaXMuaW1hZ2UpIHtcbiAgICAgIHJldHVybiBodG1sYDxndi1pbWFnZSBzcmM9XCIke3RoaXMuaW1hZ2V9XCI+PC9ndi1pbWFnZT5gO1xuICAgIH1cbiAgICByZXR1cm4gaHRtbGA8Z3YtaWNvbiBzaGFwZT1cImNvZGU6cXVlc3Rpb25cIj48L2d2LWljb24+YDtcbiAgfVxuXG4gIHNob3VsZFVwZGF0ZShwcm9wcykge1xuICAgIGlmIChwcm9wcy5oYXMoJ3RleHQnKSkge1xuICAgICAgdG9Eb20odGhpcy50ZXh0LCB0aGlzLnR5cGUsIHRydWUpLnRoZW4oKF9kb20pID0+IHtcbiAgICAgICAgdGhpcy5fZG9tID0gX2RvbTtcbiAgICAgICAgaWYgKHRoaXMuX2RvbSkge1xuICAgICAgICAgIGNvbnN0IHRpdGxlID0gdGhpcy5fZG9tLmVsZW1lbnQucXVlcnlTZWxlY3RvcignaDEnKTtcbiAgICAgICAgICBpZiAodGl0bGUgJiYgIXRoaXMud2l0aG91dEhlYWRlcikge1xuICAgICAgICAgICAgdGl0bGUucmVtb3ZlKCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX2RvbS5lbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2EnKS5mb3JFYWNoKChsaW5rKSA9PiAobGluay50YXJnZXQgPSAnX2JsYW5rJykpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgcmV0dXJuIHN1cGVyLnNob3VsZFVwZGF0ZShwcm9wcyk7XG4gIH1cblxuICBfb25Mb2FkKCkge1xuICAgIHRoaXMuX2Nzc0xvYWRlZCA9IHRydWU7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgbGV0IHRpdGxlID0gJyc7XG4gICAgbGV0IGNvbnRlbnQ7XG4gICAgaWYgKHRoaXMuX2RvbSkge1xuICAgICAgdGl0bGUgPSB0aGlzLl9kb20udGl0bGU7XG4gICAgICBjb250ZW50ID0gdGhpcy5fZG9tLmVsZW1lbnQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGh0bWxgPGxpbmsgQGxvYWQ9XCIke3RoaXMuX29uTG9hZH1cIiByZWw9XCJzdHlsZXNoZWV0XCIgaHJlZj1cImNzcy9kb2N1bWVudGF0aW9uLmNzc1wiIC8+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgICR7dGhpcy53aXRob3V0SGVhZGVyXG4gICAgICAgICAgPyBodG1sYGBcbiAgICAgICAgICA6IGh0bWxgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlxuICAgICAgICAgICAgICAgICR7dGhpcy5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgPyBodG1sYGBcbiAgICAgICAgICAgICAgICAgIDogaHRtbGA8Z3YtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImdlbmVyYWw6Y2xvc2VcIlxuICAgICAgICAgICAgICAgICAgICAgIG91dGxpbmVkXG4gICAgICAgICAgICAgICAgICAgICAgc21hbGxcbiAgICAgICAgICAgICAgICAgICAgICBAZ3YtYnV0dG9uOmNsaWNrPVwiJHt0aGlzLl9vbkNsb3NlRG9jdW1lbnRhdGlvbn1cIlxuICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPVwiQ2xvc2VcIlxuICAgICAgICAgICAgICAgICAgICA+PC9ndi1idXR0b24+YH1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPiR7dGl0bGV9PC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPiR7dGhpcy5fcmVuZGVySWNvbigpfTwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+YH1cbiAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyAnZG9jLWNvbnRlbnQnOiB0cnVlLCBzaG93OiB0aGlzLl9jc3NMb2FkZWQgfSl9XCI+XG4gICAgICAgICAgJHtjb250ZW50fVxuICAgICAgICAgIDxzbG90IG5hbWU9XCJlbXB0eVwiIGNsYXNzPVwiJHtjbGFzc01hcCh7IGVtcHR5OiB0cnVlLCBzaG93OiBjb250ZW50ID09IG51bGwgfSl9XCI+XG4gICAgICAgICAgICA8ZGl2PlNvcnJ5LHRoZSBkb2N1bWVudGF0aW9uIHdhcyBub3QgZm91bmQuPC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlNlZSB0aGUgZG9jdW1lbnRhdGlvbiBhYm91dCBwbHVnaW5zLjwvZGl2PlxuICAgICAgICAgIDwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj4gYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1kb2N1bWVudGF0aW9uJywgR3ZEb2N1bWVudGF0aW9uKTtcbiJdfQ==
+//# sourceMappingURL=gv-documentation.js.map

package/src/organisms/gv-documentation.js.map

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

package/src/organisms/gv-header.d.ts

@@ -0,0 +1,60 @@
+declare const GvHeader_base: {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};
+/**
+ * Header component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Promise<any>} item - An item
+ * @attr {Promise<Array<{ path: String, title: String }>>} breadcrumbs - definition of routes in order
+ * @attr {Boolean} canSubscribe - for display actions (default: false)
+ *
+ * @cssprop {Color} [--gv-header--bgc=var(--gv-theme-color-light, #86c3d0)] - Background color.
+ * @cssprop {Color} [--gv-header--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ *
+ * @cssprop {Length} [--gv-header-button--p=10px 24px] - Button adding
+ * @cssprop {Length} [--gv-header-button--fz=var(--gv-theme-font-size-l, 16px)] - Button font size
+ *
+ */
+export class GvHeader extends GvHeader_base {
+    static get properties(): {
+        breadcrumbs: {
+            type: ArrayConstructor;
+        };
+        sticky: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _breadcrumbs: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        canSubscribe: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+    };
+    static get styles(): any[];
+    breakpoints: {
+        width: number[];
+    };
+    _breadcrumbs: any[];
+    canSubscribe: boolean;
+    set breadcrumbs(arg: any);
+    _getLink(route: any, index: any): Promise<void | import("lit-html").TemplateResult<1>>;
+    _renderBreadcrumbs(): import("lit-html").TemplateResult<1>;
+    _onSubscribe(e: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};