@gravitee/ui-components 3.25.2 → 3.25.3-typescript-5a46c7d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +13 -4
- package/src/atoms/gv-autocomplete.js +1 -437
- package/src/atoms/gv-button.js +1 -235
- package/src/atoms/gv-checkbox.js +1 -129
- package/src/atoms/gv-date-picker-calendar.js +1 -813
- package/src/atoms/gv-date-picker-cell.js +1 -166
- package/src/atoms/gv-date-picker.js +1 -532
- package/src/atoms/gv-file-upload.js +1 -257
- package/src/atoms/gv-icon.js +1 -82
- package/src/atoms/gv-image.js +1 -109
- package/src/atoms/gv-input-message.js +1 -59
- package/src/atoms/gv-input.js +1 -530
- package/src/atoms/gv-link.js +1 -132
- package/src/atoms/gv-message.js +1 -77
- package/src/atoms/gv-metric.js +1 -68
- package/src/atoms/gv-relative-time.js +1 -185
- package/src/atoms/gv-select-native.js +1 -269
- package/src/atoms/gv-select.js +1 -317
- package/src/atoms/gv-spinner.js +1 -36
- package/src/atoms/gv-state.js +1 -89
- package/src/atoms/gv-switch.js +1 -123
- package/src/atoms/gv-tag.js +1 -116
- package/src/atoms/gv-text.js +1 -107
- package/src/charts/gv-chart-bar.js +1 -107
- package/src/charts/gv-chart-gauge.js +1 -97
- package/src/charts/gv-chart-histogram.js +1 -91
- package/src/charts/gv-chart-line.js +1 -235
- package/src/charts/gv-chart-map.js +1 -114
- package/src/charts/gv-chart-pie.js +1 -95
- package/src/index.js +1 -78
- package/src/lib/cron-expression.js +1 -210
- package/src/lib/date.js +1 -53
- package/src/lib/events.js +1 -28
- package/src/lib/http-client-schema-form.js +1 -68
- package/src/lib/http.js +1 -238
- package/src/lib/i18n.js +1 -111
- package/src/lib/item.js +1 -119
- package/src/lib/properties.js +1 -224
- package/src/lib/schema-form.js +1 -43
- package/src/lib/studio.js +1 -94
- package/src/lib/style.js +1 -41
- package/src/lib/text-format.js +1 -76
- package/src/lib/theme.js +1 -66
- package/src/lib/utils.js +1 -110
- package/src/mixins/chart-element.js +1 -142
- package/src/mixins/input-element.js +1 -157
- package/src/mixins/item-resource.js +1 -122
- package/src/mixins/keyboard-element.js +1 -70
- package/src/mixins/update-after-browser.js +1 -33
- package/src/mixins/with-resize-observer.js +1 -78
- package/src/mixins/with-skeleton-attribute.js +1 -118
- package/src/molecules/gv-card-full.js +1 -97
- package/src/molecules/gv-card-list.js +1 -84
- package/src/molecules/gv-card.js +1 -59
- package/src/molecules/gv-category-list.js +1 -49
- package/src/molecules/gv-category.js +1 -90
- package/src/molecules/gv-code.js +1 -297
- package/src/molecules/gv-confirm.js +1 -158
- package/src/molecules/gv-cron-editor.js +1 -464
- package/src/molecules/gv-dropdown-menu.js +1 -84
- package/src/molecules/gv-expandable.js +1 -94
- package/src/molecules/gv-expression-language.js +1 -308
- package/src/molecules/gv-identity-picture.js +1 -125
- package/src/molecules/gv-list.js +1 -135
- package/src/molecules/gv-metrics.js +1 -150
- package/src/molecules/gv-modal.js +1 -146
- package/src/molecules/gv-nav.js +1 -170
- package/src/molecules/gv-option.js +1 -169
- package/src/molecules/gv-plans.js +1 -306
- package/src/molecules/gv-popover.js +1 -231
- package/src/molecules/gv-promote.js +1 -91
- package/src/molecules/gv-rating-list.js +1 -239
- package/src/molecules/gv-rating.js +1 -200
- package/src/molecules/gv-row-expandable.js +1 -39
- package/src/molecules/gv-row.js +1 -84
- package/src/molecules/gv-stats.js +1 -96
- package/src/molecules/gv-stepper.js +1 -144
- package/src/molecules/gv-table.js +1 -575
- package/src/molecules/gv-tree.js +1 -127
- package/src/organisms/gv-documentation.js +1 -132
- package/src/organisms/gv-header.js +1 -130
- package/src/organisms/gv-http-client.js +1 -139
- package/src/organisms/gv-menu.js +1 -142
- package/src/organisms/gv-newsletter-subscription.js +1 -130
- package/src/organisms/gv-pagination.js +1 -170
- package/src/organisms/gv-properties.js +1 -699
- package/src/organisms/gv-resizable-views.js +1 -178
- package/src/organisms/gv-resources.js +1 -428
- package/src/organisms/gv-schema-form-array.js +1 -140
- package/src/organisms/gv-schema-form-control-object.js +1 -140
- package/src/organisms/gv-schema-form-control.js +1 -416
- package/src/organisms/gv-schema-form.js +1 -646
- package/src/organisms/gv-tabs.js +1 -178
- package/src/organisms/gv-user-menu.js +1 -149
- package/src/organisms/gv-vertical-menu.js +1 -82
- package/src/policy-studio/gv-flow-step.js +1 -304
- package/src/policy-studio/gv-flow.js +1 -442
- package/src/policy-studio/gv-policy-studio-menu.js +1 -436
- package/src/policy-studio/gv-policy-studio.js +1 -1778
- package/src/styles/empty.js +1 -19
- package/src/styles/input.js +1 -19
- package/src/styles/link.js +1 -19
- package/src/styles/shapes.js +1 -18
- package/src/styles/skeleton.js +1 -19
- package/src/styles/zoom.js +1 -19
- package/src/theme/gv-theme.js +1 -164
- package/wc/gv-autocomplete.js +1 -1
- package/wc/gv-button.js +1 -1
- package/wc/gv-card-full.js +1 -1
- package/wc/gv-card-list.js +1 -1
- package/wc/gv-card.js +1 -1
- package/wc/gv-category-list.js +1 -1
- package/wc/gv-category.js +1 -1
- package/wc/gv-chart-bar.js +1 -1
- package/wc/gv-chart-gauge.js +1 -1
- package/wc/gv-chart-histogram.js +1 -1
- package/wc/gv-chart-line.js +1 -1
- package/wc/gv-chart-map.js +1 -1
- package/wc/gv-chart-pie.js +1 -1
- package/wc/gv-checkbox.js +1 -1
- package/wc/gv-code.js +1 -1
- package/wc/gv-confirm.js +1 -1
- package/wc/gv-cron-editor.js +1 -1
- package/wc/gv-date-picker-calendar.js +1 -1
- package/wc/gv-date-picker-cell.js +1 -1
- package/wc/gv-date-picker.js +1 -1
- package/wc/gv-documentation.js +1 -1
- package/wc/gv-dropdown-menu.js +1 -1
- package/wc/gv-expandable.js +1 -1
- package/wc/gv-expression-language.js +1 -1
- package/wc/gv-file-upload.js +1 -1
- package/wc/gv-flow-step.js +1 -1
- package/wc/gv-flow.js +1 -1
- package/wc/gv-header.js +1 -1
- package/wc/gv-http-client.js +1 -1
- package/wc/gv-icon.js +1 -1
- package/wc/gv-identity-picture.js +1 -1
- package/wc/gv-image.js +1 -1
- package/wc/gv-input-message.js +1 -1
- package/wc/gv-input.js +1 -1
- package/wc/gv-link.js +1 -1
- package/wc/gv-list.js +1 -1
- package/wc/gv-menu.js +1 -1
- package/wc/gv-message.js +1 -1
- package/wc/gv-metric.js +1 -1
- package/wc/gv-metrics.js +1 -1
- package/wc/gv-modal.js +1 -1
- package/wc/gv-nav.js +1 -1
- package/wc/gv-newsletter-subscription.js +1 -1
- package/wc/gv-option.js +1 -1
- package/wc/gv-pagination.js +1 -1
- package/wc/gv-plans.js +1 -1
- package/wc/gv-policy-studio-menu.js +1 -1
- package/wc/gv-policy-studio.js +1 -1
- package/wc/gv-popover.js +1 -1
- package/wc/gv-promote.js +1 -1
- package/wc/gv-properties.js +1 -1
- package/wc/gv-rating-list.js +1 -1
- package/wc/gv-rating.js +1 -1
- package/wc/gv-relative-time.js +1 -1
- package/wc/gv-resizable-views.js +1 -1
- package/wc/gv-resources.js +1 -1
- package/wc/gv-row-expandable.js +1 -1
- package/wc/gv-row.js +1 -1
- package/wc/gv-schema-form-array.js +1 -1
- package/wc/gv-schema-form-control-object.js +1 -1
- package/wc/gv-schema-form-control.js +1 -1
- package/wc/gv-schema-form.js +1 -1
- package/wc/gv-select-native.js +1 -1
- package/wc/gv-select.js +1 -1
- package/wc/gv-spinner.js +1 -1
- package/wc/gv-state.js +1 -1
- package/wc/gv-stats.js +1 -1
- package/wc/gv-stepper.js +1 -1
- package/wc/gv-switch.js +1 -1
- package/wc/gv-table.js +1 -1
- package/wc/gv-tabs.js +1 -1
- package/wc/gv-tag.js +1 -1
- package/wc/gv-text.js +1 -1
- package/wc/gv-theme.js +1 -1
- package/wc/gv-tree.js +1 -1
- package/wc/gv-user-menu.js +1 -1
- package/wc/gv-vertical-menu.js +1 -1
package/src/molecules/gv-tree.js
CHANGED
|
@@ -1,127 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Copyright (C) 2015 The Gravitee team (http://gravitee.io)
|
|
3
|
-
*
|
|
4
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
* you may not use this file except in compliance with the License.
|
|
6
|
-
* You may obtain a copy of the License at
|
|
7
|
-
*
|
|
8
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
*
|
|
10
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
* See the License for the specific language governing permissions and
|
|
14
|
-
* limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
import { LitElement, html, css } from 'lit';
|
|
17
|
-
import { repeat } from 'lit/directives/repeat';
|
|
18
|
-
import '../atoms/gv-button';
|
|
19
|
-
import '../atoms/gv-icon';
|
|
20
|
-
import { dispatchCustomEvent } from '../lib/events';
|
|
21
|
-
import { classMap } from 'lit/directives/class-map';
|
|
22
|
-
/**
|
|
23
|
-
* A tree menu
|
|
24
|
-
*
|
|
25
|
-
* ## Details
|
|
26
|
-
* * has @theme facet
|
|
27
|
-
*
|
|
28
|
-
* @fires gv-tree:select - Custom event from child components
|
|
29
|
-
* @fires gv-tree:toggle - Custom event from child components
|
|
30
|
-
*
|
|
31
|
-
* @attr {Array} items - list of items and subitems to be displayed in the menu MenuItem: {name: String, value: any, children: Array<MenuItem>}
|
|
32
|
-
* @attr {Boolean} closed - allows to close the menu
|
|
33
|
-
* @attr {Object} selectedItem - the item selected
|
|
34
|
-
*
|
|
35
|
-
* @cssprop {Color} [--gv-tree--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
36
|
-
* @cssprop {Color} [--gv-tree--c=var(--gv-theme-font-color-dark, #262626)] - Color
|
|
37
|
-
* @cssprop {Color} [--gv-tree-active--bdc=var(--gv-theme-color, #5a7684)] - Active border
|
|
38
|
-
* @cssprop {Color} [--gv-tree-active--bgc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Active background color
|
|
39
|
-
* @cssprop {Length} [--gv-tree-icon--s=20px] - Height and icon width
|
|
40
|
-
*/
|
|
41
|
-
|
|
42
|
-
export class GvTree extends LitElement {
|
|
43
|
-
static get properties() {
|
|
44
|
-
return {
|
|
45
|
-
items: {
|
|
46
|
-
type: Array
|
|
47
|
-
},
|
|
48
|
-
closed: {
|
|
49
|
-
type: Boolean,
|
|
50
|
-
reflect: true
|
|
51
|
-
},
|
|
52
|
-
selectedItem: {
|
|
53
|
-
type: Object
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
static get styles() {
|
|
59
|
-
return [// language=css
|
|
60
|
-
css`:host{--c:var(--gv-tree--c, var(--gv-theme-font-color-dark, #262626));--bgc:var(--gv-tree--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));--active-bdc:var(--gv-tree-active--bdc, var(--gv-theme-color, #5a7684));--active-bgc:var(--gv-tree-active--bgc, var(--gv-theme-neutral-color-dark, #d9d9d9));--gv-icon--s:var(--gv-tree-icon--s, 20px);--gv-icon--c:var(--c);background-color:var(--bgc);color:var(--c);display:flex;flex-direction:row;height:100%}.tree{padding-top:10px;transition:all 350ms ease-in-out;width:300px}.tree.closed{width:42px}.main-tree-menu{user-select:none;overflow-y:auto;overflow-x:hidden;height:calc(100% - 20px);direction:rtl}.main-tree-menu>ul{position:relative}ul{display:block;line-height:2;list-style:none;margin:0;padding:0}ul li{display:block;padding:.5em .5em .5em 1em}ul li ul{margin-bottom:-.5em;margin-top:.5em}ul li:hover:not(.folder):not(.selected)>label::before{border-right-width:4px;border-right-style:solid;border-right-color:var(--active-bgc);box-sizing:border-box}ul label{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;direction:ltr}ul label::before{-moz-box-sizing:border-box;box-sizing:border-box;content:'';height:3em;left:0;position:absolute;right:0}.selected>label::before{border-right-width:4px;border-right-style:solid;border-right-color:var(--active-bdc);box-sizing:border-box}.folder>label{font-weight:700}.tree-arrow{transform:rotate(90deg);cursor:pointer;opacity:.5;width:20px;height:20px}.closed .tree-arrow{transform:rotate(0)}.closed .tree-menu{height:0;transition:height .8s;display:none}.switch{cursor:pointer;opacity:.7;position:sticky;margin:0 11px 0 11px;display:flex;justify-content:flex-end}`];
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
constructor() {
|
|
64
|
-
super();
|
|
65
|
-
this.closed = false;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
_onSelect(menuItem, e) {
|
|
69
|
-
e.stopPropagation();
|
|
70
|
-
this.selectedItem = menuItem;
|
|
71
|
-
dispatchCustomEvent(this, 'select', menuItem);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
_onClick(menuItem, e) {
|
|
75
|
-
if (e) {
|
|
76
|
-
e.stopPropagation();
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
menuItem.expanded = !menuItem.expanded;
|
|
80
|
-
this.requestUpdate();
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
_getMenuItemPage(menuItem) {
|
|
84
|
-
return html`<label @click="${this._onSelect.bind(this, menuItem)}"> ${menuItem.name} </label>`;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
_getMenuItemFolder(menuItem) {
|
|
88
|
-
return html` <label @click="${this._onClick.bind(this, menuItem)}" class="${classMap({
|
|
89
|
-
closed: !menuItem.expanded
|
|
90
|
-
})}"> ${menuItem.name} <gv-icon class="tree-arrow" shape="code:right-circle"></gv-icon> </label> <span class="${classMap({
|
|
91
|
-
closed: !menuItem.expanded
|
|
92
|
-
})}"> ${this._getMenu(menuItem.children)} </span>`;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
_getMenu(menuItems) {
|
|
96
|
-
if (menuItems) {
|
|
97
|
-
return html`<ul class="${classMap({
|
|
98
|
-
'tree-menu': true,
|
|
99
|
-
closed: this.closed
|
|
100
|
-
})}"> ${repeat(menuItems, item => this._getMenuItem(item))} </ul>`;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
return '';
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
_getMenuItem(menuItem) {
|
|
107
|
-
return html` ${menuItem.children && menuItem.children.length > 0 ? html`<li class="tree-menu__item folder">${this._getMenuItemFolder(menuItem)}</li>` : html`<li class="tree-menu__item page ${menuItem === this.selectedItem ? 'selected' : ''}"> ${this._getMenuItemPage(menuItem)} </li>`}`;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
_toggleMenu() {
|
|
111
|
-
this.closed = !this.closed;
|
|
112
|
-
dispatchCustomEvent(this, 'toggle', {
|
|
113
|
-
closed: this.closed
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
render() {
|
|
118
|
-
const classes = {
|
|
119
|
-
tree: true,
|
|
120
|
-
closed: this.closed
|
|
121
|
-
};
|
|
122
|
-
return html` <div class="${classMap(classes)}"> <div class="switch"> <gv-icon shape="${this.closed ? 'text:menu' : 'navigation:angle-double-left'}" @click="${this._toggleMenu}"></gv-icon> </div> ${html`<div class="main-tree-menu">${this._getMenu(this.items)}</div>`} </div> `;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
}
|
|
126
|
-
window.customElements.define('gv-tree', GvTree);
|
|
127
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi10cmVlLmpzIl0sIm5hbWVzIjpbIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwicmVwZWF0IiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsImNsYXNzTWFwIiwiR3ZUcmVlIiwicHJvcGVydGllcyIsIml0ZW1zIiwidHlwZSIsIkFycmF5IiwiY2xvc2VkIiwiQm9vbGVhbiIsInJlZmxlY3QiLCJzZWxlY3RlZEl0ZW0iLCJPYmplY3QiLCJzdHlsZXMiLCJjb25zdHJ1Y3RvciIsIl9vblNlbGVjdCIsIm1lbnVJdGVtIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsIl9vbkNsaWNrIiwiZXhwYW5kZWQiLCJyZXF1ZXN0VXBkYXRlIiwiX2dldE1lbnVJdGVtUGFnZSIsImJpbmQiLCJuYW1lIiwiX2dldE1lbnVJdGVtRm9sZGVyIiwiX2dldE1lbnUiLCJjaGlsZHJlbiIsIm1lbnVJdGVtcyIsIml0ZW0iLCJfZ2V0TWVudUl0ZW0iLCJsZW5ndGgiLCJfdG9nZ2xlTWVudSIsInJlbmRlciIsImNsYXNzZXMiLCJ0cmVlIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFVBQVQsRUFBcUJDLElBQXJCLEVBQTJCQyxHQUEzQixRQUFzQyxLQUF0QztBQUNBLFNBQVNDLE1BQVQsUUFBdUIsdUJBQXZCO0FBQ0EsT0FBTyxvQkFBUDtBQUNBLE9BQU8sa0JBQVA7QUFDQSxTQUFTQyxtQkFBVCxRQUFvQyxlQUFwQztBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxNQUFOLFNBQXFCTixVQUFyQixDQUFnQztBQUNoQixhQUFWTyxVQUFVLEdBQUc7QUFDdEIsV0FBTztBQUNMQyxNQUFBQSxLQUFLLEVBQUU7QUFBRUMsUUFBQUEsSUFBSSxFQUFFQztBQUFSLE9BREY7QUFFTEMsTUFBQUEsTUFBTSxFQUFFO0FBQUVGLFFBQUFBLElBQUksRUFBRUcsT0FBUjtBQUFpQkMsUUFBQUEsT0FBTyxFQUFFO0FBQTFCLE9BRkg7QUFHTEMsTUFBQUEsWUFBWSxFQUFFO0FBQUVMLFFBQUFBLElBQUksRUFBRU07QUFBUjtBQUhULEtBQVA7QUFLRDs7QUFFZ0IsYUFBTkMsTUFBTSxHQUFHO0FBQ2xCLFdBQU8sQ0FDTDtBQUNBZCxJQUFBQSxHQUFHLDJxREFGRSxDQUFQO0FBMEhEOztBQUVEZSxFQUFBQSxXQUFXLEdBQUc7QUFDWjtBQUNBLFNBQUtOLE1BQUwsR0FBYyxLQUFkO0FBQ0Q7O0FBRURPLEVBQUFBLFNBQVMsQ0FBQ0MsUUFBRCxFQUFXQyxDQUFYLEVBQWM7QUFDckJBLElBQUFBLENBQUMsQ0FBQ0MsZUFBRjtBQUNBLFNBQUtQLFlBQUwsR0FBb0JLLFFBQXBCO0FBQ0FmLElBQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxRQUFQLEVBQWlCZSxRQUFqQixDQUFuQjtBQUNEOztBQUVERyxFQUFBQSxRQUFRLENBQUNILFFBQUQsRUFBV0MsQ0FBWCxFQUFjO0FBQ3BCLFFBQUlBLENBQUosRUFBTztBQUNMQSxNQUFBQSxDQUFDLENBQUNDLGVBQUY7QUFDRDs7QUFDREYsSUFBQUEsUUFBUSxDQUFDSSxRQUFULEdBQW9CLENBQUNKLFFBQVEsQ0FBQ0ksUUFBOUI7QUFDQSxTQUFLQyxhQUFMO0FBQ0Q7O0FBRURDLEVBQUFBLGdCQUFnQixDQUFDTixRQUFELEVBQVc7QUFDekIsV0FBT2xCLElBQUksa0JBQWlCLEtBQUtpQixTQUFMLENBQWVRLElBQWYsQ0FBb0IsSUFBcEIsRUFBMEJQLFFBQTFCLENBQWpCLE1BQXlEQSxRQUFRLENBQUNRLElBQWxFLFdBQVg7QUFDRDs7QUFFREMsRUFBQUEsa0JBQWtCLENBQUNULFFBQUQsRUFBVztBQUMzQixXQUFPbEIsSUFBSSxtQkFBa0IsS0FBS3FCLFFBQUwsQ0FBY0ksSUFBZCxDQUFtQixJQUFuQixFQUF5QlAsUUFBekIsQ0FBbEIsWUFBK0RkLFFBQVEsQ0FBQztBQUFFTSxNQUFBQSxNQUFNLEVBQUUsQ0FBQ1EsUUFBUSxDQUFDSTtBQUFwQixLQUFELENBQXZFLE1BQ0xKLFFBQVEsQ0FBQ1EsSUFESiwyRkFJTXRCLFFBQVEsQ0FBQztBQUFFTSxNQUFBQSxNQUFNLEVBQUUsQ0FBQ1EsUUFBUSxDQUFDSTtBQUFwQixLQUFELENBSmQsTUFJb0QsS0FBS00sUUFBTCxDQUFjVixRQUFRLENBQUNXLFFBQXZCLENBSnBELFVBQVg7QUFLRDs7QUFFREQsRUFBQUEsUUFBUSxDQUFDRSxTQUFELEVBQVk7QUFDbEIsUUFBSUEsU0FBSixFQUFlO0FBQ2IsYUFBTzlCLElBQUksY0FDQUksUUFBUSxDQUFDO0FBQ2hCLHFCQUFhLElBREc7QUFFaEJNLFFBQUFBLE1BQU0sRUFBRSxLQUFLQTtBQUZHLE9BQUQsQ0FEUixNQU1QUixNQUFNLENBQUM0QixTQUFELEVBQWFDLElBQUQsSUFBVSxLQUFLQyxZQUFMLENBQWtCRCxJQUFsQixDQUF0QixDQU5DLFFBQVg7QUFRRDs7QUFDRCxXQUFPLEVBQVA7QUFDRDs7QUFFREMsRUFBQUEsWUFBWSxDQUFDZCxRQUFELEVBQVc7QUFDckIsV0FBT2xCLElBQUksSUFBSWtCLFFBQVEsQ0FBQ1csUUFBVCxJQUFxQlgsUUFBUSxDQUFDVyxRQUFULENBQWtCSSxNQUFsQixHQUEyQixDQUFoRCxHQUNYakMsSUFBSSxzQ0FBc0MsS0FBSzJCLGtCQUFMLENBQXdCVCxRQUF4QixDQUF0QyxPQURPLEdBRVhsQixJQUFJLG1DQUFtQ2tCLFFBQVEsS0FBSyxLQUFLTCxZQUFsQixHQUFpQyxVQUFqQyxHQUE4QyxFQUFqRixNQUNBLEtBQUtXLGdCQUFMLENBQXNCTixRQUF0QixDQURBLFFBRkcsRUFBWDtBQUtEOztBQUVEZ0IsRUFBQUEsV0FBVyxHQUFHO0FBQ1osU0FBS3hCLE1BQUwsR0FBYyxDQUFDLEtBQUtBLE1BQXBCO0FBQ0FQLElBQUFBLG1CQUFtQixDQUFDLElBQUQsRUFBTyxRQUFQLEVBQWlCO0FBQUVPLE1BQUFBLE1BQU0sRUFBRSxLQUFLQTtBQUFmLEtBQWpCLENBQW5CO0FBQ0Q7O0FBRUR5QixFQUFBQSxNQUFNLEdBQUc7QUFDUCxVQUFNQyxPQUFPLEdBQUc7QUFDZEMsTUFBQUEsSUFBSSxFQUFFLElBRFE7QUFFZDNCLE1BQUFBLE1BQU0sRUFBRSxLQUFLQTtBQUZDLEtBQWhCO0FBSUEsV0FBT1YsSUFBSSxnQkFDSUksUUFBUSxDQUFDZ0MsT0FBRCxDQURaLDJDQUdhLEtBQUsxQixNQUFMLEdBQWMsV0FBZCxHQUE0Qiw4QkFIekMsYUFHbUYsS0FBS3dCLFdBSHhGLHVCQUtMbEMsSUFBSSwrQkFBK0IsS0FBSzRCLFFBQUwsQ0FBYyxLQUFLckIsS0FBbkIsQ0FBL0IsUUFMQyxVQUFYO0FBUUQ7O0FBN01vQztBQWdOdkMrQixNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLFNBQTdCLEVBQXdDbkMsTUFBeEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHJlcGVhdCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlcGVhdCc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWJ1dHRvbic7XG5pbXBvcnQgJy4uL2F0b21zL2d2LWljb24nO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuXG4vKipcbiAqIEEgdHJlZSBtZW51XG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LXRyZWU6c2VsZWN0IC0gQ3VzdG9tIGV2ZW50IGZyb20gY2hpbGQgY29tcG9uZW50c1xuICogQGZpcmVzIGd2LXRyZWU6dG9nZ2xlIC0gQ3VzdG9tIGV2ZW50IGZyb20gY2hpbGQgY29tcG9uZW50c1xuICpcbiAqIEBhdHRyIHtBcnJheX0gaXRlbXMgLSBsaXN0IG9mIGl0ZW1zIGFuZCBzdWJpdGVtcyB0byBiZSBkaXNwbGF5ZWQgaW4gdGhlIG1lbnUgTWVudUl0ZW06IHtuYW1lOiBTdHJpbmcsIHZhbHVlOiBhbnksIGNoaWxkcmVuOiBBcnJheTxNZW51SXRlbT59XG4gKiBAYXR0ciB7Qm9vbGVhbn0gY2xvc2VkIC0gYWxsb3dzIHRvIGNsb3NlIHRoZSBtZW51XG4gKiBAYXR0ciB7T2JqZWN0fSBzZWxlY3RlZEl0ZW0gLSB0aGUgaXRlbSBzZWxlY3RlZFxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdHJlZS0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIEJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdHJlZS0tYz12YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpXSAtIENvbG9yXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXRyZWUtYWN0aXZlLS1iZGM9dmFyKC0tZ3YtdGhlbWUtY29sb3IsICM1YTc2ODQpXSAtIEFjdGl2ZSBib3JkZXJcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtdHJlZS1hY3RpdmUtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpXSAtIEFjdGl2ZSBiYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi10cmVlLWljb24tLXM9MjBweF0gLSBIZWlnaHQgYW5kIGljb24gd2lkdGhcbiAqL1xuZXhwb3J0IGNsYXNzIEd2VHJlZSBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGl0ZW1zOiB7IHR5cGU6IEFycmF5IH0sXG4gICAgICBjbG9zZWQ6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgc2VsZWN0ZWRJdGVtOiB7IHR5cGU6IE9iamVjdCB9LFxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgLy8gbGFuZ3VhZ2U9Y3NzXG4gICAgICBjc3NgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAtLWM6IHZhcigtLWd2LXRyZWUtLWMsIHZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyaywgIzI2MjYyNikpO1xuICAgICAgICAgIC0tYmdjOiB2YXIoLS1ndi10cmVlLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICAtLWFjdGl2ZS1iZGM6IHZhcigtLWd2LXRyZWUtYWN0aXZlLS1iZGMsIHZhcigtLWd2LXRoZW1lLWNvbG9yLCAjNWE3Njg0KSk7XG4gICAgICAgICAgLS1hY3RpdmUtYmdjOiB2YXIoLS1ndi10cmVlLWFjdGl2ZS0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNkOWQ5ZDkpKTtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IHZhcigtLWd2LXRyZWUtaWNvbi0tcywgMjBweCk7XG4gICAgICAgICAgLS1ndi1pY29uLS1jOiB2YXIoLS1jKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iZ2MpO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1jKTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnRyZWUge1xuICAgICAgICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAzNTBtcyBlYXNlLWluLW91dDtcbiAgICAgICAgICB3aWR0aDogMzAwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAudHJlZS5jbG9zZWQge1xuICAgICAgICAgIHdpZHRoOiA0MnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tdHJlZS1tZW51IHtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDIwcHgpO1xuICAgICAgICAgIGRpcmVjdGlvbjogcnRsO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tdHJlZS1tZW51ID4gdWwge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHVsIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgdWwgbGkge1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgIHBhZGRpbmc6IDAuNWVtIDAuNWVtIDAuNWVtIDFlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIHVsIGxpIHVsIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtMC41ZW07XG4gICAgICAgICAgbWFyZ2luLXRvcDogMC41ZW07XG4gICAgICAgIH1cblxuICAgICAgICB1bCBsaTpob3Zlcjpub3QoLmZvbGRlcik6bm90KC5zZWxlY3RlZCkgPiBsYWJlbDo6YmVmb3JlIHtcbiAgICAgICAgICBib3JkZXItcmlnaHQtd2lkdGg6IDRweDtcbiAgICAgICAgICBib3JkZXItcmlnaHQtc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1yaWdodC1jb2xvcjogdmFyKC0tYWN0aXZlLWJnYyk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuXG4gICAgICAgIHVsIGxhYmVsIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGRpcmVjdGlvbjogbHRyO1xuICAgICAgICB9XG5cbiAgICAgICAgdWwgbGFiZWw6OmJlZm9yZSB7XG4gICAgICAgICAgLW1vei1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgaGVpZ2h0OiAzZW07XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuc2VsZWN0ZWQgPiBsYWJlbDo6YmVmb3JlIHtcbiAgICAgICAgICBib3JkZXItcmlnaHQtd2lkdGg6IDRweDtcbiAgICAgICAgICBib3JkZXItcmlnaHQtc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1yaWdodC1jb2xvcjogdmFyKC0tYWN0aXZlLWJkYyk7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5mb2xkZXIgPiBsYWJlbCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgIH1cblxuICAgICAgICAudHJlZS1hcnJvdyB7XG4gICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLmNsb3NlZCAudHJlZS1hcnJvdyB7XG4gICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICAgIH1cblxuICAgICAgICAuY2xvc2VkIC50cmVlLW1lbnUge1xuICAgICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBoZWlnaHQgMC44cztcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLnN3aXRjaCB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIG9wYWNpdHk6IDAuNztcbiAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgIG1hcmdpbjogMCAxMXB4IDAgMTFweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5jbG9zZWQgPSBmYWxzZTtcbiAgfVxuXG4gIF9vblNlbGVjdChtZW51SXRlbSwgZSkge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSBtZW51SXRlbTtcbiAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdzZWxlY3QnLCBtZW51SXRlbSk7XG4gIH1cblxuICBfb25DbGljayhtZW51SXRlbSwgZSkge1xuICAgIGlmIChlKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cbiAgICBtZW51SXRlbS5leHBhbmRlZCA9ICFtZW51SXRlbS5leHBhbmRlZDtcbiAgICB0aGlzLnJlcXVlc3RVcGRhdGUoKTtcbiAgfVxuXG4gIF9nZXRNZW51SXRlbVBhZ2UobWVudUl0ZW0pIHtcbiAgICByZXR1cm4gaHRtbGA8bGFiZWwgQGNsaWNrPSR7dGhpcy5fb25TZWxlY3QuYmluZCh0aGlzLCBtZW51SXRlbSl9PiAke21lbnVJdGVtLm5hbWV9IDwvbGFiZWw+YDtcbiAgfVxuXG4gIF9nZXRNZW51SXRlbUZvbGRlcihtZW51SXRlbSkge1xuICAgIHJldHVybiBodG1sYCA8bGFiZWwgQGNsaWNrPSR7dGhpcy5fb25DbGljay5iaW5kKHRoaXMsIG1lbnVJdGVtKX0gY2xhc3M9XCIke2NsYXNzTWFwKHsgY2xvc2VkOiAhbWVudUl0ZW0uZXhwYW5kZWQgfSl9XCI+XG4gICAgICAgICR7bWVudUl0ZW0ubmFtZX1cbiAgICAgICAgPGd2LWljb24gY2xhc3M9XCJ0cmVlLWFycm93XCIgc2hhcGU9XCJjb2RlOnJpZ2h0LWNpcmNsZVwiPjwvZ3YtaWNvbj5cbiAgICAgIDwvbGFiZWw+XG4gICAgICA8c3BhbiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBjbG9zZWQ6ICFtZW51SXRlbS5leHBhbmRlZCB9KX1cIj4gJHt0aGlzLl9nZXRNZW51KG1lbnVJdGVtLmNoaWxkcmVuKX0gPC9zcGFuPmA7XG4gIH1cblxuICBfZ2V0TWVudShtZW51SXRlbXMpIHtcbiAgICBpZiAobWVudUl0ZW1zKSB7XG4gICAgICByZXR1cm4gaHRtbGA8dWxcbiAgICAgICAgY2xhc3M9XCIke2NsYXNzTWFwKHtcbiAgICAgICAgICAndHJlZS1tZW51JzogdHJ1ZSxcbiAgICAgICAgICBjbG9zZWQ6IHRoaXMuY2xvc2VkLFxuICAgICAgICB9KX1cIlxuICAgICAgPlxuICAgICAgICAke3JlcGVhdChtZW51SXRlbXMsIChpdGVtKSA9PiB0aGlzLl9nZXRNZW51SXRlbShpdGVtKSl9XG4gICAgICA8L3VsPmA7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIF9nZXRNZW51SXRlbShtZW51SXRlbSkge1xuICAgIHJldHVybiBodG1sYCAke21lbnVJdGVtLmNoaWxkcmVuICYmIG1lbnVJdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDBcbiAgICAgID8gaHRtbGA8bGkgY2xhc3M9XCJ0cmVlLW1lbnVfX2l0ZW0gZm9sZGVyXCI+JHt0aGlzLl9nZXRNZW51SXRlbUZvbGRlcihtZW51SXRlbSl9PC9saT5gXG4gICAgICA6IGh0bWxgPGxpIGNsYXNzPVwidHJlZS1tZW51X19pdGVtIHBhZ2UgJHttZW51SXRlbSA9PT0gdGhpcy5zZWxlY3RlZEl0ZW0gPyAnc2VsZWN0ZWQnIDogJyd9XCI+XG4gICAgICAgICAgJHt0aGlzLl9nZXRNZW51SXRlbVBhZ2UobWVudUl0ZW0pfVxuICAgICAgICA8L2xpPmB9YDtcbiAgfVxuXG4gIF90b2dnbGVNZW51KCkge1xuICAgIHRoaXMuY2xvc2VkID0gIXRoaXMuY2xvc2VkO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ3RvZ2dsZScsIHsgY2xvc2VkOiB0aGlzLmNsb3NlZCB9KTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBjbGFzc2VzID0ge1xuICAgICAgdHJlZTogdHJ1ZSxcbiAgICAgIGNsb3NlZDogdGhpcy5jbG9zZWQsXG4gICAgfTtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9JHtjbGFzc01hcChjbGFzc2VzKX0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2l0Y2hcIj5cbiAgICAgICAgICA8Z3YtaWNvbiBzaGFwZT1cIiR7dGhpcy5jbG9zZWQgPyAndGV4dDptZW51JyA6ICduYXZpZ2F0aW9uOmFuZ2xlLWRvdWJsZS1sZWZ0J31cIiBAY2xpY2s9JHt0aGlzLl90b2dnbGVNZW51fT48L2d2LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICAke2h0bWxgPGRpdiBjbGFzcz1cIm1haW4tdHJlZS1tZW51XCI+JHt0aGlzLl9nZXRNZW51KHRoaXMuaXRlbXMpfTwvZGl2PmB9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXRyZWUnLCBHdlRyZWUpO1xuIl19
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvTree=void 0;const e=require("lit"),t=require("lit/directives/repeat");require("../atoms/gv-button"),require("../atoms/gv-icon");const r=require("../lib/events"),i=require("lit/directives/class-map");class o extends e.LitElement{static get properties(){return{items:{type:Array},closed:{type:Boolean,reflect:!0},selectedItem:{type:Object}}}static get styles(){return[e.css`:host{--c:var(--gv-tree--c, var(--gv-theme-font-color-dark, #262626));--bgc:var(--gv-tree--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));--active-bdc:var(--gv-tree-active--bdc, var(--gv-theme-color, #5a7684));--active-bgc:var(--gv-tree-active--bgc, var(--gv-theme-neutral-color-dark, #d9d9d9));--gv-icon--s:var(--gv-tree-icon--s, 20px);--gv-icon--c:var(--c);background-color:var(--bgc);color:var(--c);display:flex;flex-direction:row;height:100%}.tree{padding-top:10px;transition:all 350ms ease-in-out;width:300px}.tree.closed{width:42px}.main-tree-menu{user-select:none;overflow-y:auto;overflow-x:hidden;height:calc(100% - 20px);direction:rtl}.main-tree-menu>ul{position:relative}ul{display:block;line-height:2;list-style:none;margin:0;padding:0}ul li{display:block;padding:.5em .5em .5em 1em}ul li ul{margin-bottom:-.5em;margin-top:.5em}ul li:hover:not(.folder):not(.selected)>label::before{border-right-width:4px;border-right-style:solid;border-right-color:var(--active-bgc);box-sizing:border-box}ul label{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;direction:ltr}ul label::before{-moz-box-sizing:border-box;box-sizing:border-box;content:'';height:3em;left:0;position:absolute;right:0}.selected>label::before{border-right-width:4px;border-right-style:solid;border-right-color:var(--active-bdc);box-sizing:border-box}.folder>label{font-weight:700}.tree-arrow{transform:rotate(90deg);cursor:pointer;opacity:.5;width:20px;height:20px}.closed .tree-arrow{transform:rotate(0)}.closed .tree-menu{height:0;transition:height .8s;display:none}.switch{cursor:pointer;opacity:.7;position:sticky;margin:0 11px 0 11px;display:flex;justify-content:flex-end}`]}constructor(){super(),this.closed=!1}_onSelect(e,t){t.stopPropagation(),this.selectedItem=e,(0,r.dispatchCustomEvent)(this,"select",e)}_onClick(e,t){t&&t.stopPropagation(),e.expanded=!e.expanded,this.requestUpdate()}_getMenuItemPage(t){return e.html`<label @click="${this._onSelect.bind(this,t)}">${t.name}</label>`}_getMenuItemFolder(t){return e.html`<label @click="${this._onClick.bind(this,t)}" class="${(0,i.classMap)({closed:!t.expanded})}">${t.name}<gv-icon class="tree-arrow" shape="code:right-circle"></gv-icon></label> <span class="${(0,i.classMap)({closed:!t.expanded})}">${this._getMenu(t.children)}</span>`}_getMenu(r){return r?e.html`<ul class="${(0,i.classMap)({"tree-menu":!0,closed:this.closed})}">${(0,t.repeat)(r,(e=>this._getMenuItem(e)))}</ul>`:""}_getMenuItem(t){return e.html`${t.children&&t.children.length>0?e.html`<li class="tree-menu__item folder">${this._getMenuItemFolder(t)}</li>`:e.html`<li class="tree-menu__item page ${t===this.selectedItem?"selected":""}">${this._getMenuItemPage(t)}</li>`}`}_toggleMenu(){this.closed=!this.closed,(0,r.dispatchCustomEvent)(this,"toggle",{closed:this.closed})}render(){const t={tree:!0,closed:this.closed};return e.html`<div class="${(0,i.classMap)(t)}"><div class="switch"><gv-icon shape="${this.closed?"text:menu":"navigation:angle-double-left"}" @click="${this._toggleMenu}"></gv-icon></div>${e.html`<div class="main-tree-menu">${this._getMenu(this.items)}</div>`}</div>`}}exports.GvTree=o,window.customElements.define("gv-tree",o);
|
|
@@ -1,132 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Copyright (C) 2015 The Gravitee team (http://gravitee.io)
|
|
3
|
-
*
|
|
4
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
* you may not use this file except in compliance with the License.
|
|
6
|
-
* You may obtain a copy of the License at
|
|
7
|
-
*
|
|
8
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
*
|
|
10
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
* See the License for the specific language governing permissions and
|
|
14
|
-
* limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
import { css, html, LitElement } from 'lit';
|
|
17
|
-
import { dispatchCustomEvent } from '../lib/events';
|
|
18
|
-
import { toDom } from '../lib/text-format';
|
|
19
|
-
import { empty } from '../styles/empty';
|
|
20
|
-
import { classMap } from 'lit/directives/class-map';
|
|
21
|
-
/**
|
|
22
|
-
* Documentation component
|
|
23
|
-
*
|
|
24
|
-
* ⚠️ This component is based on `asciidoctor`, `highlight.js` and `asciidoctor-highlight.js`.
|
|
25
|
-
* To use this component in your project be sure the dependencies are installed or
|
|
26
|
-
* install them with: `npm install asciidoctor highlight.js asciidoctor-highlight.js --save`
|
|
27
|
-
*
|
|
28
|
-
* @attr {String} text - Documentation content
|
|
29
|
-
* @attr {String} type - Type of content
|
|
30
|
-
* @attr {String} image - Image or icon to display in header
|
|
31
|
-
* @attr {Boolean} disabled - true if component is disabled
|
|
32
|
-
* @attr {Boolean} without-header - true if component should not have header with title and actions
|
|
33
|
-
*/
|
|
34
|
-
|
|
35
|
-
export class GvDocumentation extends LitElement {
|
|
36
|
-
static get properties() {
|
|
37
|
-
return {
|
|
38
|
-
text: {
|
|
39
|
-
type: String
|
|
40
|
-
},
|
|
41
|
-
type: {
|
|
42
|
-
type: String
|
|
43
|
-
},
|
|
44
|
-
image: {
|
|
45
|
-
type: String
|
|
46
|
-
},
|
|
47
|
-
_dom: {
|
|
48
|
-
type: Object,
|
|
49
|
-
attribute: false
|
|
50
|
-
},
|
|
51
|
-
disabled: {
|
|
52
|
-
type: Boolean
|
|
53
|
-
},
|
|
54
|
-
withoutHeader: {
|
|
55
|
-
type: Boolean,
|
|
56
|
-
attribute: 'without-header'
|
|
57
|
-
},
|
|
58
|
-
_cssLoaded: {
|
|
59
|
-
type: Boolean,
|
|
60
|
-
attribute: false
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
static get styles() {
|
|
66
|
-
return [empty, // language=CSS
|
|
67
|
-
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}`];
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
constructor() {
|
|
71
|
-
super();
|
|
72
|
-
this.type = 'adoc';
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
_onCloseDocumentation() {
|
|
76
|
-
dispatchCustomEvent(this, 'close');
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
_renderIcon() {
|
|
80
|
-
if (this.image) {
|
|
81
|
-
return html`<gv-image src="${this.image}"></gv-image>`;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
return html`<gv-icon shape="code:question"></gv-icon>`;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
shouldUpdate(props) {
|
|
88
|
-
if (props.has('text')) {
|
|
89
|
-
toDom(this.text, this.type, true).then(_dom => {
|
|
90
|
-
this._dom = _dom;
|
|
91
|
-
|
|
92
|
-
if (this._dom) {
|
|
93
|
-
const title = this._dom.element.querySelector('h1');
|
|
94
|
-
|
|
95
|
-
if (title && !this.withoutHeader) {
|
|
96
|
-
title.remove();
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
this._dom.element.querySelectorAll('a').forEach(link => link.target = '_blank');
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
return false;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
return super.shouldUpdate(props);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
_onLoad() {
|
|
109
|
-
this._cssLoaded = true;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
render() {
|
|
113
|
-
let title = '';
|
|
114
|
-
let content;
|
|
115
|
-
|
|
116
|
-
if (this._dom) {
|
|
117
|
-
title = this._dom.title;
|
|
118
|
-
content = this._dom.element;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
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({
|
|
122
|
-
'doc-content': true,
|
|
123
|
-
show: this._cssLoaded
|
|
124
|
-
})}"> ${content} <slot name="empty" class="${classMap({
|
|
125
|
-
empty: true,
|
|
126
|
-
show: content == null
|
|
127
|
-
})}"> <div>Sorry,the documentation was not found.</div> <div>See the documentation about plugins.</div> </slot> </div> </div> `;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
}
|
|
131
|
-
window.customElements.define('gv-documentation', GvDocumentation);
|
|
132
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1kb2N1bWVudGF0aW9uLmpzIl0sIm5hbWVzIjpbImNzcyIsImh0bWwiLCJMaXRFbGVtZW50IiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsInRvRG9tIiwiZW1wdHkiLCJjbGFzc01hcCIsIkd2RG9jdW1lbnRhdGlvbiIsInByb3BlcnRpZXMiLCJ0ZXh0IiwidHlwZSIsIlN0cmluZyIsImltYWdlIiwiX2RvbSIsIk9iamVjdCIsImF0dHJpYnV0ZSIsImRpc2FibGVkIiwiQm9vbGVhbiIsIndpdGhvdXRIZWFkZXIiLCJfY3NzTG9hZGVkIiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJfb25DbG9zZURvY3VtZW50YXRpb24iLCJfcmVuZGVySWNvbiIsInNob3VsZFVwZGF0ZSIsInByb3BzIiwiaGFzIiwidGhlbiIsInRpdGxlIiwiZWxlbWVudCIsInF1ZXJ5U2VsZWN0b3IiLCJyZW1vdmUiLCJxdWVyeVNlbGVjdG9yQWxsIiwiZm9yRWFjaCIsImxpbmsiLCJ0YXJnZXQiLCJfb25Mb2FkIiwicmVuZGVyIiwiY29udGVudCIsInNob3ciLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxFQUFjQyxJQUFkLEVBQW9CQyxVQUFwQixRQUFzQyxLQUF0QztBQUNBLFNBQVNDLG1CQUFULFFBQW9DLGVBQXBDO0FBQ0EsU0FBU0MsS0FBVCxRQUFzQixvQkFBdEI7QUFDQSxTQUFTQyxLQUFULFFBQXNCLGlCQUF0QjtBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FB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SSxFQUROLEdBRUVBLElBQUksMkNBRUUsS0FBS2UsUUFBTCxHQUNFZixJQUFJLEVBRE4sR0FFRUEsSUFBSSxvRUFJa0IsS0FBS3FCLHFCQUp2Qiw4QkFKUiw4QkFZbUJNLEtBWm5CLDZCQWFtQixLQUFLTCxXQUFMLEVBYm5CLGVBSkQsZ0JBbUJPakIsUUFBUSxDQUFDO0FBQUUscUJBQWUsSUFBakI7QUFBdUJpQyxNQUFBQSxJQUFJLEVBQUUsS0FBS3BCO0FBQWxDLEtBQUQsQ0FuQmYsTUFvQkhtQixPQXBCRyw4QkFxQnVCaEMsUUFBUSxDQUFDO0FBQUVELE1BQUFBLEtBQUssRUFBRSxJQUFUO0FBQWVrQyxNQUFBQSxJQUFJLEVBQUVELE9BQU8sSUFBSTtBQUFoQyxLQUFELENBckIvQiw2SEFBWDtBQTJCRDs7QUFqTDZDO0FBb0xoREUsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixrQkFBN0IsRUFBaURuQyxlQUFqRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MsIGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgdG9Eb20gfSBmcm9tICcuLi9saWIvdGV4dC1mb3JtYXQnO1xuaW1wb3J0IHsgZW1wdHkgfSBmcm9tICcuLi9zdHlsZXMvZW1wdHknO1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuXG4vKipcbiAqICBEb2N1bWVudGF0aW9uIGNvbXBvbmVudFxuICpcbiAqIOKaoO+4jyBUaGlzIGNvbXBvbmVudCBpcyBiYXNlZCBvbiBgYXNjaWlkb2N0b3JgLCBgaGlnaGxpZ2h0LmpzYCBhbmQgYGFzY2lpZG9jdG9yLWhpZ2hsaWdodC5qc2AuXG4gKiBUbyB1c2UgdGhpcyBjb21wb25lbnQgaW4geW91ciBwcm9qZWN0IGJlIHN1cmUgdGhlIGRlcGVuZGVuY2llcyBhcmUgaW5zdGFsbGVkIG9yXG4gKiBpbnN0YWxsIHRoZW0gd2l0aDogYG5wbSBpbnN0YWxsIGFzY2lpZG9jdG9yIGhpZ2hsaWdodC5qcyBhc2NpaWRvY3Rvci1oaWdobGlnaHQuanMgLS1zYXZlYFxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IHRleHQgLSBEb2N1bWVudGF0aW9uIGNvbnRlbnRcbiAqIEBhdHRyIHtTdHJpbmd9IHR5cGUgLSBUeXBlIG9mIGNvbnRlbnRcbiAqIEBhdHRyIHtTdHJpbmd9IGltYWdlIC0gSW1hZ2Ugb3IgaWNvbiB0byBkaXNwbGF5IGluIGhlYWRlclxuICogQGF0dHIge0Jvb2xlYW59IGRpc2FibGVkIC0gdHJ1ZSBpZiBjb21wb25lbnQgaXMgZGlzYWJsZWRcbiAqIEBhdHRyIHtCb29sZWFufSB3aXRob3V0LWhlYWRlciAtIHRydWUgaWYgY29tcG9uZW50IHNob3VsZCBub3QgaGF2ZSBoZWFkZXIgd2l0aCB0aXRsZSBhbmQgYWN0aW9uc1xuICovXG5leHBvcnQgY2xhc3MgR3ZEb2N1bWVudGF0aW9uIGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgdGV4dDogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHR5cGU6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBpbWFnZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIF9kb206IHsgdHlwZTogT2JqZWN0LCBhdHRyaWJ1dGU6IGZhbHNlIH0sXG4gICAgICBkaXNhYmxlZDogeyB0eXBlOiBCb29sZWFuIH0sXG4gICAgICB3aXRob3V0SGVhZGVyOiB7IHR5cGU6IEJvb2xlYW4sIGF0dHJpYnV0ZTogJ3dpdGhvdXQtaGVhZGVyJyB9LFxuICAgICAgX2Nzc0xvYWRlZDogeyB0eXBlOiBCb29sZWFuLCBhdHRyaWJ1dGU6IGZhbHNlIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICBlbXB0eSxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaGVhZGVyIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZDlkOWQ5O1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgbWluLWhlaWdodDogNDVweDtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IDI2cHg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhlYWRlciAubGVmdCxcbiAgICAgICAgLmhlYWRlciAucmlnaHQge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICB6LWluZGV4OiAxMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5oZWFkZXIgLnJpZ2h0IHtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhlYWRlciAudGl0bGUge1xuICAgICAgICAgIGNvbG9yOiAjMjg0NDRmO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjJyZW07XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgICAgIH1cblxuICAgICAgICAuaGVhZGVyIGd2LWltYWdlIHtcbiAgICAgICAgICBoZWlnaHQ6IDM1cHg7XG4gICAgICAgICAgd2lkdGg6IDM1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGFpbmVyIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG5cbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgICAgICAgICAvKiBmb3IgRmlyZWZveCAqL1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDA7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmRvYy1jb250ZW50IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcblxuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuXG4gICAgICAgICAgLyogZm9yIEZpcmVmb3ggKi9cbiAgICAgICAgICBtaW4taGVpZ2h0OiAwO1xuICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIEhhY2sgZm9yIGxvbmcgc3RyaW5nICovXG4gICAgICAgIC5obGpzLXN0cmluZyB7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgICB9XG5cbiAgICAgICAgLmVtcHR5IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNob3cge1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMudHlwZSA9ICdhZG9jJztcbiAgfVxuXG4gIF9vbkNsb3NlRG9jdW1lbnRhdGlvbigpIHtcbiAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdjbG9zZScpO1xuICB9XG5cbiAgX3JlbmRlckljb24oKSB7XG4gICAgaWYgKHRoaXMuaW1hZ2UpIHtcbiAgICAgIHJldHVybiBodG1sYDxndi1pbWFnZSBzcmM9XCIke3RoaXMuaW1hZ2V9XCI+PC9ndi1pbWFnZT5gO1xuICAgIH1cbiAgICByZXR1cm4gaHRtbGA8Z3YtaWNvbiBzaGFwZT1cImNvZGU6cXVlc3Rpb25cIj48L2d2LWljb24+YDtcbiAgfVxuXG4gIHNob3VsZFVwZGF0ZShwcm9wcykge1xuICAgIGlmIChwcm9wcy5oYXMoJ3RleHQnKSkge1xuICAgICAgdG9Eb20odGhpcy50ZXh0LCB0aGlzLnR5cGUsIHRydWUpLnRoZW4oKF9kb20pID0+IHtcbiAgICAgICAgdGhpcy5fZG9tID0gX2RvbTtcbiAgICAgICAgaWYgKHRoaXMuX2RvbSkge1xuICAgICAgICAgIGNvbnN0IHRpdGxlID0gdGhpcy5fZG9tLmVsZW1lbnQucXVlcnlTZWxlY3RvcignaDEnKTtcbiAgICAgICAgICBpZiAodGl0bGUgJiYgIXRoaXMud2l0aG91dEhlYWRlcikge1xuICAgICAgICAgICAgdGl0bGUucmVtb3ZlKCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX2RvbS5lbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2EnKS5mb3JFYWNoKChsaW5rKSA9PiAobGluay50YXJnZXQgPSAnX2JsYW5rJykpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgcmV0dXJuIHN1cGVyLnNob3VsZFVwZGF0ZShwcm9wcyk7XG4gIH1cblxuICBfb25Mb2FkKCkge1xuICAgIHRoaXMuX2Nzc0xvYWRlZCA9IHRydWU7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgbGV0IHRpdGxlID0gJyc7XG4gICAgbGV0IGNvbnRlbnQ7XG4gICAgaWYgKHRoaXMuX2RvbSkge1xuICAgICAgdGl0bGUgPSB0aGlzLl9kb20udGl0bGU7XG4gICAgICBjb250ZW50ID0gdGhpcy5fZG9tLmVsZW1lbnQ7XG4gICAgfVxuXG4gICAgcmV0dXJuIGh0bWxgPGxpbmsgQGxvYWQ9XCIke3RoaXMuX29uTG9hZH1cIiByZWw9XCJzdHlsZXNoZWV0XCIgaHJlZj1cImNzcy9kb2N1bWVudGF0aW9uLmNzc1wiIC8+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICAgICR7dGhpcy53aXRob3V0SGVhZGVyXG4gICAgICAgICAgPyBodG1sYGBcbiAgICAgICAgICA6IGh0bWxgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlxuICAgICAgICAgICAgICAgICR7dGhpcy5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgPyBodG1sYGBcbiAgICAgICAgICAgICAgICAgIDogaHRtbGA8Z3YtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImdlbmVyYWw6Y2xvc2VcIlxuICAgICAgICAgICAgICAgICAgICAgIG91dGxpbmVkXG4gICAgICAgICAgICAgICAgICAgICAgc21hbGxcbiAgICAgICAgICAgICAgICAgICAgICBAZ3YtYnV0dG9uOmNsaWNrPVwiJHt0aGlzLl9vbkNsb3NlRG9jdW1lbnRhdGlvbn1cIlxuICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPVwiQ2xvc2VcIlxuICAgICAgICAgICAgICAgICAgICA+PC9ndi1idXR0b24+YH1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPiR7dGl0bGV9PC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPiR7dGhpcy5fcmVuZGVySWNvbigpfTwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+YH1cbiAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyAnZG9jLWNvbnRlbnQnOiB0cnVlLCBzaG93OiB0aGlzLl9jc3NMb2FkZWQgfSl9XCI+XG4gICAgICAgICAgJHtjb250ZW50fVxuICAgICAgICAgIDxzbG90IG5hbWU9XCJlbXB0eVwiIGNsYXNzPVwiJHtjbGFzc01hcCh7IGVtcHR5OiB0cnVlLCBzaG93OiBjb250ZW50ID09IG51bGwgfSl9XCI+XG4gICAgICAgICAgICA8ZGl2PlNvcnJ5LHRoZSBkb2N1bWVudGF0aW9uIHdhcyBub3QgZm91bmQuPC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlNlZSB0aGUgZG9jdW1lbnRhdGlvbiBhYm91dCBwbHVnaW5zLjwvZGl2PlxuICAgICAgICAgIDwvc2xvdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj4gYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1kb2N1bWVudGF0aW9uJywgR3ZEb2N1bWVudGF0aW9uKTtcbiJdfQ==
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvDocumentation=void 0;const e=require("lit"),t=require("../lib/events"),i=require("../lib/text-format"),o=require("../styles/empty"),s=require("lit/directives/class-map");class n extends e.LitElement{static get properties(){return{text:{type:String},type:{type:String},image:{type:String},_dom:{type:Object,attribute:!1},disabled:{type:Boolean},withoutHeader:{type:Boolean,attribute:"without-header"},_cssLoaded:{type:Boolean,attribute:!1}}}static get styles(){return[o.empty,e.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}`]}constructor(){super(),this.type="adoc"}_onCloseDocumentation(){(0,t.dispatchCustomEvent)(this,"close")}_renderIcon(){return this.image?e.html`<gv-image src="${this.image}"></gv-image>`:e.html`<gv-icon shape="code:question"></gv-icon>`}shouldUpdate(e){return e.has("text")?((0,i.toDom)(this.text,this.type,!0).then((e=>{if(this._dom=e,this._dom){const e=this._dom.element.querySelector("h1");e&&!this.withoutHeader&&e.remove(),this._dom.element.querySelectorAll("a").forEach((e=>e.target="_blank"))}})),!1):super.shouldUpdate(e)}_onLoad(){this._cssLoaded=!0}render(){let t,i="";return this._dom&&(i=this._dom.title,t=this._dom.element),e.html`<link @load="${this._onLoad}" rel="stylesheet" href="css/documentation.css"><div class="container">${this.withoutHeader?e.html``:e.html`<div class="header"><div class="left">${this.disabled?e.html``:e.html`<gv-button icon="general:close" outlined small @gv-button:click="${this._onCloseDocumentation}" title="Close"></gv-button>`}</div><div class="title">${i}</div><div class="right">${this._renderIcon()}</div></div>`}<div class="${(0,s.classMap)({"doc-content":!0,show:this._cssLoaded})}">${t}<slot name="empty" class="${(0,s.classMap)({empty:!0,show:null==t})}"><div>Sorry,the documentation was not found.</div><div>See the documentation about plugins.</div></slot></div></div>`}}exports.GvDocumentation=n,window.customElements.define("gv-documentation",n);
|
|
@@ -1,130 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Copyright (C) 2015 The Gravitee team (http://gravitee.io)
|
|
3
|
-
*
|
|
4
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
* you may not use this file except in compliance with the License.
|
|
6
|
-
* You may obtain a copy of the License at
|
|
7
|
-
*
|
|
8
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
*
|
|
10
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
* See the License for the specific language governing permissions and
|
|
14
|
-
* limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
import { css, html, LitElement } from 'lit';
|
|
17
|
-
import '../atoms/gv-button';
|
|
18
|
-
import '../atoms/gv-tag';
|
|
19
|
-
import { i18n } from '../lib/i18n';
|
|
20
|
-
import { isSameRoutes } from '../lib/utils';
|
|
21
|
-
import { repeat } from 'lit/directives/repeat';
|
|
22
|
-
import { until } from 'lit/directives/until';
|
|
23
|
-
import { dispatchCustomEvent } from '../lib/events';
|
|
24
|
-
import { classMap } from 'lit/directives/class-map';
|
|
25
|
-
import { withResizeObserver } from '../mixins/with-resize-observer';
|
|
26
|
-
import { ItemResource } from '../mixins/item-resource';
|
|
27
|
-
import { getNbApisInView, getBackground, getTitle, getVersion } from '../lib/item';
|
|
28
|
-
import { styleMap } from 'lit/directives/style-map';
|
|
29
|
-
/**
|
|
30
|
-
* Header component
|
|
31
|
-
*
|
|
32
|
-
* ## Details
|
|
33
|
-
* * has @theme facet
|
|
34
|
-
*
|
|
35
|
-
* @attr {Promise<any>} item - An item
|
|
36
|
-
* @attr {Promise<Array<{ path: String, title: String }>>} breadcrumbs - definition of routes in order
|
|
37
|
-
* @attr {Boolean} canSubscribe - for display actions (default: false)
|
|
38
|
-
*
|
|
39
|
-
* @cssprop {Color} [--gv-header--bgc=var(--gv-theme-color-light, #86c3d0)] - Background color.
|
|
40
|
-
* @cssprop {Color} [--gv-header--c=var(--gv-theme-font-color-dark, #262626)] - Color
|
|
41
|
-
*
|
|
42
|
-
* @cssprop {Length} [--gv-header-button--p=10px 24px] - Button adding
|
|
43
|
-
* @cssprop {Length} [--gv-header-button--fz=var(--gv-theme-font-size-l, 16px)] - Button font size
|
|
44
|
-
*
|
|
45
|
-
*/
|
|
46
|
-
|
|
47
|
-
export class GvHeader extends withResizeObserver(ItemResource(LitElement)) {
|
|
48
|
-
static get properties() {
|
|
49
|
-
return {
|
|
50
|
-
breadcrumbs: {
|
|
51
|
-
type: Array
|
|
52
|
-
},
|
|
53
|
-
sticky: {
|
|
54
|
-
type: Boolean,
|
|
55
|
-
reflect: true
|
|
56
|
-
},
|
|
57
|
-
_breadcrumbs: {
|
|
58
|
-
type: Array,
|
|
59
|
-
attribute: false
|
|
60
|
-
},
|
|
61
|
-
canSubscribe: {
|
|
62
|
-
type: Boolean,
|
|
63
|
-
attribute: 'can-subscribe'
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
static get styles() {
|
|
69
|
-
return [...super.styles, // language=CSS
|
|
70
|
-
css`:host{--img-w:120px;--img-h:120px;--gv-button--fz:var(--gv-header-button--fz, var(--gv-theme-font-size-l, 16px));--gv-button--p:var(--gv-header-button--p, 10px 24px);--gv-link--bgc:transparent;--gv-link-active-bgc:transparent;--c:var(--gv-header--c, var(--gv-theme-font-color-dark, #262626));--gv-link--c:var(--c);--gv-link-active--c:var(--c);--gv-link-a--ph:5px;--gv-link--td:underline;--bgc:var(--gv-header--bgc, var(--gv-theme-color-light, #86c3d0));box-sizing:border-box;display:block}:host([w-lt-768]){--img--w:calc(var(--img-w) / 2);--img--h:calc(var(--img-h) / 2);--gv-button--fz:var(--gv-theme-font-size-s, 12px);font-size:var(--gv-theme-font-size-s,12px)}:host([w-lt-580]){--gv-button--p:3px 9px;--gv-link-a--ph:0px}:host([w-lt-580]) .actions{display:flex;flex-direction:column}:host([w-lt-580]) .version{font-size:var(--gv-theme-font-size-s,12px);line-height:var(--gv-theme-font-size-s,12px)}:host([w-lt-580]) .image gv-image{top:-5px}:host([w-lt-580]) h1{font-size:calc(var(--gv-theme-font-size-xl,26px) - 4px);line-height:calc(var(--gv-theme-font-size-xl,26px) - 4px)}:host([w-lt-400]) h1{font-size:calc(var(--gv-theme-font-size-xl,26px) - 8px)}.header{display:flex;background-color:var(--bgc);flex-direction:row;color:var(--c);transition:all 350ms ease-in-out;padding:.5rem var(--gv-theme-layout--pr,4rem) .5rem var(--gv-theme-layout--pl,4rem);position:relative}.title{flex:1;margin:.5rem 0 .5rem var(--img-w);padding-left:2rem}:host([sticky]) .title{margin-left:calc(var(--img-w)/ 2);transition:all 250ms ease-in-out}.actions,.title{align-self:flex-end}gv-link:last-child{--gv-link--td:none}gv-link::after{content:'>';color:var(--gv-theme-font-color-dark,#262626);align-self:center}gv-link:last-child::after{content:''}.error{text-align:center;margin-right:125px}.version{letter-spacing:.05em;opacity:.5;font-size:var(--gv-theme-font-size-l,16px);line-height:var(--gv-theme-font-size-l,16px);font-weight:500}gv-identity-picture{height:var(--img-h);width:var(--img-w);position:absolute;--gv-image--of:contain;transition:all 150ms ease-in-out}:host([sticky]) gv-identity-picture{height:calc(var(--img-h)/ 2);width:calc(var(--img-w)/ 2);transition:all 150ms ease;top:20%}h1{margin:0;font-size:var(--gv-theme-font-size-xl,26px);font-weight:500;line-height:var(--gv-theme-font-size-xl,26px);letter-spacing:.05em}h1 span{opacity:.5;font-size:var(--gv-theme-font-size-l,16px)}.skeleton .error,.skeleton gv-button{visibility:hidden}`];
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
constructor() {
|
|
74
|
-
super();
|
|
75
|
-
this.breakpoints = {
|
|
76
|
-
width: [400, 580, 768]
|
|
77
|
-
};
|
|
78
|
-
this._breadcrumbs = [];
|
|
79
|
-
this.canSubscribe = false;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
set breadcrumbs(candidate) {
|
|
83
|
-
if (candidate) {
|
|
84
|
-
Promise.resolve(candidate).then(candidates => {
|
|
85
|
-
if (candidates) {
|
|
86
|
-
Promise.all(candidates).then(futureRoutes => {
|
|
87
|
-
if (!isSameRoutes(this._breadcrumbs, futureRoutes)) {
|
|
88
|
-
this._breadcrumbs = futureRoutes.filter(r => r != null);
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
} else {
|
|
92
|
-
this._breadcrumbs = null;
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
} else {
|
|
96
|
-
this._breadcrumbs = null;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
_getLink(route, index) {
|
|
101
|
-
return Promise.resolve(route).then(_route => {
|
|
102
|
-
const title = index === this._breadcrumbs.length - 1 ? getTitle(this._item) : _route.title;
|
|
103
|
-
return html` <gv-link @gv-link:click="${this._onClick}" .active="${_route.active}" .icon="${_route.icon}" .path="${_route.path}" .title="${title}" .help="${until(_route.help, null)}"></gv-link>`;
|
|
104
|
-
}).catch(() => {
|
|
105
|
-
delete this._routes[index];
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
_renderBreadcrumbs() {
|
|
110
|
-
return html`<nav> ${repeat(this._breadcrumbs, route => route, (route, index) => until(this._getLink(route, index), html`<gv-link skeleton></gv-link>`))} </nav>`;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
_onSubscribe(e) {
|
|
114
|
-
e.stopPropagation();
|
|
115
|
-
dispatchCustomEvent(this, 'subscribe', this._item);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
render() {
|
|
119
|
-
const nbApisInView = getNbApisInView(this._item);
|
|
120
|
-
return html` <div class="${classMap({
|
|
121
|
-
header: true,
|
|
122
|
-
skeleton: this._skeleton
|
|
123
|
-
})}" style="${styleMap({
|
|
124
|
-
background: 'url("' + getBackground(this._item) + '") var(--bgc) center center no-repeat'
|
|
125
|
-
})}"> ${this._renderImage()} <div class="title"> ${!(this._error || this._empty) && !this.sticky ? html`<div class="version">${getVersion(this._item)}</div>` : ''} ${this._error || this._empty ? html`<div class="error">${this._error ? i18n('gv-header.error') : i18n('gv-header.empty')}</div>` : html`<h1>${getTitle(this._item)} ${nbApisInView !== null ? html`<span>(${nbApisInView})</span>` : ''}</h1>`} </div> ${!(this._error || this._empty) && this.canSubscribe ? html`<div class="actions"> <gv-button primary @click="${this._onSubscribe}">${i18n('gv-header.subscribe')}</gv-button> </div>` : ``} </div> `;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
}
|
|
129
|
-
window.customElements.define('gv-header', GvHeader);
|
|
130
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1oZWFkZXIuanMiXSwibmFtZXMiOlsiY3NzIiwiaHRtbCIsIkxpdEVsZW1lbnQiLCJpMThuIiwiaXNTYW1lUm91dGVzIiwicmVwZWF0IiwidW50aWwiLCJkaXNwYXRjaEN1c3RvbUV2ZW50IiwiY2xhc3NNYXAiLCJ3aXRoUmVzaXplT2JzZXJ2ZXIiLCJJdGVtUmVzb3VyY2UiLCJnZXROYkFwaXNJblZpZXciLCJnZXRCYWNrZ3JvdW5kIiwiZ2V0VGl0bGUiLCJnZXRWZXJzaW9uIiwic3R5bGVNYXAiLCJHdkhlYWRlciIsInByb3BlcnRpZXMiLCJicmVhZGNydW1icyIsInR5cGUiLCJBcnJheSIsInN0aWNreSIsIkJvb2xlYW4iLCJyZWZsZWN0IiwiX2JyZWFkY3J1bWJzIiwiYXR0cmlidXRlIiwiY2FuU3Vic2NyaWJlIiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJicmVha3BvaW50cyIsIndpZHRoIiwiY2FuZGlkYXRlIiwiUHJvbWlzZSIsInJlc29sdmUiLCJ0aGVuIiwiY2FuZGlkYXRlcyIsImFsbCIsImZ1dHVyZVJvdXRlcyIsImZpbHRlciIsInIiLCJfZ2V0TGluayIsInJvdXRlIiwiaW5kZXgiLCJfcm91dGUiLCJ0aXRsZSIsImxlbmd0aCIsIl9pdGVtIiwiX29uQ2xpY2siLCJhY3RpdmUiLCJpY29uIiwicGF0aCIsImhlbHAiLCJjYXRjaCIsIl9yb3V0ZXMiLCJfcmVuZGVyQnJlYWRjcnVtYnMiLCJfb25TdWJzY3JpYmUiLCJlIiwic3RvcFByb3BhZ2F0aW9uIiwicmVuZGVyIiwibmJBcGlzSW5WaWV3IiwiaGVhZGVyIiwic2tlbGV0b24iLCJfc2tlbGV0b24iLCJiYWNrZ3JvdW5kIiwiX3JlbmRlckltYWdlIiwiX2Vycm9yIiwiX2VtcHR5Iiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtB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USxDQUFDO0FBQUVvRCxNQUFBQSxNQUFNLEVBQUUsSUFBVjtBQUFnQkMsTUFBQUEsUUFBUSxFQUFFLEtBQUtDO0FBQS9CLEtBQUQsQ0FGVixZQUdFL0MsUUFBUSxDQUFDO0FBQUVnRCxNQUFBQSxVQUFVLEVBQUUsVUFBVW5ELGFBQWEsQ0FBQyxLQUFLa0MsS0FBTixDQUF2QixHQUFzQztBQUFwRCxLQUFELENBSFYsTUFLTCxLQUFLa0IsWUFBTCxFQUxLLHdCQU9ILEVBQUUsS0FBS0MsTUFBTCxJQUFlLEtBQUtDLE1BQXRCLEtBQWlDLENBQUMsS0FBSzdDLE1BQXZDLEdBQWdEcEIsSUFBSSx3QkFBd0JhLFVBQVUsQ0FBQyxLQUFLZ0MsS0FBTixDQUFsQyxRQUFwRCxHQUE2RyxFQVAxRyxJQVFILEtBQUttQixNQUFMLElBQWUsS0FBS0MsTUFBcEIsR0FDRWpFLElBQUksc0JBQXNCLEtBQUtnRSxNQUFMLEdBQWM5RCxJQUFJLENBQUMsaUJBQUQsQ0FBbEIsR0FBd0NBLElBQUksQ0FBQyxpQkFBRCxDQUFsRSxRQUROLEdBRUVGLElBQUksT0FBT1ksUUFBUSxDQUFDLEtBQUtpQyxLQUFOLENBQWYsSUFBK0JhLFlBQVksS0FBSyxJQUFqQixHQUF3QjFELElBQUksVUFBVTBELFlBQVYsVUFBNUIsR0FBK0QsRUFBOUYsT0FWSCxXQVlMLEVBQUUsS0FBS00sTUFBTCxJQUFlLEtBQUtDLE1BQXRCLEtBQWlDLEtBQUt4QyxZQUF0QyxHQUNFekIsSUFBSSxvREFDMkIsS0FBS3NELFlBRGhDLEtBQ2lEcEQsSUFBSSxDQUFDLHFCQUFELENBRHJELHFCQUROLEdBSUcsRUFoQkUsVUFBWDtBQW1CRDs7QUE5T3dFO0FBaVAzRWdFLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsV0FBN0IsRUFBMENyRCxRQUExQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MsIGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi1idXR0b24nO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi10YWcnO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gJy4uL2xpYi9pMThuJztcbmltcG9ydCB7IGlzU2FtZVJvdXRlcyB9IGZyb20gJy4uL2xpYi91dGlscyc7XG5pbXBvcnQgeyByZXBlYXQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZXBlYXQnO1xuaW1wb3J0IHsgdW50aWwgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy91bnRpbCc7XG5pbXBvcnQgeyBkaXNwYXRjaEN1c3RvbUV2ZW50IH0gZnJvbSAnLi4vbGliL2V2ZW50cyc7XG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcCc7XG5pbXBvcnQgeyB3aXRoUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICcuLi9taXhpbnMvd2l0aC1yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgSXRlbVJlc291cmNlIH0gZnJvbSAnLi4vbWl4aW5zL2l0ZW0tcmVzb3VyY2UnO1xuaW1wb3J0IHsgZ2V0TmJBcGlzSW5WaWV3LCBnZXRCYWNrZ3JvdW5kLCBnZXRUaXRsZSwgZ2V0VmVyc2lvbiB9IGZyb20gJy4uL2xpYi9pdGVtJztcbmltcG9ydCB7IHN0eWxlTWFwIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvc3R5bGUtbWFwJztcblxuLyoqXG4gKiBIZWFkZXIgY29tcG9uZW50XG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGF0dHIge1Byb21pc2U8YW55Pn0gaXRlbSAtIEFuIGl0ZW1cbiAqIEBhdHRyIHtQcm9taXNlPEFycmF5PHsgcGF0aDogU3RyaW5nLCB0aXRsZTogU3RyaW5nIH0+Pn0gYnJlYWRjcnVtYnMgLSBkZWZpbml0aW9uIG9mIHJvdXRlcyBpbiBvcmRlclxuICogQGF0dHIge0Jvb2xlYW59IGNhblN1YnNjcmliZSAtIGZvciBkaXNwbGF5IGFjdGlvbnMgKGRlZmF1bHQ6IGZhbHNlKVxuICpcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3YtaGVhZGVyLS1iZ2M9dmFyKC0tZ3YtdGhlbWUtY29sb3ItbGlnaHQsICM4NmMzZDApXSAtIEJhY2tncm91bmQgY29sb3IuXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LWhlYWRlci0tYz12YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpXSAtIENvbG9yXG4gKlxuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtaGVhZGVyLWJ1dHRvbi0tcD0xMHB4IDI0cHhdIC0gQnV0dG9uIGFkZGluZ1xuICogQGNzc3Byb3Age0xlbmd0aH0gWy0tZ3YtaGVhZGVyLWJ1dHRvbi0tZno9dmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLWwsIDE2cHgpXSAtIEJ1dHRvbiBmb250IHNpemVcbiAqXG4gKi9cbmV4cG9ydCBjbGFzcyBHdkhlYWRlciBleHRlbmRzIHdpdGhSZXNpemVPYnNlcnZlcihJdGVtUmVzb3VyY2UoTGl0RWxlbWVudCkpIHtcbiAgc3RhdGljIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIHJldHVybiB7XG4gICAgICBicmVhZGNydW1iczogeyB0eXBlOiBBcnJheSB9LFxuICAgICAgc3RpY2t5OiB7IHR5cGU6IEJvb2xlYW4sIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIF9icmVhZGNydW1iczogeyB0eXBlOiBBcnJheSwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgY2FuU3Vic2NyaWJlOiB7IHR5cGU6IEJvb2xlYW4sIGF0dHJpYnV0ZTogJ2Nhbi1zdWJzY3JpYmUnIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAuLi5zdXBlci5zdHlsZXMsXG4gICAgICAvLyBsYW5ndWFnZT1DU1NcbiAgICAgIGNzc2BcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIC0taW1nLXc6IDEyMHB4O1xuICAgICAgICAgIC0taW1nLWg6IDEyMHB4O1xuICAgICAgICAgIC0tZ3YtYnV0dG9uLS1mejogdmFyKC0tZ3YtaGVhZGVyLWJ1dHRvbi0tZnosIHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1sLCAxNnB4KSk7XG4gICAgICAgICAgLS1ndi1idXR0b24tLXA6IHZhcigtLWd2LWhlYWRlci1idXR0b24tLXAsIDEwcHggMjRweCk7XG4gICAgICAgICAgLS1ndi1saW5rLS1iZ2M6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIC0tZ3YtbGluay1hY3RpdmUtYmdjOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAtLWM6IHZhcigtLWd2LWhlYWRlci0tYywgdmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KSk7XG4gICAgICAgICAgLS1ndi1saW5rLS1jOiB2YXIoLS1jKTtcbiAgICAgICAgICAtLWd2LWxpbmstYWN0aXZlLS1jOiB2YXIoLS1jKTtcbiAgICAgICAgICAtLWd2LWxpbmstYS0tcGg6IDVweDtcbiAgICAgICAgICAtLWd2LWxpbmstLXRkOiB1bmRlcmxpbmU7XG4gICAgICAgICAgLS1iZ2M6IHZhcigtLWd2LWhlYWRlci0tYmdjLCB2YXIoLS1ndi10aGVtZS1jb2xvci1saWdodCwgIzg2YzNkMCkpO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC03NjhdKSB7XG4gICAgICAgICAgLS1pbWctLXc6IGNhbGModmFyKC0taW1nLXcpIC8gMik7XG4gICAgICAgICAgLS1pbWctLWg6IGNhbGModmFyKC0taW1nLWgpIC8gMik7XG4gICAgICAgICAgLS1ndi1idXR0b24tLWZ6OiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCk7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCk7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC01ODBdKSB7XG4gICAgICAgICAgLS1ndi1idXR0b24tLXA6IDNweCA5cHg7XG4gICAgICAgICAgLS1ndi1saW5rLWEtLXBoOiAwcHg7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC01ODBdKSAuYWN0aW9ucyB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3ctbHQtNTgwXSkgLnZlcnNpb24ge1xuICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCk7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC01ODBdKSAuaW1hZ2UgZ3YtaW1hZ2Uge1xuICAgICAgICAgIHRvcDogLTVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFt3LWx0LTU4MF0pIGgxIHtcbiAgICAgICAgICBmb250LXNpemU6IGNhbGModmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXhsLCAyNnB4KSAtIDRweCk7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IGNhbGModmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXhsLCAyNnB4KSAtIDRweCk7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbdy1sdC00MDBdKSBoMSB7XG4gICAgICAgICAgZm9udC1zaXplOiBjYWxjKHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS14bCwgMjZweCkgLSA4cHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhlYWRlciB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iZ2MpO1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWMpO1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAzNTBtcyBlYXNlLWluLW91dDtcbiAgICAgICAgICBwYWRkaW5nOiAwLjVyZW0gdmFyKC0tZ3YtdGhlbWUtbGF5b3V0LS1wciwgNHJlbSkgMC41cmVtIHZhcigtLWd2LXRoZW1lLWxheW91dC0tcGwsIDRyZW0pO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC50aXRsZSB7XG4gICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICBtYXJnaW46IDAuNXJlbSAwIDAuNXJlbSB2YXIoLS1pbWctdyk7XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW3N0aWNreV0pIC50aXRsZSB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0taW1nLXcpIC8gMik7XG4gICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDI1MG1zIGVhc2UtaW4tb3V0O1xuICAgICAgICB9XG5cbiAgICAgICAgLnRpdGxlLFxuICAgICAgICAuYWN0aW9ucyB7XG4gICAgICAgICAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gICAgICAgIH1cblxuICAgICAgICBndi1saW5rOmxhc3QtY2hpbGQge1xuICAgICAgICAgIC0tZ3YtbGluay0tdGQ6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICBndi1saW5rOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogJz4nO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpO1xuICAgICAgICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGd2LWxpbms6bGFzdC1jaGlsZDo6YWZ0ZXIge1xuICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB9XG5cbiAgICAgICAgLmVycm9yIHtcbiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMjVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC52ZXJzaW9uIHtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBmb250LXNpemU6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1sLCAxNnB4KTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLWwsIDE2cHgpO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIH1cblxuICAgICAgICBndi1pZGVudGl0eS1waWN0dXJlIHtcbiAgICAgICAgICBoZWlnaHQ6IHZhcigtLWltZy1oKTtcbiAgICAgICAgICB3aWR0aDogdmFyKC0taW1nLXcpO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAtLWd2LWltYWdlLS1vZjogY29udGFpbjtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgZWFzZS1pbi1vdXQ7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbc3RpY2t5XSkgZ3YtaWRlbnRpdHktcGljdHVyZSB7XG4gICAgICAgICAgaGVpZ2h0OiBjYWxjKHZhcigtLWltZy1oKSAvIDIpO1xuICAgICAgICAgIHdpZHRoOiBjYWxjKHZhcigtLWltZy13KSAvIDIpO1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAxNTBtcyBlYXNlO1xuICAgICAgICAgIHRvcDogMjAlO1xuICAgICAgICB9XG5cbiAgICAgICAgaDEge1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBmb250LXNpemU6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS14bCwgMjZweCk7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXhsLCAyNnB4KTtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAgICAgICB9XG5cbiAgICAgICAgaDEgc3BhbiB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLWwsIDE2cHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNrZWxldG9uIGd2LWJ1dHRvbixcbiAgICAgICAgLnNrZWxldG9uIC5lcnJvciB7XG4gICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYnJlYWtwb2ludHMgPSB7XG4gICAgICB3aWR0aDogWzQwMCwgNTgwLCA3NjhdLFxuICAgIH07XG4gICAgdGhpcy5fYnJlYWRjcnVtYnMgPSBbXTtcbiAgICB0aGlzLmNhblN1YnNjcmliZSA9IGZhbHNlO1xuICB9XG5cbiAgc2V0IGJyZWFkY3J1bWJzKGNhbmRpZGF0ZSkge1xuICAgIGlmIChjYW5kaWRhdGUpIHtcbiAgICAgIFByb21pc2UucmVzb2x2ZShjYW5kaWRhdGUpLnRoZW4oKGNhbmRpZGF0ZXMpID0+IHtcbiAgICAgICAgaWYgKGNhbmRpZGF0ZXMpIHtcbiAgICAgICAgICBQcm9taXNlLmFsbChjYW5kaWRhdGVzKS50aGVuKChmdXR1cmVSb3V0ZXMpID0+IHtcbiAgICAgICAgICAgIGlmICghaXNTYW1lUm91dGVzKHRoaXMuX2JyZWFkY3J1bWJzLCBmdXR1cmVSb3V0ZXMpKSB7XG4gICAgICAgICAgICAgIHRoaXMuX2JyZWFkY3J1bWJzID0gZnV0dXJlUm91dGVzLmZpbHRlcigocikgPT4gciAhPSBudWxsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLl9icmVhZGNydW1icyA9IG51bGw7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9icmVhZGNydW1icyA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgX2dldExpbmsocm91dGUsIGluZGV4KSB7XG4gICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZShyb3V0ZSlcbiAgICAgIC50aGVuKChfcm91dGUpID0+IHtcbiAgICAgICAgY29uc3QgdGl0bGUgPSBpbmRleCA9PT0gdGhpcy5fYnJlYWRjcnVtYnMubGVuZ3RoIC0gMSA/IGdldFRpdGxlKHRoaXMuX2l0ZW0pIDogX3JvdXRlLnRpdGxlO1xuXG4gICAgICAgIHJldHVybiBodG1sYCA8Z3YtbGlua1xuICAgICAgICAgIEBndi1saW5rOmNsaWNrPSR7dGhpcy5fb25DbGlja31cbiAgICAgICAgICAuYWN0aXZlPVwiJHtfcm91dGUuYWN0aXZlfVwiXG4gICAgICAgICAgLmljb249XCIke19yb3V0ZS5pY29ufVwiXG4gICAgICAgICAgLnBhdGg9XCIke19yb3V0ZS5wYXRofVwiXG4gICAgICAgICAgLnRpdGxlPVwiJHt0aXRsZX1cIlxuICAgICAgICAgIC5oZWxwPVwiJHt1bnRpbChfcm91dGUuaGVscCwgbnVsbCl9XCJcbiAgICAgICAgPjwvZ3YtbGluaz5gO1xuICAgICAgfSlcbiAgICAgIC5jYXRjaCgoKSA9PiB7XG4gICAgICAgIGRlbGV0ZSB0aGlzLl9yb3V0ZXNbaW5kZXhdO1xuICAgICAgfSk7XG4gIH1cblxuICBfcmVuZGVyQnJlYWRjcnVtYnMoKSB7XG4gICAgcmV0dXJuIGh0bWxgPG5hdj5cbiAgICAgICR7cmVwZWF0KFxuICAgICAgICB0aGlzLl9icmVhZGNydW1icyxcbiAgICAgICAgKHJvdXRlKSA9PiByb3V0ZSxcbiAgICAgICAgKHJvdXRlLCBpbmRleCkgPT4gdW50aWwodGhpcy5fZ2V0TGluayhyb3V0ZSwgaW5kZXgpLCBodG1sYDxndi1saW5rIHNrZWxldG9uPjwvZ3YtbGluaz5gKSxcbiAgICAgICl9XG4gICAgPC9uYXY+YDtcbiAgfVxuXG4gIF9vblN1YnNjcmliZShlKSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KHRoaXMsICdzdWJzY3JpYmUnLCB0aGlzLl9pdGVtKTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBuYkFwaXNJblZpZXcgPSBnZXROYkFwaXNJblZpZXcodGhpcy5faXRlbSk7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiJHtjbGFzc01hcCh7IGhlYWRlcjogdHJ1ZSwgc2tlbGV0b246IHRoaXMuX3NrZWxldG9uIH0pfVwiXG4gICAgICAgIHN0eWxlPVwiJHtzdHlsZU1hcCh7IGJhY2tncm91bmQ6ICd1cmwoXCInICsgZ2V0QmFja2dyb3VuZCh0aGlzLl9pdGVtKSArICdcIikgdmFyKC0tYmdjKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdCcgfSl9XCJcbiAgICAgID5cbiAgICAgICAgJHt0aGlzLl9yZW5kZXJJbWFnZSgpfVxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAkeyEodGhpcy5fZXJyb3IgfHwgdGhpcy5fZW1wdHkpICYmICF0aGlzLnN0aWNreSA/IGh0bWxgPGRpdiBjbGFzcz1cInZlcnNpb25cIj4ke2dldFZlcnNpb24odGhpcy5faXRlbSl9PC9kaXY+YCA6ICcnfVxuICAgICAgICAgICR7dGhpcy5fZXJyb3IgfHwgdGhpcy5fZW1wdHlcbiAgICAgICAgICAgID8gaHRtbGA8ZGl2IGNsYXNzPVwiZXJyb3JcIj4ke3RoaXMuX2Vycm9yID8gaTE4bignZ3YtaGVhZGVyLmVycm9yJykgOiBpMThuKCdndi1oZWFkZXIuZW1wdHknKX08L2Rpdj5gXG4gICAgICAgICAgICA6IGh0bWxgPGgxPiR7Z2V0VGl0bGUodGhpcy5faXRlbSl9ICR7bmJBcGlzSW5WaWV3ICE9PSBudWxsID8gaHRtbGA8c3Bhbj4oJHtuYkFwaXNJblZpZXd9KTwvc3Bhbj5gIDogJyd9PC9oMT5gfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgJHshKHRoaXMuX2Vycm9yIHx8IHRoaXMuX2VtcHR5KSAmJiB0aGlzLmNhblN1YnNjcmliZVxuICAgICAgICAgID8gaHRtbGA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgICAgICAgICA8Z3YtYnV0dG9uIHByaW1hcnkgQGNsaWNrPVwiJHt0aGlzLl9vblN1YnNjcmliZX1cIj4ke2kxOG4oJ2d2LWhlYWRlci5zdWJzY3JpYmUnKX08L2d2LWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6IGBgfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1oZWFkZXInLCBHdkhlYWRlcik7XG4iXX0=
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvHeader=void 0;const e=require("lit");require("../atoms/gv-button"),require("../atoms/gv-tag");const t=require("../lib/i18n"),i=require("../lib/utils"),r=require("lit/directives/repeat"),s=require("lit/directives/until"),n=require("../lib/events"),a=require("lit/directives/class-map"),l=require("../mixins/with-resize-observer"),o=require("../mixins/item-resource"),c=require("../lib/item"),h=require("lit/directives/style-map");class v extends((0,l.withResizeObserver)((0,o.ItemResource)(e.LitElement))){static get properties(){return{breadcrumbs:{type:Array},sticky:{type:Boolean,reflect:!0},_breadcrumbs:{type:Array,attribute:!1},canSubscribe:{type:Boolean,attribute:"can-subscribe"}}}static get styles(){return[...super.styles,e.css`:host{--img-w:120px;--img-h:120px;--gv-button--fz:var(--gv-header-button--fz, var(--gv-theme-font-size-l, 16px));--gv-button--p:var(--gv-header-button--p, 10px 24px);--gv-link--bgc:transparent;--gv-link-active-bgc:transparent;--c:var(--gv-header--c, var(--gv-theme-font-color-dark, #262626));--gv-link--c:var(--c);--gv-link-active--c:var(--c);--gv-link-a--ph:5px;--gv-link--td:underline;--bgc:var(--gv-header--bgc, var(--gv-theme-color-light, #86c3d0));box-sizing:border-box;display:block}:host([w-lt-768]){--img--w:calc(var(--img-w) / 2);--img--h:calc(var(--img-h) / 2);--gv-button--fz:var(--gv-theme-font-size-s, 12px);font-size:var(--gv-theme-font-size-s,12px)}:host([w-lt-580]){--gv-button--p:3px 9px;--gv-link-a--ph:0px}:host([w-lt-580]) .actions{display:flex;flex-direction:column}:host([w-lt-580]) .version{font-size:var(--gv-theme-font-size-s,12px);line-height:var(--gv-theme-font-size-s,12px)}:host([w-lt-580]) .image gv-image{top:-5px}:host([w-lt-580]) h1{font-size:calc(var(--gv-theme-font-size-xl,26px) - 4px);line-height:calc(var(--gv-theme-font-size-xl,26px) - 4px)}:host([w-lt-400]) h1{font-size:calc(var(--gv-theme-font-size-xl,26px) - 8px)}.header{display:flex;background-color:var(--bgc);flex-direction:row;color:var(--c);transition:all 350ms ease-in-out;padding:.5rem var(--gv-theme-layout--pr,4rem) .5rem var(--gv-theme-layout--pl,4rem);position:relative}.title{flex:1;margin:.5rem 0 .5rem var(--img-w);padding-left:2rem}:host([sticky]) .title{margin-left:calc(var(--img-w)/ 2);transition:all 250ms ease-in-out}.actions,.title{align-self:flex-end}gv-link:last-child{--gv-link--td:none}gv-link::after{content:'>';color:var(--gv-theme-font-color-dark,#262626);align-self:center}gv-link:last-child::after{content:''}.error{text-align:center;margin-right:125px}.version{letter-spacing:.05em;opacity:.5;font-size:var(--gv-theme-font-size-l,16px);line-height:var(--gv-theme-font-size-l,16px);font-weight:500}gv-identity-picture{height:var(--img-h);width:var(--img-w);position:absolute;--gv-image--of:contain;transition:all 150ms ease-in-out}:host([sticky]) gv-identity-picture{height:calc(var(--img-h)/ 2);width:calc(var(--img-w)/ 2);transition:all 150ms ease;top:20%}h1{margin:0;font-size:var(--gv-theme-font-size-xl,26px);font-weight:500;line-height:var(--gv-theme-font-size-xl,26px);letter-spacing:.05em}h1 span{opacity:.5;font-size:var(--gv-theme-font-size-l,16px)}.skeleton .error,.skeleton gv-button{visibility:hidden}`]}constructor(){super(),this.breakpoints={width:[400,580,768]},this._breadcrumbs=[],this.canSubscribe=!1}set breadcrumbs(e){e?Promise.resolve(e).then((e=>{e?Promise.all(e).then((e=>{(0,i.isSameRoutes)(this._breadcrumbs,e)||(this._breadcrumbs=e.filter((e=>null!=e)))})):this._breadcrumbs=null})):this._breadcrumbs=null}_getLink(t,i){return Promise.resolve(t).then((t=>{const r=i===this._breadcrumbs.length-1?(0,c.getTitle)(this._item):t.title;return e.html`<gv-link @gv-link:click="${this._onClick}" .active="${t.active}" .icon="${t.icon}" .path="${t.path}" .title="${r}" .help="${(0,s.until)(t.help,null)}"></gv-link>`})).catch((()=>{delete this._routes[i]}))}_renderBreadcrumbs(){return e.html`<nav>${(0,r.repeat)(this._breadcrumbs,(e=>e),((t,i)=>(0,s.until)(this._getLink(t,i),e.html`<gv-link skeleton></gv-link>`)))}</nav>`}_onSubscribe(e){e.stopPropagation(),(0,n.dispatchCustomEvent)(this,"subscribe",this._item)}render(){const i=(0,c.getNbApisInView)(this._item);return e.html`<div class="${(0,a.classMap)({header:!0,skeleton:this._skeleton})}" style="${(0,h.styleMap)({background:'url("'+(0,c.getBackground)(this._item)+'") var(--bgc) center center no-repeat'})}">${this._renderImage()}<div class="title">${this._error||this._empty||this.sticky?"":e.html`<div class="version">${(0,c.getVersion)(this._item)}</div>`} ${this._error||this._empty?e.html`<div class="error">${this._error?(0,t.i18n)("gv-header.error"):(0,t.i18n)("gv-header.empty")}</div>`:e.html`<h1>${(0,c.getTitle)(this._item)} ${null!==i?e.html`<span>(${i})</span>`:""}</h1>`}</div>${this._error||this._empty||!this.canSubscribe?"":e.html`<div class="actions"><gv-button primary @click="${this._onSubscribe}">${(0,t.i18n)("gv-header.subscribe")}</gv-button></div>`}</div>`}}exports.GvHeader=v,window.customElements.define("gv-header",v);
|