@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
|
@@ -1,122 +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 { html } from 'lit';
|
|
17
|
-
import { repeat } from 'lit/directives/repeat';
|
|
18
|
-
import '../molecules/gv-identity-picture';
|
|
19
|
-
import { getLabels, getPicture, getStates, getRating, getPictureDisplayName } from '../lib/item';
|
|
20
|
-
import { withSkeletonAttribute } from './with-skeleton-attribute';
|
|
21
|
-
/**
|
|
22
|
-
* This is a mixin for ItemResource
|
|
23
|
-
* @mixinFunction
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
export function ItemResource(ParentClass) {
|
|
27
|
-
/**
|
|
28
|
-
* @mixinClass
|
|
29
|
-
*/
|
|
30
|
-
return class extends withSkeletonAttribute(ParentClass) {
|
|
31
|
-
static get properties() {
|
|
32
|
-
return { ...super.properties,
|
|
33
|
-
|
|
34
|
-
/** @required */
|
|
35
|
-
item: {
|
|
36
|
-
type: Object
|
|
37
|
-
},
|
|
38
|
-
href: {
|
|
39
|
-
type: String
|
|
40
|
-
},
|
|
41
|
-
metrics: {
|
|
42
|
-
type: Object
|
|
43
|
-
},
|
|
44
|
-
_item: {
|
|
45
|
-
type: Object,
|
|
46
|
-
attribute: false
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
constructor() {
|
|
52
|
-
super();
|
|
53
|
-
this._skeletonAttribute = 'item';
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
_onImageLoaded() {
|
|
57
|
-
if (this._item) {
|
|
58
|
-
this._skeleton = false;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
_renderImage() {
|
|
63
|
-
if (this._item && !this._empty) {
|
|
64
|
-
return html`<gv-identity-picture .skeleton="${this._skeleton}" .display_name="${getPictureDisplayName(this._item)}" .picture="${getPicture(this._item)}" @load="${this._onImageLoaded}"></gv-identity-picture>`;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
return '';
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
_onTagClick(tagValue, event) {
|
|
71
|
-
event.detail.tagValue = tagValue;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
_renderLabels(clickable) {
|
|
75
|
-
const labels = getLabels(this._item);
|
|
76
|
-
|
|
77
|
-
if (labels) {
|
|
78
|
-
return repeat(labels, label => label, label => html`<gv-tag ?clickable="${clickable}" @gv-tag:click="${this._onTagClick.bind(this, label)}" ?skeleton="${this._skeleton}" major>${label}</gv-tag>`);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
return '';
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
_renderStates() {
|
|
85
|
-
const states = getStates(this._item);
|
|
86
|
-
|
|
87
|
-
if (states) {
|
|
88
|
-
return repeat(states, state => state, ({
|
|
89
|
-
value,
|
|
90
|
-
major,
|
|
91
|
-
minor
|
|
92
|
-
}) => html` <gv-state ?skeleton="${this._skeleton}" ?major="${major === true}" ?minor="${minor === true}">${value}</gv-state> `);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
return '';
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
_onClickToMetrics(event) {
|
|
99
|
-
event.detail.item = this._item;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
_renderMetricsWithRating() {
|
|
103
|
-
if (this.metrics) {
|
|
104
|
-
return html` <gv-metrics .metrics="${this.metrics}" @gv-metrics:click="${this._onClickToMetrics}"> ${this._renderInfoRating()} </gv-metrics> `;
|
|
105
|
-
} else {
|
|
106
|
-
return this._renderInfoRating();
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
_renderInfoRating() {
|
|
111
|
-
const rating = getRating(this._item);
|
|
112
|
-
|
|
113
|
-
if (rating && rating.count) {
|
|
114
|
-
return html`<gv-rating readonly="readonly" .skeleton="${this._skeleton}" .value="${rating.average}" .count="${rating.count}"></gv-rating>`;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
return '';
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
};
|
|
121
|
-
}
|
|
122
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy9pdGVtLXJlc291cmNlLmpzIl0sIm5hbWVzIjpbImh0bWwiLCJyZXBlYXQiLCJnZXRMYWJlbHMiLCJnZXRQaWN0dXJlIiwiZ2V0U3RhdGVzIiwiZ2V0UmF0aW5nIiwiZ2V0UGljdHVyZURpc3BsYXlOYW1lIiwid2l0aFNrZWxldG9uQXR0cmlidXRlIiwiSXRlbVJlc291cmNlIiwiUGFyZW50Q2xhc3MiLCJwcm9wZXJ0aWVzIiwiaXRlbSIsInR5cGUiLCJPYmplY3QiLCJocmVmIiwiU3RyaW5nIiwibWV0cmljcyIsIl9pdGVtIiwiYXR0cmlidXRlIiwiY29uc3RydWN0b3IiLCJfc2tlbGV0b25BdHRyaWJ1dGUiLCJfb25JbWFnZUxvYWRlZCIsIl9za2VsZXRvbiIsIl9yZW5kZXJJbWFnZSIsIl9lbXB0eSIsIl9vblRhZ0NsaWNrIiwidGFnVmFsdWUiLCJldmVudCIsImRldGFpbCIsIl9yZW5kZXJMYWJlbHMiLCJjbGlja2FibGUiLCJsYWJlbHMiLCJsYWJlbCIsImJpbmQiLCJfcmVuZGVyU3RhdGVzIiwic3RhdGVzIiwic3RhdGUiLCJ2YWx1ZSIsIm1ham9yIiwibWlub3IiLCJfb25DbGlja1RvTWV0cmljcyIsIl9yZW5kZXJNZXRyaWNzV2l0aFJhdGluZyIsIl9yZW5kZXJJbmZvUmF0aW5nIiwicmF0aW5nIiwiY291bnQiLCJhdmVyYWdlIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxJQUFULFFBQXFCLEtBQXJCO0FBQ0EsU0FBU0MsTUFBVCxRQUF1Qix1QkFBdkI7QUFDQSxPQUFPLGtDQUFQO0FBQ0EsU0FBU0MsU0FBVCxFQUFvQkMsVUFBcEIsRUFBZ0NDLFNBQWhDLEVBQTJDQyxTQUEzQyxFQUFzREMscUJBQXRELFFBQW1GLGFBQW5GO0FB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QixPQURwQix3QkFDbUQsS0FBS3dCLGlCQUR4RCxNQUMrRSxLQUFLRSxpQkFBTCxFQUQvRSxpQkFBWDtBQUdELE9BSkQsTUFJTztBQUNMLGVBQU8sS0FBS0EsaUJBQUwsRUFBUDtBQUNEO0FBQ0Y7O0FBRURBLElBQUFBLGlCQUFpQixHQUFHO0FBQ2xCLFlBQU1DLE1BQU0sR0FBR3RDLFNBQVMsQ0FBQyxLQUFLWSxLQUFOLENBQXhCOztBQUNBLFVBQUkwQixNQUFNLElBQUlBLE1BQU0sQ0FBQ0MsS0FBckIsRUFBNEI7QUFDMUIsZUFBTzVDLElBQUksNkNBQWtDLEtBQUtzQixTQUF2QyxhQUE2RHFCLE1BQU0sQ0FBQ0UsT0FBcEUsYUFBd0ZGLE1BQU0sQ0FBQ0MsS0FBL0YsZ0JBQVg7QUFDRDs7QUFDRCxhQUFPLEVBQVA7QUFDRDs7QUF4RnFELEdBQXhEO0FBMEZEIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAxNSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcmVwZWF0IH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVwZWF0JztcbmltcG9ydCAnLi4vbW9sZWN1bGVzL2d2LWlkZW50aXR5LXBpY3R1cmUnO1xuaW1wb3J0IHsgZ2V0TGFiZWxzLCBnZXRQaWN0dXJlLCBnZXRTdGF0ZXMsIGdldFJhdGluZywgZ2V0UGljdHVyZURpc3BsYXlOYW1lIH0gZnJvbSAnLi4vbGliL2l0ZW0nO1xuaW1wb3J0IHsgd2l0aFNrZWxldG9uQXR0cmlidXRlIH0gZnJvbSAnLi93aXRoLXNrZWxldG9uLWF0dHJpYnV0ZSc7XG5cbi8qKlxuICogVGhpcyBpcyBhIG1peGluIGZvciBJdGVtUmVzb3VyY2VcbiAqIEBtaXhpbkZ1bmN0aW9uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBJdGVtUmVzb3VyY2UoUGFyZW50Q2xhc3MpIHtcbiAgLyoqXG4gICAqIEBtaXhpbkNsYXNzXG4gICAqL1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyB3aXRoU2tlbGV0b25BdHRyaWJ1dGUoUGFyZW50Q2xhc3MpIHtcbiAgICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5zdXBlci5wcm9wZXJ0aWVzLFxuICAgICAgICAvKiogQHJlcXVpcmVkICovXG4gICAgICAgIGl0ZW06IHsgdHlwZTogT2JqZWN0IH0sXG4gICAgICAgIGhyZWY6IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICAgIG1ldHJpY3M6IHsgdHlwZTogT2JqZWN0IH0sXG4gICAgICAgIF9pdGVtOiB7IHR5cGU6IE9iamVjdCwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgIHN1cGVyKCk7XG4gICAgICB0aGlzLl9za2VsZXRvbkF0dHJpYnV0ZSA9ICdpdGVtJztcbiAgICB9XG5cbiAgICBfb25JbWFnZUxvYWRlZCgpIHtcbiAgICAgIGlmICh0aGlzLl9pdGVtKSB7XG4gICAgICAgIHRoaXMuX3NrZWxldG9uID0gZmFsc2U7XG4gICAgICB9XG4gICAgfVxuXG4gICAgX3JlbmRlckltYWdlKCkge1xuICAgICAgaWYgKHRoaXMuX2l0ZW0gJiYgIXRoaXMuX2VtcHR5KSB7XG4gICAgICAgIHJldHVybiBodG1sYDxndi1pZGVudGl0eS1waWN0dXJlXG4gICAgICAgICAgLnNrZWxldG9uPVwiJHt0aGlzLl9za2VsZXRvbn1cIlxuICAgICAgICAgIC5kaXNwbGF5X25hbWU9XCIke2dldFBpY3R1cmVEaXNwbGF5TmFtZSh0aGlzLl9pdGVtKX1cIlxuICAgICAgICAgIC5waWN0dXJlPVwiJHtnZXRQaWN0dXJlKHRoaXMuX2l0ZW0pfVwiXG4gICAgICAgICAgQGxvYWQ9XCIke3RoaXMuX29uSW1hZ2VMb2FkZWR9XCJcbiAgICAgICAgPjwvZ3YtaWRlbnRpdHktcGljdHVyZT5gO1xuICAgICAgfVxuICAgICAgcmV0dXJuICcnO1xuICAgIH1cblxuICAgIF9vblRhZ0NsaWNrKHRhZ1ZhbHVlLCBldmVudCkge1xuICAgICAgZXZlbnQuZGV0YWlsLnRhZ1ZhbHVlID0gdGFnVmFsdWU7XG4gICAgfVxuXG4gICAgX3JlbmRlckxhYmVscyhjbGlja2FibGUpIHtcbiAgICAgIGNvbnN0IGxhYmVscyA9IGdldExhYmVscyh0aGlzLl9pdGVtKTtcbiAgICAgIGlmIChsYWJlbHMpIHtcbiAgICAgICAgcmV0dXJuIHJlcGVhdChcbiAgICAgICAgICBsYWJlbHMsXG4gICAgICAgICAgKGxhYmVsKSA9PiBsYWJlbCxcbiAgICAgICAgICAobGFiZWwpID0+XG4gICAgICAgICAgICBodG1sYDxndi10YWcgP2NsaWNrYWJsZT1cIiR7Y2xpY2thYmxlfVwiIEBndi10YWc6Y2xpY2s9XCIke3RoaXMuX29uVGFnQ2xpY2suYmluZCh0aGlzLCBsYWJlbCl9XCIgP3NrZWxldG9uPVwiJHt0aGlzLl9za2VsZXRvbn1cIiBtYWpvclxuICAgICAgICAgICAgICA+JHtsYWJlbH08L2d2LXRhZ1xuICAgICAgICAgICAgPmAsXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuXG4gICAgX3JlbmRlclN0YXRlcygpIHtcbiAgICAgIGNvbnN0IHN0YXRlcyA9IGdldFN0YXRlcyh0aGlzLl9pdGVtKTtcbiAgICAgIGlmIChzdGF0ZXMpIHtcbiAgICAgICAgcmV0dXJuIHJlcGVhdChcbiAgICAgICAgICBzdGF0ZXMsXG4gICAgICAgICAgKHN0YXRlKSA9PiBzdGF0ZSxcbiAgICAgICAgICAoeyB2YWx1ZSwgbWFqb3IsIG1pbm9yIH0pID0+IGh0bWxgXG4gICAgICAgICAgICA8Z3Ytc3RhdGUgP3NrZWxldG9uPVwiJHt0aGlzLl9za2VsZXRvbn1cIiA/bWFqb3I9XCIke21ham9yID09PSB0cnVlfVwiID9taW5vcj1cIiR7bWlub3IgPT09IHRydWV9XCI+JHt2YWx1ZX08L2d2LXN0YXRlPlxuICAgICAgICAgIGAsXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuXG4gICAgX29uQ2xpY2tUb01ldHJpY3MoZXZlbnQpIHtcbiAgICAgIGV2ZW50LmRldGFpbC5pdGVtID0gdGhpcy5faXRlbTtcbiAgICB9XG5cbiAgICBfcmVuZGVyTWV0cmljc1dpdGhSYXRpbmcoKSB7XG4gICAgICBpZiAodGhpcy5tZXRyaWNzKSB7XG4gICAgICAgIHJldHVybiBodG1sYFxuICAgICAgICAgIDxndi1tZXRyaWNzIC5tZXRyaWNzPVwiJHt0aGlzLm1ldHJpY3N9XCIgQGd2LW1ldHJpY3M6Y2xpY2s9XCIke3RoaXMuX29uQ2xpY2tUb01ldHJpY3N9XCI+ICR7dGhpcy5fcmVuZGVySW5mb1JhdGluZygpfSA8L2d2LW1ldHJpY3M+XG4gICAgICAgIGA7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gdGhpcy5fcmVuZGVySW5mb1JhdGluZygpO1xuICAgICAgfVxuICAgIH1cblxuICAgIF9yZW5kZXJJbmZvUmF0aW5nKCkge1xuICAgICAgY29uc3QgcmF0aW5nID0gZ2V0UmF0aW5nKHRoaXMuX2l0ZW0pO1xuICAgICAgaWYgKHJhdGluZyAmJiByYXRpbmcuY291bnQpIHtcbiAgICAgICAgcmV0dXJuIGh0bWxgPGd2LXJhdGluZyByZWFkb25seSAuc2tlbGV0b249XCIke3RoaXMuX3NrZWxldG9ufVwiIC52YWx1ZT1cIiR7cmF0aW5nLmF2ZXJhZ2V9XCIgLmNvdW50PVwiJHtyYXRpbmcuY291bnR9XCI+PC9ndi1yYXRpbmc+YDtcbiAgICAgIH1cbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gIH07XG59XG4iXX0=
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.ItemResource=void 0;const e=require("lit"),t=require("lit/directives/repeat");require("../molecules/gv-identity-picture");const i=require("../lib/item"),r=require("./with-skeleton-attribute");exports.ItemResource=function(s){return class extends((0,r.withSkeletonAttribute)(s)){static get properties(){return{...super.properties,item:{type:Object},href:{type:String},metrics:{type:Object},_item:{type:Object,attribute:!1}}}constructor(){super(),this._skeletonAttribute="item"}_onImageLoaded(){this._item&&(this._skeleton=!1)}_renderImage(){return this._item&&!this._empty?e.html`<gv-identity-picture .skeleton="${this._skeleton}" .display_name="${(0,i.getPictureDisplayName)(this._item)}" .picture="${(0,i.getPicture)(this._item)}" @load="${this._onImageLoaded}"></gv-identity-picture>`:""}_onTagClick(e,t){t.detail.tagValue=e}_renderLabels(r){const s=(0,i.getLabels)(this._item);return s?(0,t.repeat)(s,(e=>e),(t=>e.html`<gv-tag ?clickable="${r}" @gv-tag:click="${this._onTagClick.bind(this,t)}" ?skeleton="${this._skeleton}" major>${t}</gv-tag>`)):""}_renderStates(){const r=(0,i.getStates)(this._item);return r?(0,t.repeat)(r,(e=>e),(({value:t,major:i,minor:r})=>e.html`<gv-state ?skeleton="${this._skeleton}" ?major="${!0===i}" ?minor="${!0===r}">${t}</gv-state>`)):""}_onClickToMetrics(e){e.detail.item=this._item}_renderMetricsWithRating(){return this.metrics?e.html`<gv-metrics .metrics="${this.metrics}" @gv-metrics:click="${this._onClickToMetrics}">${this._renderInfoRating()}</gv-metrics>`:this._renderInfoRating()}_renderInfoRating(){const t=(0,i.getRating)(this._item);return t&&t.count?e.html`<gv-rating readonly="readonly" .skeleton="${this._skeleton}" .value="${t.average}" .count="${t.count}"></gv-rating>`:""}}};
|
|
@@ -1,70 +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
|
-
export const KEYS = {
|
|
17
|
-
ArrowDown: '40',
|
|
18
|
-
ArrowLeft: '37',
|
|
19
|
-
ArrowRight: '39',
|
|
20
|
-
ArrowUp: '38',
|
|
21
|
-
Ctrl: '17',
|
|
22
|
-
Esc: '27',
|
|
23
|
-
Shift: '16',
|
|
24
|
-
Space: '32'
|
|
25
|
-
};
|
|
26
|
-
export function KeyboardElement(ParentClass) {
|
|
27
|
-
/**
|
|
28
|
-
* @mixinClass
|
|
29
|
-
*/
|
|
30
|
-
return class extends ParentClass {
|
|
31
|
-
constructor() {
|
|
32
|
-
super();
|
|
33
|
-
this._controller = {};
|
|
34
|
-
this._handleKeyDown = this._onKeyDown.bind(this);
|
|
35
|
-
this._handleKeyUp = this._onKeyUp.bind(this);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
connectedCallback() {
|
|
39
|
-
super.connectedCallback();
|
|
40
|
-
window.addEventListener('keydown', this._handleKeyDown);
|
|
41
|
-
window.addEventListener('keyup', this._handleKeyUp);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
disconnectedCallback() {
|
|
45
|
-
window.removeEventListener('keydown', this._handleKeyDown);
|
|
46
|
-
window.removeEventListener('keyup', this._handleKeyUp);
|
|
47
|
-
super.disconnectedCallback();
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
_onKeyDown(e) {
|
|
51
|
-
this._controller[e.keyCode] = true;
|
|
52
|
-
this.onKeyboard(this._controller);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
_onKeyUp(e) {
|
|
56
|
-
if (this._controller[e.keyCode]) {
|
|
57
|
-
this._controller[e.keyCode] = null;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
isPressed(...keys) {
|
|
62
|
-
return keys.find(key => this._controller[key] == null) == null;
|
|
63
|
-
} // abstract
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
onKeyboard(controller) {}
|
|
67
|
-
|
|
68
|
-
};
|
|
69
|
-
}
|
|
70
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy9rZXlib2FyZC1lbGVtZW50LmpzIl0sIm5hbWVzIjpbIktFWVMiLCJBcnJvd0Rvd24iLCJBcnJvd0xlZnQiLCJBcnJvd1JpZ2h0IiwiQXJyb3dVcCIsIkN0cmwiLCJFc2MiLCJTaGlmdCIsIlNwYWNlIiwiS2V5Ym9hcmRFbGVtZW50IiwiUGFyZW50Q2xhc3MiLCJjb25zdHJ1Y3RvciIsIl9jb250cm9sbGVyIiwiX2hhbmRsZUtleURvd24iLCJfb25LZXlEb3duIiwiYmluZCIsIl9oYW5kbGVLZXlVcCIsIl9vbktleVVwIiwiY29ubmVjdGVkQ2FsbGJhY2siLCJ3aW5kb3ciLCJhZGRFdmVudExpc3RlbmVyIiwiZGlzY29ubmVjdGVkQ2FsbGJhY2siLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiZSIsImtleUNvZGUiLCJvbktleWJvYXJkIiwiaXNQcmVzc2VkIiwia2V5cyIsImZpbmQiLCJrZXkiLCJjb250cm9sbGVyIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLE1BQU1BLElBQUksR0FBRztBQUNsQkMsRUFBQUEsU0FBUyxFQUFFLElBRE87QUFFbEJDLEVBQUFBLFNBQVMsRUFBRSxJQUZPO0FBR2xCQyxFQUFBQSxVQUFVLEVBQUUsSUFITTtBQUlsQkMsRUFBQUEsT0FBTyxFQUFFLElBSlM7QUFLbEJDLEVBQUFBLElBQUksRUFBRSxJQUxZO0FBTWxCQyxFQUFBQSxHQUFHLEVBQUUsSUFOYTtBQU9sQkMsRUFBQUEsS0FBSyxFQUFFLElBUFc7QUFRbEJDLEVBQUFBLEtBQUssRUFBRTtBQVJXLENBQWI7QUFXUCxPQUFPLFNBQVNDLGVBQVQsQ0FBeUJDLFdBQXpCLEVBQXNDO0FBQzNDO0FBQ0Y7QUFDQTtBQUNFLFNBQU8sY0FBY0EsV0FBZCxDQUEwQjtBQUMvQkMsSUFBQUEsV0FBVyxHQUFHO0FBQ1o7QUFDQSxXQUFLQyxXQUFMLEdBQW1CLEVBQW5CO0FBQ0EsV0FBS0MsY0FBTCxHQUFzQixLQUFLQyxVQUFMLENBQWdCQyxJQUFoQixDQUFxQixJQUFyQixDQUF0QjtBQUNBLFdBQUtDLFlBQUwsR0FBb0IsS0FBS0MsUUFBTCxDQUFjRixJQUFkLENBQW1CLElBQW5CLENBQXBCO0FBQ0Q7O0FBRURHLElBQUFBLGlCQUFpQixHQUFHO0FBQ2xCLFlBQU1BLGlCQUFOO0FBQ0FDLE1BQUFBLE1BQU0sQ0FBQ0MsZ0JBQVAsQ0FBd0IsU0FBeEIsRUFBbUMsS0FBS1AsY0FBeEM7QUFDQU0sTUFBQUEsTUFBTSxDQUFDQyxnQkFBUCxDQUF3QixPQUF4QixFQUFpQyxLQUFLSixZQUF0QztBQUNEOztBQUVESyxJQUFBQSxvQkFBb0IsR0FBRztBQUNyQkYsTUFBQUEsTUFBTSxDQUFDRyxtQkFBUCxDQUEyQixTQUEzQixFQUFzQyxLQUFLVCxjQUEzQztBQUNBTSxNQUFBQSxNQUFNLENBQUNHLG1CQUFQLENBQTJCLE9BQTNCLEVBQW9DLEtBQUtOLFlBQXpDO0FBQ0EsWUFBTUssb0JBQU47QUFDRDs7QUFFRFAsSUFBQUEsVUFBVSxDQUFDUyxDQUFELEVBQUk7QUFDWixXQUFLWCxXQUFMLENBQWlCVyxDQUFDLENBQUNDLE9BQW5CLElBQThCLElBQTlCO0FBQ0EsV0FBS0MsVUFBTCxDQUFnQixLQUFLYixXQUFyQjtBQUNEOztBQUVESyxJQUFBQSxRQUFRLENBQUNNLENBQUQsRUFBSTtBQUNWLFVBQUksS0FBS1gsV0FBTCxDQUFpQlcsQ0FBQyxDQUFDQyxPQUFuQixDQUFKLEVBQWlDO0FBQy9CLGFBQUtaLFdBQUwsQ0FBaUJXLENBQUMsQ0FBQ0MsT0FBbkIsSUFBOEIsSUFBOUI7QUFDRDtBQUNGOztBQUVERSxJQUFBQSxTQUFTLENBQUMsR0FBR0MsSUFBSixFQUFVO0FBQ2pCLGFBQU9BLElBQUksQ0FBQ0MsSUFBTCxDQUFXQyxHQUFELElBQVMsS0FBS2pCLFdBQUwsQ0FBaUJpQixHQUFqQixLQUF5QixJQUE1QyxLQUFxRCxJQUE1RDtBQUNELEtBakM4QixDQW1DL0I7OztBQUNBSixJQUFBQSxVQUFVLENBQUNLLFVBQUQsRUFBYSxDQUFFOztBQXBDTSxHQUFqQztBQXNDRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5leHBvcnQgY29uc3QgS0VZUyA9IHtcbiAgQXJyb3dEb3duOiAnNDAnLFxuICBBcnJvd0xlZnQ6ICczNycsXG4gIEFycm93UmlnaHQ6ICczOScsXG4gIEFycm93VXA6ICczOCcsXG4gIEN0cmw6ICcxNycsXG4gIEVzYzogJzI3JyxcbiAgU2hpZnQ6ICcxNicsXG4gIFNwYWNlOiAnMzInLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEtleWJvYXJkRWxlbWVudChQYXJlbnRDbGFzcykge1xuICAvKipcbiAgICogQG1peGluQ2xhc3NcbiAgICovXG4gIHJldHVybiBjbGFzcyBleHRlbmRzIFBhcmVudENsYXNzIHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgIHN1cGVyKCk7XG4gICAgICB0aGlzLl9jb250cm9sbGVyID0ge307XG4gICAgICB0aGlzLl9oYW5kbGVLZXlEb3duID0gdGhpcy5fb25LZXlEb3duLmJpbmQodGhpcyk7XG4gICAgICB0aGlzLl9oYW5kbGVLZXlVcCA9IHRoaXMuX29uS2V5VXAuYmluZCh0aGlzKTtcbiAgICB9XG5cbiAgICBjb25uZWN0ZWRDYWxsYmFjaygpIHtcbiAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIHRoaXMuX2hhbmRsZUtleURvd24pO1xuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgdGhpcy5faGFuZGxlS2V5VXApO1xuICAgIH1cblxuICAgIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLl9oYW5kbGVLZXlEb3duKTtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXl1cCcsIHRoaXMuX2hhbmRsZUtleVVwKTtcbiAgICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgfVxuXG4gICAgX29uS2V5RG93bihlKSB7XG4gICAgICB0aGlzLl9jb250cm9sbGVyW2Uua2V5Q29kZV0gPSB0cnVlO1xuICAgICAgdGhpcy5vbktleWJvYXJkKHRoaXMuX2NvbnRyb2xsZXIpO1xuICAgIH1cblxuICAgIF9vbktleVVwKGUpIHtcbiAgICAgIGlmICh0aGlzLl9jb250cm9sbGVyW2Uua2V5Q29kZV0pIHtcbiAgICAgICAgdGhpcy5fY29udHJvbGxlcltlLmtleUNvZGVdID0gbnVsbDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpc1ByZXNzZWQoLi4ua2V5cykge1xuICAgICAgcmV0dXJuIGtleXMuZmluZCgoa2V5KSA9PiB0aGlzLl9jb250cm9sbGVyW2tleV0gPT0gbnVsbCkgPT0gbnVsbDtcbiAgICB9XG5cbiAgICAvLyBhYnN0cmFjdFxuICAgIG9uS2V5Ym9hcmQoY29udHJvbGxlcikge31cbiAgfTtcbn1cbiJdfQ==
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeyboardElement=exports.KEYS=void 0,exports.KEYS={ArrowDown:"40",ArrowLeft:"37",ArrowRight:"39",ArrowUp:"38",Ctrl:"17",Esc:"27",Shift:"16",Space:"32"},exports.KeyboardElement=function(e){return class extends e{constructor(){super(),this._controller={},this._handleKeyDown=this._onKeyDown.bind(this),this._handleKeyUp=this._onKeyUp.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._handleKeyDown),window.addEventListener("keyup",this._handleKeyUp)}disconnectedCallback(){window.removeEventListener("keydown",this._handleKeyDown),window.removeEventListener("keyup",this._handleKeyUp),super.disconnectedCallback()}_onKeyDown(e){this._controller[e.keyCode]=!0,this.onKeyboard(this._controller)}_onKeyUp(e){this._controller[e.keyCode]&&(this._controller[e.keyCode]=null)}isPressed(...e){return null==e.find((e=>null==this._controller[e]))}onKeyboard(e){}}};
|
|
@@ -1,33 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Copyright (C) 2021 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
|
-
|
|
17
|
-
/**
|
|
18
|
-
* This is a mixin for update component after browser
|
|
19
|
-
* @mixinFunction
|
|
20
|
-
*/
|
|
21
|
-
export function UpdateAfterBrowser(ParentClass) {
|
|
22
|
-
/**
|
|
23
|
-
* @mixinClass
|
|
24
|
-
*/
|
|
25
|
-
return class extends ParentClass {
|
|
26
|
-
async performUpdate() {
|
|
27
|
-
await new Promise(resolve => requestAnimationFrame(() => resolve()));
|
|
28
|
-
super.performUpdate();
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy91cGRhdGUtYWZ0ZXItYnJvd3Nlci5qcyJdLCJuYW1lcyI6WyJVcGRhdGVBZnRlckJyb3dzZXIiLCJQYXJlbnRDbGFzcyIsInBlcmZvcm1VcGRhdGUiLCJQcm9taXNlIiwicmVzb2x2ZSIsInJlcXVlc3RBbmltYXRpb25GcmFtZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFTQSxrQkFBVCxDQUE0QkMsV0FBNUIsRUFBeUM7QUFDOUM7QUFDRjtBQUNBO0FBQ0UsU0FBTyxjQUFjQSxXQUFkLENBQTBCO0FBQ1osVUFBYkMsYUFBYSxHQUFHO0FBQ3BCLFlBQU0sSUFBSUMsT0FBSixDQUFhQyxPQUFELElBQWFDLHFCQUFxQixDQUFDLE1BQU1ELE9BQU8sRUFBZCxDQUE5QyxDQUFOO0FBQ0EsWUFBTUYsYUFBTjtBQUNEOztBQUo4QixHQUFqQztBQU1EIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAyMSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKlxuICogVGhpcyBpcyBhIG1peGluIGZvciB1cGRhdGUgY29tcG9uZW50IGFmdGVyIGJyb3dzZXJcbiAqIEBtaXhpbkZ1bmN0aW9uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBVcGRhdGVBZnRlckJyb3dzZXIoUGFyZW50Q2xhc3MpIHtcbiAgLyoqXG4gICAqIEBtaXhpbkNsYXNzXG4gICAqL1xuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBQYXJlbnRDbGFzcyB7XG4gICAgYXN5bmMgcGVyZm9ybVVwZGF0ZSgpIHtcbiAgICAgIGF3YWl0IG5ldyBQcm9taXNlKChyZXNvbHZlKSA9PiByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gcmVzb2x2ZSgpKSk7XG4gICAgICBzdXBlci5wZXJmb3JtVXBkYXRlKCk7XG4gICAgfVxuICB9O1xufVxuIl19
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.UpdateAfterBrowser=void 0,exports.UpdateAfterBrowser=function(e){return class extends e{async performUpdate(){await new Promise((e=>requestAnimationFrame((()=>e())))),super.performUpdate()}}};
|
|
@@ -1,78 +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
|
-
export function withResizeObserver(ParentClass) {
|
|
17
|
-
// Load native impl or polyfill (without poluting global scope)
|
|
18
|
-
const ResizeObserverPromise = 'ResizeObserver' in window ? Promise.resolve(window.ResizeObserver) : import('resize-observer-polyfill/dist/ResizeObserver.es.js').then(mod => mod.default);
|
|
19
|
-
return class extends ParentClass {
|
|
20
|
-
_onResize({
|
|
21
|
-
width
|
|
22
|
-
}) {
|
|
23
|
-
if (this.onResize != null) {
|
|
24
|
-
this.onResize({
|
|
25
|
-
width
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
if (this.breakpoints != null) {
|
|
30
|
-
this.breakpoints.width.forEach(breakpoint => {
|
|
31
|
-
const gteAttr = 'w-gte-' + breakpoint;
|
|
32
|
-
breakpoint <= width ? this.setAttribute(gteAttr, '') : this.removeAttribute(gteAttr);
|
|
33
|
-
const ltAttr = 'w-lt-' + breakpoint;
|
|
34
|
-
width < breakpoint ? this.setAttribute(ltAttr, '') : this.removeAttribute(ltAttr);
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
async connectedCallback() {
|
|
40
|
-
if (super.connectedCallback != null) {
|
|
41
|
-
super.connectedCallback();
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
const ResizeObserver = await ResizeObserverPromise;
|
|
45
|
-
const ro = new ResizeObserver(entries => {
|
|
46
|
-
// We wrap it in requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
|
|
47
|
-
window.requestAnimationFrame(() => {
|
|
48
|
-
if (!Array.isArray(entries) || !entries.length) {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
const {
|
|
53
|
-
width
|
|
54
|
-
} = this.getBoundingClientRect();
|
|
55
|
-
|
|
56
|
-
this._onResize({
|
|
57
|
-
width
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
ro.observe(this);
|
|
62
|
-
|
|
63
|
-
this._unobserveResize = () => ro.unobserve(this);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
disconnectedCallback() {
|
|
67
|
-
if (super.connectedCallback != null) {
|
|
68
|
-
super.disconnectedCallback();
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
if (this._unobserveResize) {
|
|
72
|
-
this._unobserveResize();
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy93aXRoLXJlc2l6ZS1vYnNlcnZlci5qcyJdLCJuYW1lcyI6WyJ3aXRoUmVzaXplT2JzZXJ2ZXIiLCJQYXJlbnRDbGFzcyIsIlJlc2l6ZU9ic2VydmVyUHJvbWlzZSIsIndpbmRvdyIsIlByb21pc2UiLCJyZXNvbHZlIiwiUmVzaXplT2JzZXJ2ZXIiLCJ0aGVuIiwibW9kIiwiZGVmYXVsdCIsIl9vblJlc2l6ZSIsIndpZHRoIiwib25SZXNpemUiLCJicmVha3BvaW50cyIsImZvckVhY2giLCJicmVha3BvaW50IiwiZ3RlQXR0ciIsInNldEF0dHJpYnV0ZSIsInJlbW92ZUF0dHJpYnV0ZSIsImx0QXR0ciIsImNvbm5lY3RlZENhbGxiYWNrIiwicm8iLCJlbnRyaWVzIiwicmVxdWVzdEFuaW1hdGlvbkZyYW1lIiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0Iiwib2JzZXJ2ZSIsIl91bm9ic2VydmVSZXNpemUiLCJ1bm9ic2VydmUiLCJkaXNjb25uZWN0ZWRDYWxsYmFjayJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxTQUFTQSxrQkFBVCxDQUE0QkMsV0FBNUIsRUFBeUM7QUFDOUM7QUFDQSxRQUFNQyxxQkFBcUIsR0FDekIsb0JBQW9CQyxNQUFwQixHQUNJQyxPQUFPLENBQUNDLE9BQVIsQ0FBZ0JGLE1BQU0sQ0FBQ0csY0FBdkIsQ0FESixHQUVJLE9BQU8sb0RBQVAsRUFBNkRDLElBQTdELENBQW1FQyxHQUFELElBQVNBLEdBQUcsQ0FBQ0MsT0FBL0UsQ0FITjtBQUtBLFNBQU8sY0FBY1IsV0FBZCxDQUEwQjtBQUMvQlMsSUFBQUEsU0FBUyxDQUFDO0FBQUVDLE1BQUFBO0FBQUYsS0FBRCxFQUFZO0FBQ25CLFVBQUksS0FBS0MsUUFBTCxJQUFpQixJQUFyQixFQUEyQjtBQUN6QixhQUFLQSxRQUFMLENBQWM7QUFBRUQsVUFBQUE7QUFBRixTQUFkO0FBQ0Q7O0FBQ0QsVUFBSSxLQUFLRSxXQUFMLElBQW9CLElBQXhCLEVBQThCO0FBQzVCLGFBQUtBLFdBQUwsQ0FBaUJGLEtBQWpCLENBQXVCRyxPQUF2QixDQUFnQ0MsVUFBRCxJQUFnQjtBQUM3QyxnQkFBTUMsT0FBTyxHQUFHLFdBQVdELFVBQTNCO0FBQ0FBLFVBQUFBLFVBQVUsSUFBSUosS0FBZCxHQUFzQixLQUFLTSxZQUFMLENBQWtCRCxPQUFsQixFQUEyQixFQUEzQixDQUF0QixHQUF1RCxLQUFLRSxlQUFMLENBQXFCRixPQUFyQixDQUF2RDtBQUVBLGdCQUFNRyxNQUFNLEdBQUcsVUFBVUosVUFBekI7QUFDQUosVUFBQUEsS0FBSyxHQUFHSSxVQUFSLEdBQXFCLEtBQUtFLFlBQUwsQ0FBa0JFLE1BQWxCLEVBQTBCLEVBQTFCLENBQXJCLEdBQXFELEtBQUtELGVBQUwsQ0FBcUJDLE1BQXJCLENBQXJEO0FBQ0QsU0FORDtBQU9EO0FBQ0Y7O0FBRXNCLFVBQWpCQyxpQkFBaUIsR0FBRztBQUN4QixVQUFJLE1BQU1BLGlCQUFOLElBQTJCLElBQS9CLEVBQXFDO0FBQ25DLGNBQU1BLGlCQUFOO0FBQ0Q7O0FBQ0QsWUFBTWQsY0FBYyxHQUFHLE1BQU1KLHFCQUE3QjtBQUNBLFlBQU1tQixFQUFFLEdBQUcsSUFBSWYsY0FBSixDQUFvQmdCLE9BQUQsSUFBYTtBQUN6QztBQUNBbkIsUUFBQUEsTUFBTSxDQUFDb0IscUJBQVAsQ0FBNkIsTUFBTTtBQUNqQyxjQUFJLENBQUNDLEtBQUssQ0FBQ0MsT0FBTixDQUFjSCxPQUFkLENBQUQsSUFBMkIsQ0FBQ0EsT0FBTyxDQUFDSSxNQUF4QyxFQUFnRDtBQUM5QztBQUNEOztBQUNELGdCQUFNO0FBQUVmLFlBQUFBO0FBQUYsY0FBWSxLQUFLZ0IscUJBQUwsRUFBbEI7O0FBQ0EsZUFBS2pCLFNBQUwsQ0FBZTtBQUFFQyxZQUFBQTtBQUFGLFdBQWY7QUFDRCxTQU5EO0FBT0QsT0FUVSxDQUFYO0FBV0FVLE1BQUFBLEVBQUUsQ0FBQ08sT0FBSCxDQUFXLElBQVg7O0FBQ0EsV0FBS0MsZ0JBQUwsR0FBd0IsTUFBTVIsRUFBRSxDQUFDUyxTQUFILENBQWEsSUFBYixDQUE5QjtBQUNEOztBQUVEQyxJQUFBQSxvQkFBb0IsR0FBRztBQUNyQixVQUFJLE1BQU1YLGlCQUFOLElBQTJCLElBQS9CLEVBQXFDO0FBQ25DLGNBQU1XLG9CQUFOO0FBQ0Q7O0FBQ0QsVUFBSSxLQUFLRixnQkFBVCxFQUEyQjtBQUN6QixhQUFLQSxnQkFBTDtBQUNEO0FBQ0Y7O0FBM0M4QixHQUFqQztBQTZDRCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5leHBvcnQgZnVuY3Rpb24gd2l0aFJlc2l6ZU9ic2VydmVyKFBhcmVudENsYXNzKSB7XG4gIC8vIExvYWQgbmF0aXZlIGltcGwgb3IgcG9seWZpbGwgKHdpdGhvdXQgcG9sdXRpbmcgZ2xvYmFsIHNjb3BlKVxuICBjb25zdCBSZXNpemVPYnNlcnZlclByb21pc2UgPVxuICAgICdSZXNpemVPYnNlcnZlcicgaW4gd2luZG93XG4gICAgICA/IFByb21pc2UucmVzb2x2ZSh3aW5kb3cuUmVzaXplT2JzZXJ2ZXIpXG4gICAgICA6IGltcG9ydCgncmVzaXplLW9ic2VydmVyLXBvbHlmaWxsL2Rpc3QvUmVzaXplT2JzZXJ2ZXIuZXMuanMnKS50aGVuKChtb2QpID0+IG1vZC5kZWZhdWx0KTtcblxuICByZXR1cm4gY2xhc3MgZXh0ZW5kcyBQYXJlbnRDbGFzcyB7XG4gICAgX29uUmVzaXplKHsgd2lkdGggfSkge1xuICAgICAgaWYgKHRoaXMub25SZXNpemUgIT0gbnVsbCkge1xuICAgICAgICB0aGlzLm9uUmVzaXplKHsgd2lkdGggfSk7XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5icmVha3BvaW50cyAhPSBudWxsKSB7XG4gICAgICAgIHRoaXMuYnJlYWtwb2ludHMud2lkdGguZm9yRWFjaCgoYnJlYWtwb2ludCkgPT4ge1xuICAgICAgICAgIGNvbnN0IGd0ZUF0dHIgPSAndy1ndGUtJyArIGJyZWFrcG9pbnQ7XG4gICAgICAgICAgYnJlYWtwb2ludCA8PSB3aWR0aCA/IHRoaXMuc2V0QXR0cmlidXRlKGd0ZUF0dHIsICcnKSA6IHRoaXMucmVtb3ZlQXR0cmlidXRlKGd0ZUF0dHIpO1xuXG4gICAgICAgICAgY29uc3QgbHRBdHRyID0gJ3ctbHQtJyArIGJyZWFrcG9pbnQ7XG4gICAgICAgICAgd2lkdGggPCBicmVha3BvaW50ID8gdGhpcy5zZXRBdHRyaWJ1dGUobHRBdHRyLCAnJykgOiB0aGlzLnJlbW92ZUF0dHJpYnV0ZShsdEF0dHIpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBhc3luYyBjb25uZWN0ZWRDYWxsYmFjaygpIHtcbiAgICAgIGlmIChzdXBlci5jb25uZWN0ZWRDYWxsYmFjayAhPSBudWxsKSB7XG4gICAgICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgICB9XG4gICAgICBjb25zdCBSZXNpemVPYnNlcnZlciA9IGF3YWl0IFJlc2l6ZU9ic2VydmVyUHJvbWlzZTtcbiAgICAgIGNvbnN0IHJvID0gbmV3IFJlc2l6ZU9ic2VydmVyKChlbnRyaWVzKSA9PiB7XG4gICAgICAgIC8vIFdlIHdyYXAgaXQgaW4gcmVxdWVzdEFuaW1hdGlvbkZyYW1lIHRvIGF2b2lkIHRoaXMgZXJyb3IgLSBSZXNpemVPYnNlcnZlciBsb29wIGxpbWl0IGV4Y2VlZGVkXG4gICAgICAgIHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgICAgIGlmICghQXJyYXkuaXNBcnJheShlbnRyaWVzKSB8fCAhZW50cmllcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG4gICAgICAgICAgY29uc3QgeyB3aWR0aCB9ID0gdGhpcy5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICB0aGlzLl9vblJlc2l6ZSh7IHdpZHRoIH0pO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuXG4gICAgICByby5vYnNlcnZlKHRoaXMpO1xuICAgICAgdGhpcy5fdW5vYnNlcnZlUmVzaXplID0gKCkgPT4gcm8udW5vYnNlcnZlKHRoaXMpO1xuICAgIH1cblxuICAgIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgICAgaWYgKHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrICE9IG51bGwpIHtcbiAgICAgICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLl91bm9ic2VydmVSZXNpemUpIHtcbiAgICAgICAgdGhpcy5fdW5vYnNlcnZlUmVzaXplKCk7XG4gICAgICB9XG4gICAgfVxuICB9O1xufVxuIl19
|
|
1
|
+
var e=Object.create?function(e,t,i,n){void 0===n&&(n=i),Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[i]}})}:function(e,t,i,n){void 0===n&&(n=i),e[n]=t[i]},t=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},i=function(i){if(i&&i.__esModule)return i;var n={};if(null!=i)for(var r in i)"default"!==r&&Object.prototype.hasOwnProperty.call(i,r)&&e(n,i,r);return t(n,i),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.withResizeObserver=void 0,exports.withResizeObserver=function(e){const t="ResizeObserver"in window?Promise.resolve(window.ResizeObserver):Promise.resolve().then((()=>i(require("resize-observer-polyfill/dist/ResizeObserver.es.js")))).then((e=>e.default));return class extends e{_onResize({width:e}){null!=this.onResize&&this.onResize({width:e}),null!=this.breakpoints&&this.breakpoints.width.forEach((t=>{const i="w-gte-"+t;t<=e?this.setAttribute(i,""):this.removeAttribute(i);const n="w-lt-"+t;e<t?this.setAttribute(n,""):this.removeAttribute(n)}))}async connectedCallback(){null!=super.connectedCallback&&super.connectedCallback();const e=new(await t)((e=>{window.requestAnimationFrame((()=>{if(!Array.isArray(e)||!e.length)return;const{width:t}=this.getBoundingClientRect();this._onResize({width:t})}))}));e.observe(this),this._unobserveResize=()=>e.unobserve(this)}disconnectedCallback(){null!=super.connectedCallback&&super.disconnectedCallback(),this._unobserveResize&&this._unobserveResize()}}};
|
|
@@ -1,118 +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 } from 'lit';
|
|
17
|
-
import { skeleton } from '../styles/skeleton';
|
|
18
|
-
import { empty } from '../styles/empty';
|
|
19
|
-
const timeBeforeSkeleton = 500;
|
|
20
|
-
const minimumTimeOfSkeleton = 1000;
|
|
21
|
-
/**
|
|
22
|
-
* This is a mixin for withSkeletonStates
|
|
23
|
-
* @mixinFunction
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
export function withSkeletonAttribute(ParentClass) {
|
|
27
|
-
/**
|
|
28
|
-
* @mixinClass
|
|
29
|
-
*/
|
|
30
|
-
return class extends ParentClass {
|
|
31
|
-
static get properties() {
|
|
32
|
-
return {
|
|
33
|
-
/** @required */
|
|
34
|
-
_invisible: {
|
|
35
|
-
type: Boolean,
|
|
36
|
-
reflect: true
|
|
37
|
-
},
|
|
38
|
-
_skeleton: {
|
|
39
|
-
type: Boolean,
|
|
40
|
-
attribute: false
|
|
41
|
-
},
|
|
42
|
-
_error: {
|
|
43
|
-
type: Boolean,
|
|
44
|
-
attribute: false
|
|
45
|
-
},
|
|
46
|
-
_empty: {
|
|
47
|
-
type: Boolean,
|
|
48
|
-
attribute: false
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
static get styles() {
|
|
54
|
-
return [skeleton, empty, // language=CSS
|
|
55
|
-
css`:host([_invisible]){visibility:hidden}`];
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
constructor() {
|
|
59
|
-
super();
|
|
60
|
-
this._invisible = true;
|
|
61
|
-
this._skeleton = false;
|
|
62
|
-
this._error = false;
|
|
63
|
-
this._empty = false;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
updated(changedProperties) {
|
|
67
|
-
if (this._skeletonAttribute != null && changedProperties.has(this._skeletonAttribute)) {
|
|
68
|
-
this._error = false;
|
|
69
|
-
this._empty = false;
|
|
70
|
-
const start = new Date().getTime();
|
|
71
|
-
let end = null;
|
|
72
|
-
const timer = setTimeout(() => {
|
|
73
|
-
this._invisible = false;
|
|
74
|
-
this._skeleton = true;
|
|
75
|
-
end = new Date().getTime();
|
|
76
|
-
}, timeBeforeSkeleton);
|
|
77
|
-
const attribute = this[this._skeletonAttribute];
|
|
78
|
-
Promise.resolve(attribute).then(value => {
|
|
79
|
-
clearTimeout(timer);
|
|
80
|
-
|
|
81
|
-
if (end && end - start < minimumTimeOfSkeleton) {
|
|
82
|
-
setTimeout(() => {
|
|
83
|
-
this[this._skeletonAttribute] = value;
|
|
84
|
-
}, minimumTimeOfSkeleton - (end - start));
|
|
85
|
-
} else {
|
|
86
|
-
this._invisible = value === undefined;
|
|
87
|
-
this._skeleton = value === null;
|
|
88
|
-
|
|
89
|
-
if (value) {
|
|
90
|
-
if (Array.isArray(value)) {
|
|
91
|
-
this._empty = value.length === 0;
|
|
92
|
-
} else {
|
|
93
|
-
this._empty = Object.keys(value).length === 0;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
this[`_${this._skeletonAttribute}`] = value;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}).catch(err => {
|
|
100
|
-
clearTimeout(timer);
|
|
101
|
-
|
|
102
|
-
if (end && end - start < minimumTimeOfSkeleton) {
|
|
103
|
-
setTimeout(() => {
|
|
104
|
-
this[this._skeletonAttribute] = Promise.reject(err);
|
|
105
|
-
}, minimumTimeOfSkeleton - (end - start));
|
|
106
|
-
} else {
|
|
107
|
-
this._error = true;
|
|
108
|
-
this._skeleton = false;
|
|
109
|
-
this._empty = false;
|
|
110
|
-
this._invisible = false;
|
|
111
|
-
}
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
};
|
|
117
|
-
}
|
|
118
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21peGlucy93aXRoLXNrZWxldG9uLWF0dHJpYnV0ZS5qcyJdLCJuYW1lcyI6WyJjc3MiLCJza2VsZXRvbiIsImVtcHR5IiwidGltZUJlZm9yZVNrZWxldG9uIiwibWluaW11bVRpbWVPZlNrZWxldG9uIiwid2l0aFNrZWxldG9uQXR0cmlidXRlIiwiUGFyZW50Q2xhc3MiLCJwcm9wZXJ0aWVzIiwiX2ludmlzaWJsZSIsInR5cGUiLCJCb29sZWFuIiwicmVmbGVjdCIsIl9za2VsZXRvbiIsImF0dHJpYnV0ZSIsIl9lcnJvciIsIl9lbXB0eSIsInN0eWxlcyIsImNvbnN0cnVjdG9yIiwidXBkYXRlZCIsImNoYW5nZWRQcm9wZXJ0aWVzIiwiX3NrZWxldG9uQXR0cmlidXRlIiwiaGFzIiwic3RhcnQiLCJEYXRlIiwiZ2V0VGltZSIsImVuZCIsInRpbWVyIiwic2V0VGltZW91dCIsIlByb21pc2UiLCJyZXNvbHZlIiwidGhlbiIsInZhbHVlIiwiY2xlYXJUaW1lb3V0IiwidW5kZWZpbmVkIiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiT2JqZWN0Iiwia2V5cyIsImNhdGNoIiwiZXJyIiwicmVqZWN0Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxHQUFULFFBQW9CLEtBQXBCO0FBQ0EsU0FBU0MsUUFBVCxRQUF5QixvQkFBekI7QUFDQSxTQUFTQyxLQUFULFFBQXNCLGlCQUF0QjtBQUVBLE1BQU1DLGtCQUFrQixHQUFHLEdBQTNCO0FBQ0EsTUFBTUMscUJBQXFCLEdBQUcsSUFBOUI7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLFNBQVNDLHFCQUFULENBQStCQyxXQUEvQixFQUE0QztBQUNqRDtBQUNGO0FBQ0E7QUFDRSxTQUFPLGNBQWNBLFdB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LEdBQUQsSUFBUztBQUNkUixVQUFBQSxZQUFZLENBQUNOLEtBQUQsQ0FBWjs7QUFDQSxjQUFJRCxHQUFHLElBQUlBLEdBQUcsR0FBR0gsS0FBTixHQUFjbEIscUJBQXpCLEVBQWdEO0FBQzlDdUIsWUFBQUEsVUFBVSxDQUFDLE1BQU07QUFDZixtQkFBSyxLQUFLUCxrQkFBVixJQUFnQ1EsT0FBTyxDQUFDYSxNQUFSLENBQWVELEdBQWYsQ0FBaEM7QUFDRCxhQUZTLEVBRVBwQyxxQkFBcUIsSUFBSXFCLEdBQUcsR0FBR0gsS0FBVixDQUZkLENBQVY7QUFHRCxXQUpELE1BSU87QUFDTCxpQkFBS1IsTUFBTCxHQUFjLElBQWQ7QUFDQSxpQkFBS0YsU0FBTCxHQUFpQixLQUFqQjtBQUNBLGlCQUFLRyxNQUFMLEdBQWMsS0FBZDtBQUNBLGlCQUFLUCxVQUFMLEdBQWtCLEtBQWxCO0FBQ0Q7QUFDRixTQWhDSDtBQWlDRDtBQUNGOztBQS9FOEIsR0FBakM7QUFpRkQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGVtcHR5IH0gZnJvbSAnLi4vc3R5bGVzL2VtcHR5JztcblxuY29uc3QgdGltZUJlZm9yZVNrZWxldG9uID0gNTAwO1xuY29uc3QgbWluaW11bVRpbWVPZlNrZWxldG9uID0gMTAwMDtcblxuLyoqXG4gKiBUaGlzIGlzIGEgbWl4aW4gZm9yIHdpdGhTa2VsZXRvblN0YXRlc1xuICogQG1peGluRnVuY3Rpb25cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHdpdGhTa2VsZXRvbkF0dHJpYnV0ZShQYXJlbnRDbGFzcykge1xuICAvKipcbiAgICogQG1peGluQ2xhc3NcbiAgICovXG4gIHJldHVybiBjbGFzcyBleHRlbmRzIFBhcmVudENsYXNzIHtcbiAgICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAvKiogQHJlcXVpcmVkICovXG4gICAgICAgIF9pbnZpc2libGU6IHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9LFxuICAgICAgICBfc2tlbGV0b246IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgICBfZXJyb3I6IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgICBfZW1wdHk6IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBzdGF0aWMgZ2V0IHN0eWxlcygpIHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIHNrZWxldG9uLFxuICAgICAgICBlbXB0eSxcbiAgICAgICAgLy8gbGFuZ3VhZ2U9Q1NTXG4gICAgICAgIGNzc2BcbiAgICAgICAgICA6aG9zdChbX2ludmlzaWJsZV0pIHtcbiAgICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgICBdO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgc3VwZXIoKTtcbiAgICAgIHRoaXMuX2ludmlzaWJsZSA9IHRydWU7XG4gICAgICB0aGlzLl9za2VsZXRvbiA9IGZhbHNlO1xuICAgICAgdGhpcy5fZXJyb3IgPSBmYWxzZTtcbiAgICAgIHRoaXMuX2VtcHR5ID0gZmFsc2U7XG4gICAgfVxuXG4gICAgdXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcykge1xuICAgICAgaWYgKHRoaXMuX3NrZWxldG9uQXR0cmlidXRlICE9IG51bGwgJiYgY2hhbmdlZFByb3BlcnRpZXMuaGFzKHRoaXMuX3NrZWxldG9uQXR0cmlidXRlKSkge1xuICAgICAgICB0aGlzLl9lcnJvciA9IGZhbHNlO1xuICAgICAgICB0aGlzLl9lbXB0eSA9IGZhbHNlO1xuICAgICAgICBjb25zdCBzdGFydCA9IG5ldyBEYXRlKCkuZ2V0VGltZSgpO1xuICAgICAgICBsZXQgZW5kID0gbnVsbDtcbiAgICAgICAgY29uc3QgdGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICB0aGlzLl9pbnZpc2libGUgPSBmYWxzZTtcbiAgICAgICAgICB0aGlzLl9za2VsZXRvbiA9IHRydWU7XG4gICAgICAgICAgZW5kID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XG4gICAgICAgIH0sIHRpbWVCZWZvcmVTa2VsZXRvbik7XG5cbiAgICAgICAgY29uc3QgYXR0cmlidXRlID0gdGhpc1t0aGlzLl9za2VsZXRvbkF0dHJpYnV0ZV07XG4gICAgICAgIFByb21pc2UucmVzb2x2ZShhdHRyaWJ1dGUpXG4gICAgICAgICAgLnRoZW4oKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICBjbGVhclRpbWVvdXQodGltZXIpO1xuICAgICAgICAgICAgaWYgKGVuZCAmJiBlbmQgLSBzdGFydCA8IG1pbmltdW1UaW1lT2ZTa2VsZXRvbikge1xuICAgICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzW3RoaXMuX3NrZWxldG9uQXR0cmlidXRlXSA9IHZhbHVlO1xuICAgICAgICAgICAgICB9LCBtaW5pbXVtVGltZU9mU2tlbGV0b24gLSAoZW5kIC0gc3RhcnQpKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIHRoaXMuX2ludmlzaWJsZSA9IHZhbHVlID09PSB1bmRlZmluZWQ7XG4gICAgICAgICAgICAgIHRoaXMuX3NrZWxldG9uID0gdmFsdWUgPT09IG51bGw7XG4gICAgICAgICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICAgICAgICAgICAgdGhpcy5fZW1wdHkgPSB2YWx1ZS5sZW5ndGggPT09IDA7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgIHRoaXMuX2VtcHR5ID0gT2JqZWN0LmtleXModmFsdWUpLmxlbmd0aCA9PT0gMDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpc1tgXyR7dGhpcy5fc2tlbGV0b25BdHRyaWJ1dGV9YF0gPSB2YWx1ZTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pXG4gICAgICAgICAgLmNhdGNoKChlcnIpID0+IHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aW1lcik7XG4gICAgICAgICAgICBpZiAoZW5kICYmIGVuZCAtIHN0YXJ0IDwgbWluaW11bVRpbWVPZlNrZWxldG9uKSB7XG4gICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXNbdGhpcy5fc2tlbGV0b25BdHRyaWJ1dGVdID0gUHJvbWlzZS5yZWplY3QoZXJyKTtcbiAgICAgICAgICAgICAgfSwgbWluaW11bVRpbWVPZlNrZWxldG9uIC0gKGVuZCAtIHN0YXJ0KSk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICB0aGlzLl9lcnJvciA9IHRydWU7XG4gICAgICAgICAgICAgIHRoaXMuX3NrZWxldG9uID0gZmFsc2U7XG4gICAgICAgICAgICAgIHRoaXMuX2VtcHR5ID0gZmFsc2U7XG4gICAgICAgICAgICAgIHRoaXMuX2ludmlzaWJsZSA9IGZhbHNlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiJdfQ==
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.withSkeletonAttribute=void 0;const t=require("lit"),e=require("../styles/skeleton"),i=require("../styles/empty");exports.withSkeletonAttribute=function(s){return class extends s{static get properties(){return{_invisible:{type:Boolean,reflect:!0},_skeleton:{type:Boolean,attribute:!1},_error:{type:Boolean,attribute:!1},_empty:{type:Boolean,attribute:!1}}}static get styles(){return[e.skeleton,i.empty,t.css`:host([_invisible]){visibility:hidden}`]}constructor(){super(),this._invisible=!0,this._skeleton=!1,this._error=!1,this._empty=!1}updated(t){if(null!=this._skeletonAttribute&&t.has(this._skeletonAttribute)){this._error=!1,this._empty=!1;const t=(new Date).getTime();let e=null;const i=setTimeout((()=>{this._invisible=!1,this._skeleton=!0,e=(new Date).getTime()}),500),s=this[this._skeletonAttribute];Promise.resolve(s).then((s=>{clearTimeout(i),e&&e-t<1e3?setTimeout((()=>{this[this._skeletonAttribute]=s}),1e3-(e-t)):(this._invisible=void 0===s,this._skeleton=null===s,s&&(Array.isArray(s)?this._empty=0===s.length:this._empty=0===Object.keys(s).length,this[`_${this._skeletonAttribute}`]=s))})).catch((s=>{clearTimeout(i),e&&e-t<1e3?setTimeout((()=>{this[this._skeletonAttribute]=Promise.reject(s)}),1e3-(e-t)):(this._error=!0,this._skeleton=!1,this._empty=!1,this._invisible=!1)}))}}}};
|
|
@@ -1,97 +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 { skeleton } from '../styles/skeleton';
|
|
18
|
-
import { classMap } from 'lit/directives/class-map';
|
|
19
|
-
import '../atoms/gv-image';
|
|
20
|
-
import '../atoms/gv-button';
|
|
21
|
-
import '../molecules/gv-metrics';
|
|
22
|
-
import '../molecules/gv-rating';
|
|
23
|
-
import '../atoms/gv-state';
|
|
24
|
-
import '../atoms/gv-tag';
|
|
25
|
-
import { truncate } from '../lib/utils';
|
|
26
|
-
import { i18n } from '../lib/i18n';
|
|
27
|
-
import { ItemResource } from '../mixins/item-resource';
|
|
28
|
-
import { dispatchCustomEvent } from '../lib/events';
|
|
29
|
-
import { getVersion, getTitle, getDescription, getOwner } from '../lib/item';
|
|
30
|
-
/**
|
|
31
|
-
* Full Card component
|
|
32
|
-
*
|
|
33
|
-
* ## Details
|
|
34
|
-
* * has @theme facet
|
|
35
|
-
*
|
|
36
|
-
* @fires gv-card-full:click - Custom click event
|
|
37
|
-
* @fires gv-tag:click - Custom click event on card labels
|
|
38
|
-
*
|
|
39
|
-
* @attr {Promise<Object>} item - An item.
|
|
40
|
-
* @attr {Promise<Metrics>} metrics - A Metrics.
|
|
41
|
-
*
|
|
42
|
-
* @cssprop {Color} [--gv-card-full--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
43
|
-
* @cssprop {Length} [--gv-card-full-image--h=65px] - Image height
|
|
44
|
-
* @cssprop {Length} [--gv-card-full-image--w=110px] - Image width
|
|
45
|
-
*/
|
|
46
|
-
|
|
47
|
-
export class GvCardFull extends ItemResource(LitElement) {
|
|
48
|
-
static get properties() {
|
|
49
|
-
return {
|
|
50
|
-
metrics: {
|
|
51
|
-
type: Object
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
static get styles() {
|
|
57
|
-
return [...super.styles, // language=CSS
|
|
58
|
-
css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;width:100%;max-height:281px;line-height:22px;font-size:var(--gv-theme-font-size-m,14px)}gv-identity-picture{height:var(--gv-card-full-image--h,65px);width:var(--gv-card-full-image--w,110px);--gv-image--of:contain}.card{display:flex;flex-direction:column;height:250px;border-radius:4px;background-color:var(--gv-card-full--bgc,var(--gv-theme-neutral-color-lightest,#fff));color:var(--gv-theme-font-color-dark,#262626);padding:16px;box-shadow:0 0 0 1px var(--gv-theme-neutral-color,#f5f5f5),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);transition:transform .3s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -14px var(--gv-theme-neutral-color-dark,#bfbfbf);cursor:pointer}.card>div{display:flex}.image{min-height:65px;min-width:0;position:relative;padding-top:.2rem}.title{line-height:22px;font-size:var(--gv-theme-font-size-l,16px);text-transform:capitalize;font-weight:700;padding-bottom:5px}.owner{--gv-icon--c:var(--gv-theme-neutral-color-dark, #bfbfbf);--gv-icon--s:16px;color:var(--gv-theme-neutral-color-dark,#bfbfbf);display:flex;padding-bottom:2px;line-height:initial}.content{flex:1;padding:0 10px 10px 10px}.version{color:var(--gv-theme-neutral-color-dark,#d9d9d9);padding:10px 8px;font-size:var(--gv-theme-font-size-s,12px)}.description{padding:0 16px;margin:6px 0;flex:1;flex-grow:1;max-height:150px;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;border-bottom:1px solid var(--gv-theme-neutral-color-dark,#d9d9d9);padding:.5rem 0;justify-content:flex-end}gv-metrics{display:flex;height:100%;justify-content:flex-end;align-items:stretch}.skeleton .infos{border-bottom:none}.labels{padding:0 16px}.error .infos,.error .labels,.error .states{visibility:hidden}`, skeleton];
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
constructor() {
|
|
62
|
-
super();
|
|
63
|
-
this.limit = 150;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
_onClick(e) {
|
|
67
|
-
if (!this._empty && !this._error && !this._skeleton && !e.target.tagName.toLowerCase().startsWith('gv-metrics')) {
|
|
68
|
-
dispatchCustomEvent(this, 'click', this._item);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
render() {
|
|
73
|
-
const title = getTitle(this._item);
|
|
74
|
-
const owner = getOwner(this._item);
|
|
75
|
-
const classes = {
|
|
76
|
-
error: this._error || this._empty,
|
|
77
|
-
card: true
|
|
78
|
-
};
|
|
79
|
-
return html`<div class="${classMap(classes)}" title="${title}" @click="${this._onClick}"> <div class="${classMap({
|
|
80
|
-
skeleton: this._skeleton
|
|
81
|
-
})}"> <div class="${classMap({
|
|
82
|
-
image: true
|
|
83
|
-
})}">${this._renderImage()}</div> <div class="content"> <div class="${classMap({
|
|
84
|
-
title: true
|
|
85
|
-
})}">${title}</div> ${owner != null && owner.trim().length > 0 ? html`<div class="owner"><gv-icon shape="general:user" size="8px"></gv-icon>${owner}</div>` : ''} <div class="states">${this._renderStates()}</div> </div> <div class="version"><span class="${classMap({
|
|
86
|
-
skeleton: this._skeleton
|
|
87
|
-
})}">${getVersion(this._item)}</span></div> </div> <div class="${classMap({
|
|
88
|
-
skeleton: this._skeleton,
|
|
89
|
-
description: true
|
|
90
|
-
})}"> ${truncate(this._error ? i18n('gv-card-full.error') : this._empty ? i18n('gv-card-full.empty') : getDescription(this._item), this.limit)} </div> <span class="${classMap({
|
|
91
|
-
skeleton: this._skeleton
|
|
92
|
-
})}"> <div class="infos">${this._renderMetricsWithRating()}</div> <div class="labels">${this._renderLabels(true)}</div> </span> </div>`;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
window.customElements.define('gv-card-full', GvCardFull);
|
|
97
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL21vbGVjdWxlcy9ndi1jYXJkLWZ1bGwuanMiXSwibmFtZXMiOlsiY3NzIiwiaHRtbCIsIkxpdEVsZW1lbnQiLCJza2VsZXRvbiIsImNsYXNzTWFwIiwidHJ1bmNhdGUiLCJpMThuIiwiSXRlbVJlc291cmNlIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsImdldFZlcnNpb24iLCJnZXRUaXRsZSIsImdldERlc2NyaXB0aW9uIiwiZ2V0T3duZXIiLCJHdkNhcmRGdWxsIiwicHJvcGVydGllcyIsIm1ldHJpY3MiLCJ0eXBlIiwiT2JqZWN0Iiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJsaW1pdCIsIl9vbkNsaWNrIiwiZSIsIl9lbXB0eSIsIl9lcnJvciIsIl9za2VsZXRvbiIsInRhcmdldCIsInRhZ05hbWUiLCJ0b0xvd2VyQ2FzZSIsInN0YXJ0c1dpdGgiLCJfaXRlbSIsInJlbmRlciIsInRpdGxlIiwib3duZXIiLCJjbGFzc2VzIiwiZXJyb3IiLCJjYXJkIiwiaW1hZ2UiLCJfcmVuZGVySW1hZ2UiLCJ0cmltIiwibGVuZ3RoIiwiX3JlbmRlclN0YXRlcyIsImRlc2NyaXB0aW9uIiwiX3JlbmRlck1ldHJpY3NXaXRoUmF0aW5nIiwiX3JlbmRlckxhYmVscyIsIndpbmRvdyIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxHQUFULEVBQWNDLElBQWQsRUFBb0JDLFVBQXBCLFFBQXNDLEtBQXRDO0FBQ0EsU0FBU0MsUUFBVCxRQUF5QixvQkFBekI7QUFDQSxTQUFTQyxRQUFULFFBQXlCLDBCQUF6QjtBQUNBLE9BQU8sbUJBQVA7QUFDQSxPQUFPLG9CQUFQO0FBQ0EsT0FBTyx5QkFBUDtBQUNBLE9BQU8sd0JBQVA7QUFD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aUIsTUFBTCxHQUFjakIsSUFBSSxDQUFDLG9CQUFELENBQWxCLEdBQTJDSyxjQUFjLENBQUMsS0FBS21CLEtBQU4sQ0FENUYsRUFFUixLQUFLVixLQUZHLENBYkgsd0JBa0JNaEIsUUFBUSxDQUFDO0FBQUVELE1BQUFBLFFBQVEsRUFBRSxLQUFLc0I7QUFBakIsS0FBRCxDQWxCZCx5QkFtQmMsS0FBS2tCLHdCQUFMLEVBbkJkLDhCQXFCZSxLQUFLQyxhQUFMLENBQW1CLElBQW5CLENBckJmLHVCQUFYO0FBd0JEOztBQXhLc0Q7QUEyS3pEQyxNQUFNLENBQUNDLGNBQVAsQ0FBc0JDLE1BQXRCLENBQTZCLGNBQTdCLEVBQTZDbEMsVUFBN0MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHNrZWxldG9uIH0gZnJvbSAnLi4vc3R5bGVzL3NrZWxldG9uJztcbmltcG9ydCB7IGNsYXNzTWFwIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvY2xhc3MtbWFwJztcbmltcG9ydCAnLi4vYXRvbXMvZ3YtaW1hZ2UnO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi1idXR0b24nO1xuaW1wb3J0ICcuLi9tb2xlY3VsZXMvZ3YtbWV0cmljcyc7XG5pbXBvcnQgJy4uL21vbGVjdWxlcy9ndi1yYXRpbmcnO1xuaW1wb3J0ICcuLi9hdG9tcy9ndi1zdGF0ZSc7XG5pbXBvcnQgJy4uL2F0b21zL2d2LXRhZyc7XG5pbXBvcnQgeyB0cnVuY2F0ZSB9IGZyb20gJy4uL2xpYi91dGlscyc7XG5pbXBvcnQgeyBpMThuIH0gZnJvbSAnLi4vbGliL2kxOG4nO1xuaW1wb3J0IHsgSXRlbVJlc291cmNlIH0gZnJvbSAnLi4vbWl4aW5zL2l0ZW0tcmVzb3VyY2UnO1xuaW1wb3J0IHsgZGlzcGF0Y2hDdXN0b21FdmVudCB9IGZyb20gJy4uL2xpYi9ldmVudHMnO1xuaW1wb3J0IHsgZ2V0VmVyc2lvbiwgZ2V0VGl0bGUsIGdldERlc2NyaXB0aW9uLCBnZXRPd25lciB9IGZyb20gJy4uL2xpYi9pdGVtJztcblxuLyoqXG4gKiBGdWxsIENhcmQgY29tcG9uZW50XG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LWNhcmQtZnVsbDpjbGljayAtIEN1c3RvbSBjbGljayBldmVudFxuICogQGZpcmVzIGd2LXRhZzpjbGljayAtIEN1c3RvbSBjbGljayBldmVudCBvbiBjYXJkIGxhYmVsc1xuICpcbiAqIEBhdHRyIHtQcm9taXNlPE9iamVjdD59IGl0ZW0gLSBBbiBpdGVtLlxuICogQGF0dHIge1Byb21pc2U8TWV0cmljcz59IG1ldHJpY3MgLSBBIE1ldHJpY3MuXG4gKlxuICogQGNzc3Byb3Age0NvbG9yfSBbLS1ndi1jYXJkLWZ1bGwtLWJnYz12YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0ZXN0LCAjZmZmZmZmKV0gLSBCYWNrZ3JvdW5kIGNvbG9yXG4gKiBAY3NzcHJvcCB7TGVuZ3RofSBbLS1ndi1jYXJkLWZ1bGwtaW1hZ2UtLWg9NjVweF0gLSBJbWFnZSBoZWlnaHRcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LWNhcmQtZnVsbC1pbWFnZS0tdz0xMTBweF0gLSBJbWFnZSB3aWR0aFxuICovXG5leHBvcnQgY2xhc3MgR3ZDYXJkRnVsbCBleHRlbmRzIEl0ZW1SZXNvdXJjZShMaXRFbGVtZW50KSB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbWV0cmljczogeyB0eXBlOiBPYmplY3QgfSxcbiAgICB9O1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC4uLnN1cGVyLnN0eWxlcyxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW07XG5cbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDI4MXB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLW0sIDE0cHgpO1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaWRlbnRpdHktcGljdHVyZSB7XG4gICAgICAgICAgaGVpZ2h0OiB2YXIoLS1ndi1jYXJkLWZ1bGwtaW1hZ2UtLWgsIDY1cHgpO1xuICAgICAgICAgIHdpZHRoOiB2YXIoLS1ndi1jYXJkLWZ1bGwtaW1hZ2UtLXcsIDExMHB4KTtcbiAgICAgICAgICAtLWd2LWltYWdlLS1vZjogY29udGFpbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jYXJkIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgaGVpZ2h0OiAyNTBweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3YtY2FyZC1mdWxsLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICBjb2xvcjogdmFyKC0tZ3YtdGhlbWUtZm9udC1jb2xvci1kYXJrLCAjMjYyNjI2KTtcbiAgICAgICAgICBwYWRkaW5nOiAxNnB4O1xuICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLCAjZjVmNWY1KSwgMCAxcHggM3B4IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZik7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3M7XG4gICAgICAgIH1cblxuICAgICAgICAuY2FyZDpob3ZlciB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC00cHgpO1xuICAgICAgICAgIGJveC1zaGFkb3c6IDAgMjBweCA0MHB4IC0xNHB4IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZik7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNhcmQgPiBkaXYge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAuaW1hZ2Uge1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDY1cHg7XG4gICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMC4ycmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnRpdGxlIHtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjJweDtcbiAgICAgICAgICBmb250LXNpemU6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1sLCAxNnB4KTtcbiAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogNXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm93bmVyIHtcbiAgICAgICAgICAtLWd2LWljb24tLWM6IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2JmYmZiZik7XG4gICAgICAgICAgLS1ndi1pY29uLS1zOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmssICNiZmJmYmYpO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgcGFkZGluZy1ib3R0b206IDJweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogaW5pdGlhbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgIHBhZGRpbmc6IDAgMTBweCAxMHB4IDEwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAudmVyc2lvbiB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSk7XG4gICAgICAgICAgcGFkZGluZzogMTBweCA4cHg7XG4gICAgICAgICAgZm9udC1zaXplOiB2YXIoLS1ndi10aGVtZS1mb250LXNpemUtcywgMTJweCk7XG4gICAgICAgIH1cblxuICAgICAgICAuZGVzY3JpcHRpb24ge1xuICAgICAgICAgIHBhZGRpbmc6IDAgMTZweDtcbiAgICAgICAgICBtYXJnaW46IDZweCAwO1xuICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDE1MHB4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgIH1cblxuICAgICAgICAuaW5mb3Mge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSk7XG4gICAgICAgICAgcGFkZGluZzogMC41cmVtIDA7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGd2LW1ldHJpY3Mge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIH1cblxuICAgICAgICAuc2tlbGV0b24gLmluZm9zIHtcbiAgICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLmxhYmVscyB7XG4gICAgICAgICAgcGFkZGluZzogMCAxNnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLmVycm9yIC5sYWJlbHMsXG4gICAgICAgIC5lcnJvciAuaW5mb3MsXG4gICAgICAgIC5lcnJvciAuc3RhdGVzIHtcbiAgICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgICBza2VsZXRvbixcbiAgICBdO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmxpbWl0ID0gMTUwO1xuICB9XG5cbiAgX29uQ2xpY2soZSkge1xuICAgIGlmICghdGhpcy5fZW1wdHkgJiYgIXRoaXMuX2Vycm9yICYmICF0aGlzLl9za2VsZXRvbiAmJiAhZS50YXJnZXQudGFnTmFtZS50b0xvd2VyQ2FzZSgpLnN0YXJ0c1dpdGgoJ2d2LW1ldHJpY3MnKSkge1xuICAgICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnY2xpY2snLCB0aGlzLl9pdGVtKTtcbiAgICB9XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgdGl0bGUgPSBnZXRUaXRsZSh0aGlzLl9pdGVtKTtcbiAgICBjb25zdCBvd25lciA9IGdldE93bmVyKHRoaXMuX2l0ZW0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSB7IGVycm9yOiB0aGlzLl9lcnJvciB8fCB0aGlzLl9lbXB0eSwgY2FyZDogdHJ1ZSB9O1xuICAgIHJldHVybiBodG1sYDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKGNsYXNzZXMpfVwiIHRpdGxlPVwiJHt0aXRsZX1cIiBAY2xpY2s9XCIke3RoaXMuX29uQ2xpY2t9XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiJHtjbGFzc01hcCh7IHNrZWxldG9uOiB0aGlzLl9za2VsZXRvbiB9KX1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBpbWFnZTogdHJ1ZSB9KX1cIj4ke3RoaXMuX3JlbmRlckltYWdlKCl9PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyB0aXRsZTogdHJ1ZSB9KX1cIj4ke3RpdGxlfTwvZGl2PlxuICAgICAgICAgICR7b3duZXIgIT0gbnVsbCAmJiBvd25lci50cmltKCkubGVuZ3RoID4gMFxuICAgICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJvd25lclwiPjxndi1pY29uIHNoYXBlPVwiZ2VuZXJhbDp1c2VyXCIgc2l6ZT1cIjhweFwiPjwvZ3YtaWNvbj4ke293bmVyfTwvZGl2PmBcbiAgICAgICAgICAgIDogJyd9XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRlc1wiPiR7dGhpcy5fcmVuZGVyU3RhdGVzKCl9PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmVyc2lvblwiPjxzcGFuIGNsYXNzPVwiJHtjbGFzc01hcCh7IHNrZWxldG9uOiB0aGlzLl9za2VsZXRvbiB9KX1cIj4ke2dldFZlcnNpb24odGhpcy5faXRlbSl9PC9zcGFuPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiJHtjbGFzc01hcCh7IHNrZWxldG9uOiB0aGlzLl9za2VsZXRvbiwgZGVzY3JpcHRpb246IHRydWUgfSl9XCI+XG4gICAgICAgICR7dHJ1bmNhdGUoXG4gICAgICAgICAgdGhpcy5fZXJyb3IgPyBpMThuKCdndi1jYXJkLWZ1bGwuZXJyb3InKSA6IHRoaXMuX2VtcHR5ID8gaTE4bignZ3YtY2FyZC1mdWxsLmVtcHR5JykgOiBnZXREZXNjcmlwdGlvbih0aGlzLl9pdGVtKSxcbiAgICAgICAgICB0aGlzLmxpbWl0LFxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cIiR7Y2xhc3NNYXAoeyBza2VsZXRvbjogdGhpcy5fc2tlbGV0b24gfSl9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvc1wiPiR7dGhpcy5fcmVuZGVyTWV0cmljc1dpdGhSYXRpbmcoKX08L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxzXCI+JHt0aGlzLl9yZW5kZXJMYWJlbHModHJ1ZSl9PC9kaXY+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+YDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1jYXJkLWZ1bGwnLCBHdkNhcmRGdWxsKTtcbiJdfQ==
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvCardFull=void 0;const e=require("lit"),t=require("../styles/skeleton"),i=require("lit/directives/class-map");require("../atoms/gv-image"),require("../atoms/gv-button"),require("../molecules/gv-metrics"),require("../molecules/gv-rating"),require("../atoms/gv-state"),require("../atoms/gv-tag");const r=require("../lib/utils"),s=require("../lib/i18n"),l=require("../mixins/item-resource"),a=require("../lib/events"),o=require("../lib/item");class n extends((0,l.ItemResource)(e.LitElement)){static get properties(){return{metrics:{type:Object}}}static get styles(){return[...super.styles,e.css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;width:100%;max-height:281px;line-height:22px;font-size:var(--gv-theme-font-size-m,14px)}gv-identity-picture{height:var(--gv-card-full-image--h,65px);width:var(--gv-card-full-image--w,110px);--gv-image--of:contain}.card{display:flex;flex-direction:column;height:250px;border-radius:4px;background-color:var(--gv-card-full--bgc,var(--gv-theme-neutral-color-lightest,#fff));color:var(--gv-theme-font-color-dark,#262626);padding:16px;box-shadow:0 0 0 1px var(--gv-theme-neutral-color,#f5f5f5),0 1px 3px var(--gv-theme-neutral-color-dark,#bfbfbf);transition:transform .3s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -14px var(--gv-theme-neutral-color-dark,#bfbfbf);cursor:pointer}.card>div{display:flex}.image{min-height:65px;min-width:0;position:relative;padding-top:.2rem}.title{line-height:22px;font-size:var(--gv-theme-font-size-l,16px);text-transform:capitalize;font-weight:700;padding-bottom:5px}.owner{--gv-icon--c:var(--gv-theme-neutral-color-dark, #bfbfbf);--gv-icon--s:16px;color:var(--gv-theme-neutral-color-dark,#bfbfbf);display:flex;padding-bottom:2px;line-height:initial}.content{flex:1;padding:0 10px 10px 10px}.version{color:var(--gv-theme-neutral-color-dark,#d9d9d9);padding:10px 8px;font-size:var(--gv-theme-font-size-s,12px)}.description{padding:0 16px;margin:6px 0;flex:1;flex-grow:1;max-height:150px;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;border-bottom:1px solid var(--gv-theme-neutral-color-dark,#d9d9d9);padding:.5rem 0;justify-content:flex-end}gv-metrics{display:flex;height:100%;justify-content:flex-end;align-items:stretch}.skeleton .infos{border-bottom:none}.labels{padding:0 16px}.error .infos,.error .labels,.error .states{visibility:hidden}`,t.skeleton]}constructor(){super(),this.limit=150}_onClick(e){this._empty||this._error||this._skeleton||e.target.tagName.toLowerCase().startsWith("gv-metrics")||(0,a.dispatchCustomEvent)(this,"click",this._item)}render(){const t=(0,o.getTitle)(this._item),l=(0,o.getOwner)(this._item),a={error:this._error||this._empty,card:!0};return e.html`<div class="${(0,i.classMap)(a)}" title="${t}" @click="${this._onClick}"><div class="${(0,i.classMap)({skeleton:this._skeleton})}"><div class="${(0,i.classMap)({image:!0})}">${this._renderImage()}</div><div class="content"><div class="${(0,i.classMap)({title:!0})}">${t}</div>${null!=l&&l.trim().length>0?e.html`<div class="owner"><gv-icon shape="general:user" size="8px"></gv-icon>${l}</div>`:""}<div class="states">${this._renderStates()}</div></div><div class="version"><span class="${(0,i.classMap)({skeleton:this._skeleton})}">${(0,o.getVersion)(this._item)}</span></div></div><div class="${(0,i.classMap)({skeleton:this._skeleton,description:!0})}">${(0,r.truncate)(this._error?(0,s.i18n)("gv-card-full.error"):this._empty?(0,s.i18n)("gv-card-full.empty"):(0,o.getDescription)(this._item),this.limit)}</div><span class="${(0,i.classMap)({skeleton:this._skeleton})}"><div class="infos">${this._renderMetricsWithRating()}</div><div class="labels">${this._renderLabels(!0)}</div></span></div>`}}exports.GvCardFull=n,window.customElements.define("gv-card-full",n);
|