@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,269 +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 { classMap } from 'lit/directives/class-map';
|
|
17
|
-
import { ifDefined } from 'lit/directives/if-defined';
|
|
18
|
-
import { repeat } from 'lit/directives/repeat';
|
|
19
|
-
import { css, html, LitElement } from 'lit';
|
|
20
|
-
import { skeleton } from '../styles/skeleton';
|
|
21
|
-
import { link } from '../styles/link';
|
|
22
|
-
import { input } from '../styles/input';
|
|
23
|
-
import { dispatchCustomEvent } from '../lib/events';
|
|
24
|
-
import { InputElement } from '../mixins/input-element';
|
|
25
|
-
import { i18n } from '../lib/i18n';
|
|
26
|
-
/**
|
|
27
|
-
* A select native component.
|
|
28
|
-
*
|
|
29
|
-
* @fires gv-select:select - Event when user select a value (deprecated, use gv-select:input)
|
|
30
|
-
* @fires gv-select:input - Event when user select a value
|
|
31
|
-
*
|
|
32
|
-
* @attr {Boolean} disabled - same as native select element `disabled` attribute
|
|
33
|
-
* @attr {Boolean} required - same as native select element `required` attribute
|
|
34
|
-
* @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
|
|
35
|
-
* @attr {Array} options - the options of the select
|
|
36
|
-
* @attr {String | Array} value - the value of the select
|
|
37
|
-
* @attr {String} label - label of the select
|
|
38
|
-
* @attr {String} title - title of the select
|
|
39
|
-
* @attr {String} name - name of the select
|
|
40
|
-
* @attr {String} placeholder - an example value to display in the select when empty
|
|
41
|
-
* @attr {String} description - a description
|
|
42
|
-
* @attr {Boolean} multiple - enable multiple selection
|
|
43
|
-
*
|
|
44
|
-
* @cssprop {Color} [--gv-select--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
45
|
-
* @cssprop {Color} [--gv-select--bdc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Border color
|
|
46
|
-
* @cssprop {Color} [--gv-select--c=var(--gv-theme-font-color-dark, #262626)] - Color
|
|
47
|
-
* @cssprop {Color} [--gv-select-hover--bgc=var(--gv-theme-color-light, #86c3d0)] - Hover background color
|
|
48
|
-
* @cssprop {Color} [--gv-select-selected--bgc=var(--gv-theme-neutral-color-light, #efefef)] - Selected background color
|
|
49
|
-
*/
|
|
50
|
-
|
|
51
|
-
export class GvSelectNative extends InputElement(LitElement) {
|
|
52
|
-
static get properties() {
|
|
53
|
-
return { ...super.properties,
|
|
54
|
-
options: {
|
|
55
|
-
type: Array
|
|
56
|
-
},
|
|
57
|
-
_options: {
|
|
58
|
-
type: Array,
|
|
59
|
-
attribute: false
|
|
60
|
-
},
|
|
61
|
-
large: {
|
|
62
|
-
type: Boolean
|
|
63
|
-
},
|
|
64
|
-
medium: {
|
|
65
|
-
type: Boolean
|
|
66
|
-
},
|
|
67
|
-
small: {
|
|
68
|
-
type: Boolean
|
|
69
|
-
},
|
|
70
|
-
value: {
|
|
71
|
-
type: String | Array
|
|
72
|
-
},
|
|
73
|
-
label: {
|
|
74
|
-
type: String
|
|
75
|
-
},
|
|
76
|
-
title: {
|
|
77
|
-
type: String
|
|
78
|
-
},
|
|
79
|
-
name: {
|
|
80
|
-
type: String
|
|
81
|
-
},
|
|
82
|
-
placeholder: {
|
|
83
|
-
type: String
|
|
84
|
-
},
|
|
85
|
-
description: {
|
|
86
|
-
type: String
|
|
87
|
-
},
|
|
88
|
-
multiple: {
|
|
89
|
-
type: Boolean,
|
|
90
|
-
reflect: true
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
static get styles() {
|
|
96
|
-
return [...super.styles, skeleton, input, link, // language=CSS
|
|
97
|
-
css`.box{--bdc:var(--gv-select--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));--c:var(--gv-select--c, var(--gv-theme-font-color-dark, #262626));--bgc:var(--gv-select--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));--bgc-list:var(--gv-select--list-bgc, var(--gv-select--bgc, var(--gv-theme-neutral-color-lightest, #ffffff)));--hover-bgc:var(--gv-select-hover--bgc, var(--gv-theme-color-light, #86c3d0));--selected-bgc:var(--gv-select-selected--bgc, var(--gv-theme-neutral-color-light, #efefef));position:relative;color:var(--c)}:host([readonly]) div,:host([readonly]) input,:host([readonly]) input:read-only:hover{user-select:auto;cursor:text}input:read-only:hover{cursor:pointer}label{color:var(--c)}.multiple .input,select{background-image:linear-gradient(45deg,transparent 50%,var(--c) 50%),linear-gradient(135deg,var(--c) 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 17px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;-webkit-appearance:none;appearance:none;background-color:var(--bgc)}.multiple .input{padding-right:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multiple gv-icon{display:none}.multiple.not-empty :not(.show) .input{background-image:none,linear-gradient(155deg,var(--c) 0,transparent 0),linear-gradient(to right,#ccc,#ccc)}.multiple.not-empty gv-icon{display:block}.small .multiple .input{padding-right:30px}.small select,.small.multiple .input{background-position:calc(100% - 16px) calc(.8em),calc(100% - 11px) calc(.8em),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1em}.multiple select{opacity:0;position:absolute;left:0;top:0;max-height:var(--input-medium--h)}.multiple .show{min-height:75px}.multiple .show select{opacity:1;z-index:1000;max-height:300px}gv-icon{--gv-icon--s:19px}.medium gv-icon{--gv-icon--s:14px}.small gv-icon{--gv-icon--s:11px}`];
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
constructor() {
|
|
101
|
-
super();
|
|
102
|
-
this._options = [{
|
|
103
|
-
label: '',
|
|
104
|
-
value: '',
|
|
105
|
-
disabled: false,
|
|
106
|
-
title: null
|
|
107
|
-
}];
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
getInputElement() {
|
|
111
|
-
return this.shadowRoot.querySelector('select');
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
async firstUpdated(changedProperties) {
|
|
115
|
-
super.firstUpdated(changedProperties); // Give the browser a chance to paint
|
|
116
|
-
|
|
117
|
-
await new Promise(resolve => setTimeout(resolve, 0));
|
|
118
|
-
const input = this.getInputElement();
|
|
119
|
-
|
|
120
|
-
if (input) {
|
|
121
|
-
input.addEventListener('input', this._onInput.bind(this));
|
|
122
|
-
|
|
123
|
-
if (this.multiple) {
|
|
124
|
-
input.addEventListener('mousedown', this._onEnter.bind(this));
|
|
125
|
-
input.addEventListener('focus', this._onEnter.bind(this));
|
|
126
|
-
input.addEventListener('mouseleave', this._onLeave.bind(this));
|
|
127
|
-
input.addEventListener('blur', this._onLeave.bind(this));
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
willUpdate(changedProperties) {
|
|
133
|
-
if (changedProperties.has('value')) {
|
|
134
|
-
this.updateState(this.value);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
updateState(value) {
|
|
139
|
-
super.updateState(value);
|
|
140
|
-
|
|
141
|
-
if (value && this._options && this.valid) {
|
|
142
|
-
if (this.multiple) {
|
|
143
|
-
if (this.required) {
|
|
144
|
-
this.setValidity(value.length === 0, 'field is required');
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
if (value.length > 0 && this.valid) {
|
|
148
|
-
const possibleValues = this._options.map(o => o.value);
|
|
149
|
-
|
|
150
|
-
this.setValidity(!value.some(v => possibleValues.includes(v)), 'value is not included in the possible values');
|
|
151
|
-
}
|
|
152
|
-
} else {
|
|
153
|
-
this.setValidity(this.required && this._options.find(option => option.value === value) == null, 'value is not included in the possible values');
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
this.invalid = !this.valid;
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
_onEnter(e) {
|
|
161
|
-
const input = this.getInputElement();
|
|
162
|
-
|
|
163
|
-
if (!input.parentNode.classList.contains('show')) {
|
|
164
|
-
e.stopPropagation();
|
|
165
|
-
e.preventDefault();
|
|
166
|
-
input.parentNode.classList.add('show');
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
_onLeave() {
|
|
171
|
-
this.getInputElement().parentNode.classList.remove('show');
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
_onInput(e) {
|
|
175
|
-
e.stopPropagation();
|
|
176
|
-
|
|
177
|
-
if (this.multiple) {
|
|
178
|
-
const options = this.getInputElement().querySelectorAll('option:checked');
|
|
179
|
-
this.value = Array.from(options).map(o => o.value);
|
|
180
|
-
} else {
|
|
181
|
-
this.value = e.target.value;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
this.updateState(this.value);
|
|
185
|
-
dispatchCustomEvent(this, 'select', this.value);
|
|
186
|
-
dispatchCustomEvent(this, 'input', this.value);
|
|
187
|
-
this.dispatchEvent(new Event('input', {
|
|
188
|
-
bubbles: true,
|
|
189
|
-
cancelable: true
|
|
190
|
-
}));
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
_onClear() {
|
|
194
|
-
Array.from(this.getInputElement().querySelectorAll('option:checked')).forEach(option => option.removeAttribute('checked'));
|
|
195
|
-
this.value = [];
|
|
196
|
-
dispatchCustomEvent(this, 'select', this.value);
|
|
197
|
-
dispatchCustomEvent(this, 'input', this.value);
|
|
198
|
-
this.dispatchEvent(new Event('input', {
|
|
199
|
-
bubbles: true,
|
|
200
|
-
cancelable: true
|
|
201
|
-
}));
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
set options(options) {
|
|
205
|
-
if (options) {
|
|
206
|
-
this._options = options.map(option => {
|
|
207
|
-
if (typeof option !== 'object') {
|
|
208
|
-
return {
|
|
209
|
-
value: option,
|
|
210
|
-
label: option
|
|
211
|
-
};
|
|
212
|
-
} else if (!option.label) {
|
|
213
|
-
return {
|
|
214
|
-
value: option.value,
|
|
215
|
-
label: option.value
|
|
216
|
-
};
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
return option;
|
|
220
|
-
});
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
selectedLabel() {
|
|
225
|
-
if (this.value != null) {
|
|
226
|
-
const elements = this._options.filter(o => this.isSelected(o));
|
|
227
|
-
|
|
228
|
-
if (elements) {
|
|
229
|
-
return elements.map(e => e.label).join(', ');
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
return '';
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
renderSelect() {
|
|
237
|
-
const selectedLabel = this.selectedLabel();
|
|
238
|
-
|
|
239
|
-
if (this.readonly) {
|
|
240
|
-
return html` <input id="${this._id}" type="text" .name="${ifDefined(this.name)}" .title="${ifDefined(selectedLabel || this.title || this.label)}" .required="${this.required}" aria-required="${!!this.required}" .placeholder="${ifDefined(this.placeholder)}" .value="${selectedLabel}" readonly="readonly"> `;
|
|
241
|
-
} else if (this.multiple) {
|
|
242
|
-
const height = this._options ? this._options.length * (this.small ? 20 : 25) : 50;
|
|
243
|
-
return html` <input class="input" type="text" .name="${ifDefined(this.name)}" .title="${ifDefined(selectedLabel || this.title || this.label)}" .required="${this.required}" aria-required="${!!this.required}" .placeholder="${ifDefined(this.placeholder)}" .value="${selectedLabel}" readonly="readonly"> <select class="input" id="${this._id}" .name="${ifDefined(this.name)}" .title="${ifDefined(selectedLabel || this.title || this.label)}" .required="${this.required}" aria-required="${!!this.required}" ?disabled="${this.disabled || this.skeleton}" .placeholder="${ifDefined(this.placeholder)}" multiple="multiple" .size="${this._options.length}" style="height:${height}px"> ${this._options && repeat(this._options, option => option, option => html` <option value="${option.value || ''}" ?selected="${this.isSelected(option)}">${option.label}</option> `)} </select> <div class="box-icon box-icon-clear"> <gv-icon class="link" shape="code:error" title="${i18n('gv-input.clear')}" @click="${this._onClear}"></gv-icon> </div> `;
|
|
244
|
-
} else {
|
|
245
|
-
return html`<select class="input" id="${this._id}" .name="${ifDefined(this.name)}" .title="${ifDefined(selectedLabel || this.title || this.label)}" .required="${this.required}" aria-required="${!!this.required}" ?disabled="${this.disabled || this.skeleton}" .placeholder="${ifDefined(this.placeholder)}"> ${this._options && repeat(this._options, option => option, option => html` <option value="${option.value || ''}" ?selected="${this.isSelected(option)}">${option.label}</option>`)} </select>`;
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
render() {
|
|
250
|
-
const classes = {
|
|
251
|
-
box: true,
|
|
252
|
-
large: this.large,
|
|
253
|
-
medium: this.medium || !this.large && !this.small,
|
|
254
|
-
small: this.small,
|
|
255
|
-
skeleton: this.skeleton,
|
|
256
|
-
required: this.required,
|
|
257
|
-
multiple: this.multiple,
|
|
258
|
-
'not-empty': this._options && this.multiple && this.value && this.value.length > 0
|
|
259
|
-
};
|
|
260
|
-
return html` <div class="${classMap(classes)}"> <div class="box-input">${this.renderLabel()} ${this.renderSelect()}</div> </div> ${this.description != null ? html`<div class="description" .innerHTML="${this.description}"></div>` : ''} `;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
isSelected(option) {
|
|
264
|
-
return this.multiple ? this.value && this.value.includes(option.value) : '' + this.value === '' + option.value;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
}
|
|
268
|
-
window.customElements.define('gv-select-native', GvSelectNative);
|
|
269
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL2F0b21zL2d2LXNlbGVjdC1uYXRpdmUuanMiXSwibmFtZXMiOlsiY2xhc3NNYXAiLCJpZkRlZmluZWQiLCJyZXBlYXQiLCJjc3MiLCJodG1sIiwiTGl0RWxlbWVudCIsInNrZWxldG9uIiwibGluayIsImlucHV0IiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsIklucHV0RWxlbWVudCIsImkxOG4iLCJHdlNlbGVjdE5hdGl2ZSIsInByb3BlcnRpZXMiLCJvcHRpb25zIiwidHlwZSIsIkFycmF5IiwiX29wdGlvbnMiLCJhdHRyaWJ1dGUiLCJsYXJnZSIsIkJvb2xlYW4iLCJtZWRpdW0iLCJzbWFsbCIsInZhbHVlIiwiU3RyaW5nIiwibGFiZWwiLCJ0aXRsZSIsIm5hbWUiLCJwbGFjZWhvbGRlciIsImRlc2NyaXB0aW9uIiwibXVsdGlwbGUiLCJyZWZsZWN0Iiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJkaXNhYmxlZCIsImdldElucHV0RWxlbWVudCIsInNoYWRvd1Jvb3QiLCJxdWVyeVNlbGVjdG9yIiwiZmlyc3RVcGRhdGVkIiwiY2hhbmdlZFByb3BlcnRpZXMiLCJQcm9taXNlIiwicmVzb2x2ZSIsInNldFRpbWVvdXQiLCJhZGRFdmVudExpc3RlbmVyIiwiX29uSW5wdXQiLCJiaW5kIiwiX29uRW50ZXIiLCJfb25MZWF2ZSIsIndpbGxVcGRhdGUiLCJoYXMiLCJ1cGRhdGVTdGF0ZSIsInZhbGlkIiwicmVxdWlyZWQiLCJzZXRWYWxpZGl0eSIsImxlbmd0aCIsInBvc3NpYmxlVmFsdWVzIiwibWFwIiwibyIsInNvbWUiLCJ2IiwiaW5jbHVkZXMiLCJmaW5kIiwib3B0aW9uIiwiaW52YWxpZCIsImUiLCJwYXJlbnROb2RlIiwiY2xhc3NMaXN0IiwiY29udGFpbnMiLCJzdG9wUHJvcGFnYXRpb24iLCJwcmV2ZW50RGVmYXVsdCIsImFkZCIsInJlbW92ZSIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJmcm9tIiwidGFyZ2V0IiwiZGlzcGF0Y2hFdmVudCIsIkV2ZW50IiwiYnViYmxlcyIsImNhbmNlbGFibGUiLCJfb25DbGVhciIsImZvckVhY2giLCJyZW1vdmVBdHRyaWJ1dGUiLCJzZWxlY3RlZExhYmVsIiwiZWxlbWVudHMiLCJmaWx0ZXIiLCJpc1NlbGVjdGVkIiwiam9pbiIsInJlbmRlclNlbGVjdCIsInJlYWRvbmx5IiwiX2lkIiwiaGVpZ2h0IiwicmVuZGVyIiwiY2xhc3NlcyIsImJveCIsInJlbmRlckxhYmVsIiwid2luZG93IiwiY3VzdG9tRWxlbWVudHMiLCJkZWZpbmUiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsU0FBVCxRQUEwQiwyQkFBMUI7QUFDQSxTQUFTQyxNQUFULFFBQXVCLHVCQUF2QjtBQUVBLFNBQVNDLEdBQVQsRUFBY0MsSUFBZCxFQUFvQkMsVUFBcEIsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxRQUFULFFBQXlCLG9CQUF6QjtBQUNBLFNBQVNDLElBQVQsUUFBcUIsZ0JBQXJCO0FBQ0EsU0FBU0MsS0FBVCxRQUFzQixpQkFBdEI7QUFDQSxTQUFTQyxtQkFBVCxRQUFvQyxlQUFwQztBQUNBLFNBQVNDLFlBQVQsUUFBNkIseUJBQTdCO0FBQ0EsU0FBU0MsSUFBVCxRQUFxQixhQUFyQjtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQSxPQUFPLE1BQU1DLGNBQU4sU0FBNkJGLFlBQVksQ0FBQ0wsVUFBRCxDQUF6QyxDQUFzRDtBQUN0QyxhQUFWUSxVQUFVLEdBQUc7QUFDdEIsV0FBTyxFQUNMLEdBQUcsTUFBTUEsVUFE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R0FBMkJ6QixJQUFJLHdDQUF3QyxLQUFLeUIsV0FBN0MsVUFBL0IsR0FBb0csRUFKN0YsR0FBWDtBQU1EOztBQUVEd0QsRUFBQUEsVUFBVSxDQUFDdkIsTUFBRCxFQUFTO0FBQ2pCLFdBQU8sS0FBS2hDLFFBQUwsR0FBZ0IsS0FBS1AsS0FBTCxJQUFjLEtBQUtBLEtBQUwsQ0FBV3FDLFFBQVgsQ0FBb0JFLE1BQU0sQ0FBQ3ZDLEtBQTNCLENBQTlCLEdBQWtFLEtBQUssS0FBS0EsS0FBVixLQUFvQixLQUFLdUMsTUFBTSxDQUFDdkMsS0FBekc7QUFDRDs7QUE3VTBEO0FBZ1Y3RHdFLE1BQU0sQ0FBQ0MsY0FBUCxDQUFzQkMsTUFBdEIsQ0FBNkIsa0JBQTdCLEVBQWlEckYsY0FBakQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY2xhc3NNYXAgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9jbGFzcy1tYXAnO1xuaW1wb3J0IHsgaWZEZWZpbmVkIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvaWYtZGVmaW5lZCc7XG5pbXBvcnQgeyByZXBlYXQgfSBmcm9tICdsaXQvZGlyZWN0aXZlcy9yZXBlYXQnO1xuXG5pbXBvcnQgeyBjc3MsIGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgc2tlbGV0b24gfSBmcm9tICcuLi9zdHlsZXMvc2tlbGV0b24nO1xuaW1wb3J0IHsgbGluayB9IGZyb20gJy4uL3N0eWxlcy9saW5rJztcbmltcG9ydCB7IGlucHV0IH0gZnJvbSAnLi4vc3R5bGVzL2lucHV0JztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcbmltcG9ydCB7IElucHV0RWxlbWVudCB9IGZyb20gJy4uL21peGlucy9pbnB1dC1lbGVtZW50JztcbmltcG9ydCB7IGkxOG4gfSBmcm9tICcuLi9saWIvaTE4bic7XG5cbi8qKlxuICogQSBzZWxlY3QgbmF0aXZlIGNvbXBvbmVudC5cbiAqXG4gKiBAZmlyZXMgZ3Ytc2VsZWN0OnNlbGVjdCAtIEV2ZW50IHdoZW4gdXNlciBzZWxlY3QgYSB2YWx1ZSAoZGVwcmVjYXRlZCwgdXNlIGd2LXNlbGVjdDppbnB1dClcbiAqIEBmaXJlcyBndi1zZWxlY3Q6aW5wdXQgLSBFdmVudCB3aGVuIHVzZXIgc2VsZWN0IGEgdmFsdWVcbiAqXG4gKiBAYXR0ciB7Qm9vbGVhbn0gZGlzYWJsZWQgLSBzYW1lIGFzIG5hdGl2ZSBzZWxlY3QgZWxlbWVudCBgZGlzYWJsZWRgIGF0dHJpYnV0ZVxuICogQGF0dHIge0Jvb2xlYW59IHJlcXVpcmVkIC0gc2FtZSBhcyBuYXRpdmUgc2VsZWN0IGVsZW1lbnQgYHJlcXVpcmVkYCBhdHRyaWJ1dGVcbiAqIEBhdHRyIHtCb29sZWFufSBza2VsZXRvbiAtIGVuYWJsZSBza2VsZXRvbiBzY3JlZW4gVUkgcGF0dGVybiAobG9hZGluZyBoaW50KVxuICogQGF0dHIge0FycmF5fSBvcHRpb25zIC0gdGhlIG9wdGlvbnMgb2YgdGhlIHNlbGVjdFxuICogQGF0dHIge1N0cmluZyB8IEFycmF5fSB2YWx1ZSAtIHRoZSB2YWx1ZSBvZiB0aGUgc2VsZWN0XG4gKiBAYXR0ciB7U3RyaW5nfSBsYWJlbCAtIGxhYmVsIG9mIHRoZSBzZWxlY3RcbiAqIEBhdHRyIHtTdHJpbmd9IHRpdGxlIC0gdGl0bGUgb2YgdGhlIHNlbGVjdFxuICogQGF0dHIge1N0cmluZ30gbmFtZSAtIG5hbWUgb2YgdGhlIHNlbGVjdFxuICogQGF0dHIge1N0cmluZ30gcGxhY2Vob2xkZXIgLSBhbiBleGFtcGxlIHZhbHVlIHRvIGRpc3BsYXkgaW4gdGhlIHNlbGVjdCB3aGVuIGVtcHR5XG4gKiBAYXR0ciB7U3RyaW5nfSBkZXNjcmlwdGlvbiAtIGEgZGVzY3JpcHRpb25cbiAqIEBhdHRyIHtCb29sZWFufSBtdWx0aXBsZSAtIGVuYWJsZSBtdWx0aXBsZSBzZWxlY3Rpb25cbiAqXG4gKiBAY3NzcHJvcCB7Q29sb3J9IFstLWd2LXNlbGVjdC0tYmdjPXZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpXSAtIEJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3Ytc2VsZWN0LS1iZGM9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KV0gLSBCb3JkZXIgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3Ytc2VsZWN0LS1jPXZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyaywgIzI2MjYyNildIC0gQ29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3Ytc2VsZWN0LWhvdmVyLS1iZ2M9dmFyKC0tZ3YtdGhlbWUtY29sb3ItbGlnaHQsICM4NmMzZDApXSAtIEhvdmVyIGJhY2tncm91bmQgY29sb3JcbiAqIEBjc3Nwcm9wIHtDb2xvcn0gWy0tZ3Ytc2VsZWN0LXNlbGVjdGVkLS1iZ2M9dmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1saWdodCwgI2VmZWZlZildIC0gU2VsZWN0ZWQgYmFja2dyb3VuZCBjb2xvclxuICovXG5leHBvcnQgY2xhc3MgR3ZTZWxlY3ROYXRpdmUgZXh0ZW5kcyBJbnB1dEVsZW1lbnQoTGl0RWxlbWVudCkge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLnN1cGVyLnByb3BlcnRpZXMsXG4gICAgICBvcHRpb25zOiB7IHR5cGU6IEFycmF5IH0sXG4gICAgICBfb3B0aW9uczogeyB0eXBlOiBBcnJheSwgYXR0cmlidXRlOiBmYWxzZSB9LFxuICAgICAgbGFyZ2U6IHsgdHlwZTogQm9vbGVhbiB9LFxuICAgICAgbWVkaXVtOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHNtYWxsOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIHZhbHVlOiB7IHR5cGU6IFN0cmluZyB8IEFycmF5IH0sXG4gICAgICBsYWJlbDogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHRpdGxlOiB7IHR5cGU6IFN0cmluZyB9LFxuICAgICAgbmFtZTogeyB0eXBlOiBTdHJpbmcgfSxcbiAgICAgIHBsYWNlaG9sZGVyOiB7IHR5cGU6IFN0cmluZyB9LFxuICAgICAgZGVzY3JpcHRpb246IHsgdHlwZTogU3RyaW5nIH0sXG4gICAgICBtdWx0aXBsZTogeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAuLi5zdXBlci5zdHlsZXMsXG4gICAgICBza2VsZXRvbixcbiAgICAgIGlucHV0LFxuICAgICAgbGluayxcbiAgICAgIC8vIGxhbmd1YWdlPUNTU1xuICAgICAgY3NzYFxuICAgICAgICAuYm94IHtcbiAgICAgICAgICAtLWJkYzogdmFyKC0tZ3Ytc2VsZWN0LS1iZGMsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSkpO1xuICAgICAgICAgIC0tYzogdmFyKC0tZ3Ytc2VsZWN0LS1jLCB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmssICMyNjI2MjYpKTtcbiAgICAgICAgICAtLWJnYzogdmFyKC0tZ3Ytc2VsZWN0LS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItbGlnaHRlc3QsICNmZmZmZmYpKTtcbiAgICAgICAgICAtLWJnYy1saXN0OiB2YXIoLS1ndi1zZWxlY3QtLWxpc3QtYmdjLCB2YXIoLS1ndi1zZWxlY3QtLWJnYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1saWdodGVzdCwgI2ZmZmZmZikpKTtcbiAgICAgICAgICAtLWhvdmVyLWJnYzogdmFyKC0tZ3Ytc2VsZWN0LWhvdmVyLS1iZ2MsIHZhcigtLWd2LXRoZW1lLWNvbG9yLWxpZ2h0LCAjODZjM2QwKSk7XG4gICAgICAgICAgLS1zZWxlY3RlZC1iZ2M6IHZhcigtLWd2LXNlbGVjdC1zZWxlY3RlZC0tYmdjLCB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWxpZ2h0LCAjZWZlZmVmKSk7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1jKTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtyZWFkb25seV0pIGRpdixcbiAgICAgICAgOmhvc3QoW3JlYWRvbmx5XSkgaW5wdXQsXG4gICAgICAgIDpob3N0KFtyZWFkb25seV0pIGlucHV0OnJlYWQtb25seTpob3ZlciB7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IGF1dG87XG4gICAgICAgICAgY3Vyc29yOiB0ZXh0O1xuICAgICAgICB9XG5cbiAgICAgICAgaW5wdXQ6cmVhZC1vbmx5OmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICBsYWJlbCB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWMpO1xuICAgICAgICB9XG5cbiAgICAgICAgc2VsZWN0LFxuICAgICAgICAubXVsdGlwbGUgLmlucHV0IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoNDVkZWcsIHRyYW5zcGFyZW50IDUwJSwgdmFyKC0tYykgNTAlKSwgbGluZWFyLWdyYWRpZW50KDEzNWRlZywgdmFyKC0tYykgNTAlLCB0cmFuc3BhcmVudCA1MCUpLFxuICAgICAgICAgICAgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjY2NjLCAjY2NjKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDEwMCUgLSAxN3B4KSBjYWxjKDFlbSArIDJweCksIGNhbGMoMTAwJSAtIDEycHgpIGNhbGMoMWVtICsgMnB4KSwgY2FsYygxMDAlIC0gMi41ZW0pIDAuNWVtO1xuICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogNXB4IDVweCwgNXB4IDVweCwgMXB4IDEuNWVtO1xuICAgICAgICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmdjKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tdWx0aXBsZSAuaW5wdXQge1xuICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDM1cHg7XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG5cbiAgICAgICAgLm11bHRpcGxlIGd2LWljb24ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAubXVsdGlwbGUubm90LWVtcHR5IDpub3QoLnNob3cpIC5pbnB1dCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogbm9uZSwgbGluZWFyLWdyYWRpZW50KDE1NWRlZywgdmFyKC0tYykgMCUsIHRyYW5zcGFyZW50IDAlKSwgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjY2NjLCAjY2NjKTtcbiAgICAgICAgfVxuICAgICAgICAubXVsdGlwbGUubm90LWVtcHR5IGd2LWljb24ge1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNtYWxsIC5tdWx0aXBsZSAuaW5wdXQge1xuICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDMwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc21hbGwgc2VsZWN0LFxuICAgICAgICAuc21hbGwubXVsdGlwbGUgLmlucHV0IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDEwMCUgLSAxNnB4KSBjYWxjKDAuOGVtKSwgY2FsYygxMDAlIC0gMTFweCkgY2FsYygwLjhlbSksIGNhbGMoMTAwJSAtIDIuNWVtKSAwLjVlbTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDVweCA1cHgsIDVweCA1cHgsIDFweCAxZW07XG4gICAgICAgIH1cblxuICAgICAgICAubXVsdGlwbGUgc2VsZWN0IHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiB2YXIoLS1pbnB1dC1tZWRpdW0tLWgpO1xuICAgICAgICB9XG5cbiAgICAgICAgLm11bHRpcGxlIC5zaG93IHtcbiAgICAgICAgICBtaW4taGVpZ2h0OiA3NXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm11bHRpcGxlIC5zaG93IHNlbGVjdCB7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICAgIG1heC1oZWlnaHQ6IDMwMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgZ3YtaWNvbiB7XG4gICAgICAgICAgLS1ndi1pY29uLS1zOiAxOXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm1lZGl1bSBndi1pY29uIHtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IDE0cHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc21hbGwgZ3YtaWNvbiB7XG4gICAgICAgICAgLS1ndi1pY29uLS1zOiAxMXB4O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuX29wdGlvbnMgPSBbeyBsYWJlbDogJycsIHZhbHVlOiAnJywgZGlzYWJsZWQ6IGZhbHNlLCB0aXRsZTogbnVsbCB9XTtcbiAgfVxuXG4gIGdldElucHV0RWxlbWVudCgpIHtcbiAgICByZXR1cm4gdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJ3NlbGVjdCcpO1xuICB9XG5cbiAgYXN5bmMgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKSB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICAvLyBHaXZlIHRoZSBicm93c2VyIGEgY2hhbmNlIHRvIHBhaW50XG4gICAgYXdhaXQgbmV3IFByb21pc2UoKHJlc29sdmUpID0+IHNldFRpbWVvdXQocmVzb2x2ZSwgMCkpO1xuICAgIGNvbnN0IGlucHV0ID0gdGhpcy5nZXRJbnB1dEVsZW1lbnQoKTtcbiAgICBpZiAoaW5wdXQpIHtcbiAgICAgIGlucHV0LmFkZEV2ZW50TGlzdGVuZXIoJ2lucHV0JywgdGhpcy5fb25JbnB1dC5iaW5kKHRoaXMpKTtcbiAgICAgIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICAgIGlucHV0LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIHRoaXMuX29uRW50ZXIuYmluZCh0aGlzKSk7XG4gICAgICAgIGlucHV0LmFkZEV2ZW50TGlzdGVuZXIoJ2ZvY3VzJywgdGhpcy5fb25FbnRlci5iaW5kKHRoaXMpKTtcbiAgICAgICAgaW5wdXQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2VsZWF2ZScsIHRoaXMuX29uTGVhdmUuYmluZCh0aGlzKSk7XG4gICAgICAgIGlucHV0LmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCB0aGlzLl9vbkxlYXZlLmJpbmQodGhpcykpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpIHtcbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCd2YWx1ZScpKSB7XG4gICAgICB0aGlzLnVwZGF0ZVN0YXRlKHRoaXMudmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVN0YXRlKHZhbHVlKSB7XG4gICAgc3VwZXIudXBkYXRlU3RhdGUodmFsdWUpO1xuICAgIGlmICh2YWx1ZSAmJiB0aGlzLl9vcHRpb25zICYmIHRoaXMudmFsaWQpIHtcbiAgICAgIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICAgIGlmICh0aGlzLnJlcXVpcmVkKSB7XG4gICAgICAgICAgdGhpcy5zZXRWYWxpZGl0eSh2YWx1ZS5sZW5ndGggPT09IDAsICdmaWVsZCBpcyByZXF1aXJlZCcpO1xuICAgICAgICB9XG4gICAgICAgIGlmICh2YWx1ZS5sZW5ndGggPiAwICYmIHRoaXMudmFsaWQpIHtcbiAgICAgICAgICBjb25zdCBwb3NzaWJsZVZhbHVlcyA9IHRoaXMuX29wdGlvbnMubWFwKChvKSA9PiBvLnZhbHVlKTtcbiAgICAgICAgICB0aGlzLnNldFZhbGlkaXR5KCF2YWx1ZS5zb21lKCh2KSA9PiBwb3NzaWJsZVZhbHVlcy5pbmNsdWRlcyh2KSksICd2YWx1ZSBpcyBub3QgaW5jbHVkZWQgaW4gdGhlIHBvc3NpYmxlIHZhbHVlcycpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnNldFZhbGlkaXR5KFxuICAgICAgICAgIHRoaXMucmVxdWlyZWQgJiYgdGhpcy5fb3B0aW9ucy5maW5kKChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpID09IG51bGwsXG4gICAgICAgICAgJ3ZhbHVlIGlzIG5vdCBpbmNsdWRlZCBpbiB0aGUgcG9zc2libGUgdmFsdWVzJyxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuaW52YWxpZCA9ICF0aGlzLnZhbGlkO1xuICAgIH1cbiAgfVxuXG4gIF9vbkVudGVyKGUpIHtcbiAgICBjb25zdCBpbnB1dCA9IHRoaXMuZ2V0SW5wdXRFbGVtZW50KCk7XG4gICAgaWYgKCFpbnB1dC5wYXJlbnROb2RlLmNsYXNzTGlzdC5jb250YWlucygnc2hvdycpKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgaW5wdXQucGFyZW50Tm9kZS5jbGFzc0xpc3QuYWRkKCdzaG93Jyk7XG4gICAgfVxuICB9XG5cbiAgX29uTGVhdmUoKSB7XG4gICAgdGhpcy5nZXRJbnB1dEVsZW1lbnQoKS5wYXJlbnROb2RlLmNsYXNzTGlzdC5yZW1vdmUoJ3Nob3cnKTtcbiAgfVxuXG4gIF9vbklucHV0KGUpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICBjb25zdCBvcHRpb25zID0gdGhpcy5nZXRJbnB1dEVsZW1lbnQoKS5xdWVyeVNlbGVjdG9yQWxsKCdvcHRpb246Y2hlY2tlZCcpO1xuICAgICAgdGhpcy52YWx1ZSA9IEFycmF5LmZyb20ob3B0aW9ucykubWFwKChvKSA9PiBvLnZhbHVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy52YWx1ZSA9IGUudGFyZ2V0LnZhbHVlO1xuICAgIH1cbiAgICB0aGlzLnVwZGF0ZVN0YXRlKHRoaXMudmFsdWUpO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ3NlbGVjdCcsIHRoaXMudmFsdWUpO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ2lucHV0JywgdGhpcy52YWx1ZSk7XG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNhbmNlbGFibGU6IHRydWUgfSkpO1xuICB9XG5cbiAgX29uQ2xlYXIoKSB7XG4gICAgQXJyYXkuZnJvbSh0aGlzLmdldElucHV0RWxlbWVudCgpLnF1ZXJ5U2VsZWN0b3JBbGwoJ29wdGlvbjpjaGVja2VkJykpLmZvckVhY2goKG9wdGlvbikgPT4gb3B0aW9uLnJlbW92ZUF0dHJpYnV0ZSgnY2hlY2tlZCcpKTtcbiAgICB0aGlzLnZhbHVlID0gW107XG4gICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnc2VsZWN0JywgdGhpcy52YWx1ZSk7XG4gICAgZGlzcGF0Y2hDdXN0b21FdmVudCh0aGlzLCAnaW5wdXQnLCB0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSwgY2FuY2VsYWJsZTogdHJ1ZSB9KSk7XG4gIH1cblxuICBzZXQgb3B0aW9ucyhvcHRpb25zKSB7XG4gICAgaWYgKG9wdGlvbnMpIHtcbiAgICAgIHRoaXMuX29wdGlvbnMgPSBvcHRpb25zLm1hcCgob3B0aW9uKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2Ygb3B0aW9uICE9PSAnb2JqZWN0Jykge1xuICAgICAgICAgIHJldHVybiB7IHZhbHVlOiBvcHRpb24sIGxhYmVsOiBvcHRpb24gfTtcbiAgICAgICAgfSBlbHNlIGlmICghb3B0aW9uLmxhYmVsKSB7XG4gICAgICAgICAgcmV0dXJuIHsgdmFsdWU6IG9wdGlvbi52YWx1ZSwgbGFiZWw6IG9wdGlvbi52YWx1ZSB9O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBvcHRpb247XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3RlZExhYmVsKCkge1xuICAgIGlmICh0aGlzLnZhbHVlICE9IG51bGwpIHtcbiAgICAgIGNvbnN0IGVsZW1lbnRzID0gdGhpcy5fb3B0aW9ucy5maWx0ZXIoKG8pID0+IHRoaXMuaXNTZWxlY3RlZChvKSk7XG4gICAgICBpZiAoZWxlbWVudHMpIHtcbiAgICAgICAgcmV0dXJuIGVsZW1lbnRzLm1hcCgoZSkgPT4gZS5sYWJlbCkuam9pbignLCAnKTtcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9XG5cbiAgcmVuZGVyU2VsZWN0KCkge1xuICAgIGNvbnN0IHNlbGVjdGVkTGFiZWwgPSB0aGlzLnNlbGVjdGVkTGFiZWwoKTtcbiAgICBpZiAodGhpcy5yZWFkb25seSkge1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGlkPSR7dGhpcy5faWR9XG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIC5uYW1lPSR7aWZEZWZpbmVkKHRoaXMubmFtZSl9XG4gICAgICAgICAgLnRpdGxlPSR7aWZEZWZpbmVkKHNlbGVjdGVkTGFiZWwgfHwgdGhpcy50aXRsZSB8fCB0aGlzLmxhYmVsKX1cbiAgICAgICAgICAucmVxdWlyZWQ9JHt0aGlzLnJlcXVpcmVkfVxuICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9JHshIXRoaXMucmVxdWlyZWR9XG4gICAgICAgICAgLnBsYWNlaG9sZGVyPSR7aWZEZWZpbmVkKHRoaXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgIC52YWx1ZT0ke3NlbGVjdGVkTGFiZWx9XG4gICAgICAgICAgcmVhZG9ubHk9XCJyZWFkb25seVwiXG4gICAgICAgIC8+XG4gICAgICBgO1xuICAgIH0gZWxzZSBpZiAodGhpcy5tdWx0aXBsZSkge1xuICAgICAgY29uc3QgaGVpZ2h0ID0gdGhpcy5fb3B0aW9ucyA/IHRoaXMuX29wdGlvbnMubGVuZ3RoICogKHRoaXMuc21hbGwgPyAyMCA6IDI1KSA6IDUwO1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAubmFtZT0ke2lmRGVmaW5lZCh0aGlzLm5hbWUpfVxuICAgICAgICAgIC50aXRsZT0ke2lmRGVmaW5lZChzZWxlY3RlZExhYmVsIHx8IHRoaXMudGl0bGUgfHwgdGhpcy5sYWJlbCl9XG4gICAgICAgICAgLnJlcXVpcmVkPSR7dGhpcy5yZXF1aXJlZH1cbiAgICAgICAgICBhcmlhLXJlcXVpcmVkPSR7ISF0aGlzLnJlcXVpcmVkfVxuICAgICAgICAgIC5wbGFjZWhvbGRlcj0ke2lmRGVmaW5lZCh0aGlzLnBsYWNlaG9sZGVyKX1cbiAgICAgICAgICAudmFsdWU9JHtzZWxlY3RlZExhYmVsfVxuICAgICAgICAgIHJlYWRvbmx5PVwicmVhZG9ubHlcIlxuICAgICAgICAvPlxuICAgICAgICA8c2VsZWN0XG4gICAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgICAgaWQ9JHt0aGlzLl9pZH1cbiAgICAgICAgICAubmFtZT0ke2lmRGVmaW5lZCh0aGlzLm5hbWUpfVxuICAgICAgICAgIC50aXRsZT0ke2lmRGVmaW5lZChzZWxlY3RlZExhYmVsIHx8IHRoaXMudGl0bGUgfHwgdGhpcy5sYWJlbCl9XG4gICAgICAgICAgLnJlcXVpcmVkPSR7dGhpcy5yZXF1aXJlZH1cbiAgICAgICAgICBhcmlhLXJlcXVpcmVkPSR7ISF0aGlzLnJlcXVpcmVkfVxuICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbn1cbiAgICAgICAgICAucGxhY2Vob2xkZXI9JHtpZkRlZmluZWQodGhpcy5wbGFjZWhvbGRlcil9XG4gICAgICAgICAgbXVsdGlwbGVcbiAgICAgICAgICAuc2l6ZT1cIiR7dGhpcy5fb3B0aW9ucy5sZW5ndGh9XCJcbiAgICAgICAgICBzdHlsZT1cImhlaWdodDogJHtoZWlnaHR9cHhcIlxuICAgICAgICA+XG4gICAgICAgICAgJHt0aGlzLl9vcHRpb25zICYmXG4gICAgICAgICAgcmVwZWF0KFxuICAgICAgICAgICAgdGhpcy5fb3B0aW9ucyxcbiAgICAgICAgICAgIChvcHRpb24pID0+IG9wdGlvbixcbiAgICAgICAgICAgIChvcHRpb24pID0+IGh0bWxgIDxvcHRpb24gdmFsdWU9XCIke29wdGlvbi52YWx1ZSB8fCAnJ31cIiA/c2VsZWN0ZWQ9XCIke3RoaXMuaXNTZWxlY3RlZChvcHRpb24pfVwiPiR7b3B0aW9uLmxhYmVsfTwvb3B0aW9uPiBgLFxuICAgICAgICAgICl9XG4gICAgICAgIDwvc2VsZWN0PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm94LWljb24gYm94LWljb24tY2xlYXJcIj5cbiAgICAgICAgICA8Z3YtaWNvbiBjbGFzcz1cImxpbmtcIiBzaGFwZT1cImNvZGU6ZXJyb3JcIiB0aXRsZT1cIiR7aTE4bignZ3YtaW5wdXQuY2xlYXInKX1cIiBAY2xpY2s9XCIke3RoaXMuX29uQ2xlYXJ9XCI+PC9ndi1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIGA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBodG1sYDxzZWxlY3RcbiAgICAgICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgICAgIGlkPSR7dGhpcy5faWR9XG4gICAgICAgIC5uYW1lPSR7aWZEZWZpbmVkKHRoaXMubmFtZSl9XG4gICAgICAgIC50aXRsZT0ke2lmRGVmaW5lZChzZWxlY3RlZExhYmVsIHx8IHRoaXMudGl0bGUgfHwgdGhpcy5sYWJlbCl9XG4gICAgICAgIC5yZXF1aXJlZD0ke3RoaXMucmVxdWlyZWR9XG4gICAgICAgIGFyaWEtcmVxdWlyZWQ9JHshIXRoaXMucmVxdWlyZWR9XG4gICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5za2VsZXRvbn1cbiAgICAgICAgLnBsYWNlaG9sZGVyPSR7aWZEZWZpbmVkKHRoaXMucGxhY2Vob2xkZXIpfVxuICAgICAgPlxuICAgICAgICAke3RoaXMuX29wdGlvbnMgJiZcbiAgICAgICAgcmVwZWF0KFxuICAgICAgICAgIHRoaXMuX29wdGlvbnMsXG4gICAgICAgICAgKG9wdGlvbikgPT4gb3B0aW9uLFxuICAgICAgICAgIChvcHRpb24pID0+IGh0bWxgIDxvcHRpb24gdmFsdWU9XCIke29wdGlvbi52YWx1ZSB8fCAnJ31cIiA/c2VsZWN0ZWQ9XCIke3RoaXMuaXNTZWxlY3RlZChvcHRpb24pfVwiPiR7b3B0aW9uLmxhYmVsfTwvb3B0aW9uPmAsXG4gICAgICAgICl9XG4gICAgICA8L3NlbGVjdD5gO1xuICAgIH1cbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCBjbGFzc2VzID0ge1xuICAgICAgYm94OiB0cnVlLFxuICAgICAgbGFyZ2U6IHRoaXMubGFyZ2UsXG4gICAgICBtZWRpdW06IHRoaXMubWVkaXVtIHx8ICghdGhpcy5sYXJnZSAmJiAhdGhpcy5zbWFsbCksXG4gICAgICBzbWFsbDogdGhpcy5zbWFsbCxcbiAgICAgIHNrZWxldG9uOiB0aGlzLnNrZWxldG9uLFxuICAgICAgcmVxdWlyZWQ6IHRoaXMucmVxdWlyZWQsXG4gICAgICBtdWx0aXBsZTogdGhpcy5tdWx0aXBsZSxcbiAgICAgICdub3QtZW1wdHknOiB0aGlzLl9vcHRpb25zICYmIHRoaXMubXVsdGlwbGUgJiYgdGhpcy52YWx1ZSAmJiB0aGlzLnZhbHVlLmxlbmd0aCA+IDAsXG4gICAgfTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cIiR7Y2xhc3NNYXAoY2xhc3Nlcyl9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3gtaW5wdXRcIj4ke3RoaXMucmVuZGVyTGFiZWwoKX0gJHt0aGlzLnJlbmRlclNlbGVjdCgpfTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICAke3RoaXMuZGVzY3JpcHRpb24gIT0gbnVsbCA/IGh0bWxgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCIgLmlubmVySFRNTD1cIiR7dGhpcy5kZXNjcmlwdGlvbn1cIj48L2Rpdj5gIDogJyd9XG4gICAgYDtcbiAgfVxuXG4gIGlzU2VsZWN0ZWQob3B0aW9uKSB7XG4gICAgcmV0dXJuIHRoaXMubXVsdGlwbGUgPyB0aGlzLnZhbHVlICYmIHRoaXMudmFsdWUuaW5jbHVkZXMob3B0aW9uLnZhbHVlKSA6ICcnICsgdGhpcy52YWx1ZSA9PT0gJycgKyBvcHRpb24udmFsdWU7XG4gIH1cbn1cblxud2luZG93LmN1c3RvbUVsZW1lbnRzLmRlZmluZSgnZ3Ytc2VsZWN0LW5hdGl2ZScsIEd2U2VsZWN0TmF0aXZlKTtcbiJdfQ==
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvSelectNative=void 0;const e=require("lit/directives/class-map"),t=require("lit/directives/if-defined"),i=require("lit/directives/repeat"),l=require("lit"),s=require("../styles/skeleton"),n=require("../styles/link"),a=require("../styles/input"),r=require("../lib/events"),o=require("../mixins/input-element"),c=require("../lib/i18n");class p extends((0,o.InputElement)(l.LitElement)){static get properties(){return{...super.properties,options:{type:Array},_options:{type:Array,attribute:!1},large:{type:Boolean},medium:{type:Boolean},small:{type:Boolean},value:{type:String|Array},label:{type:String},title:{type:String},name:{type:String},placeholder:{type:String},description:{type:String},multiple:{type:Boolean,reflect:!0}}}static get styles(){return[...super.styles,s.skeleton,a.input,n.link,l.css`.box{--bdc:var(--gv-select--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));--c:var(--gv-select--c, var(--gv-theme-font-color-dark, #262626));--bgc:var(--gv-select--bgc, var(--gv-theme-neutral-color-lightest, #ffffff));--bgc-list:var(--gv-select--list-bgc, var(--gv-select--bgc, var(--gv-theme-neutral-color-lightest, #ffffff)));--hover-bgc:var(--gv-select-hover--bgc, var(--gv-theme-color-light, #86c3d0));--selected-bgc:var(--gv-select-selected--bgc, var(--gv-theme-neutral-color-light, #efefef));position:relative;color:var(--c)}:host([readonly]) div,:host([readonly]) input,:host([readonly]) input:read-only:hover{user-select:auto;cursor:text}input:read-only:hover{cursor:pointer}label{color:var(--c)}.multiple .input,select{background-image:linear-gradient(45deg,transparent 50%,var(--c) 50%),linear-gradient(135deg,var(--c) 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 17px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;-webkit-appearance:none;appearance:none;background-color:var(--bgc)}.multiple .input{padding-right:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multiple gv-icon{display:none}.multiple.not-empty :not(.show) .input{background-image:none,linear-gradient(155deg,var(--c) 0,transparent 0),linear-gradient(to right,#ccc,#ccc)}.multiple.not-empty gv-icon{display:block}.small .multiple .input{padding-right:30px}.small select,.small.multiple .input{background-position:calc(100% - 16px) calc(.8em),calc(100% - 11px) calc(.8em),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1em}.multiple select{opacity:0;position:absolute;left:0;top:0;max-height:var(--input-medium--h)}.multiple .show{min-height:75px}.multiple .show select{opacity:1;z-index:1000;max-height:300px}gv-icon{--gv-icon--s:19px}.medium gv-icon{--gv-icon--s:14px}.small gv-icon{--gv-icon--s:11px}`]}constructor(){super(),this._options=[{label:"",value:"",disabled:!1,title:null}]}getInputElement(){return this.shadowRoot.querySelector("select")}async firstUpdated(e){super.firstUpdated(e),await new Promise((e=>setTimeout(e,0)));const t=this.getInputElement();t&&(t.addEventListener("input",this._onInput.bind(this)),this.multiple&&(t.addEventListener("mousedown",this._onEnter.bind(this)),t.addEventListener("focus",this._onEnter.bind(this)),t.addEventListener("mouseleave",this._onLeave.bind(this)),t.addEventListener("blur",this._onLeave.bind(this))))}willUpdate(e){e.has("value")&&this.updateState(this.value)}updateState(e){if(super.updateState(e),e&&this._options&&this.valid){if(this.multiple){if(this.required&&this.setValidity(0===e.length,"field is required"),e.length>0&&this.valid){const t=this._options.map((e=>e.value));this.setValidity(!e.some((e=>t.includes(e))),"value is not included in the possible values")}}else this.setValidity(this.required&&null==this._options.find((t=>t.value===e)),"value is not included in the possible values");this.invalid=!this.valid}}_onEnter(e){const t=this.getInputElement();t.parentNode.classList.contains("show")||(e.stopPropagation(),e.preventDefault(),t.parentNode.classList.add("show"))}_onLeave(){this.getInputElement().parentNode.classList.remove("show")}_onInput(e){if(e.stopPropagation(),this.multiple){const e=this.getInputElement().querySelectorAll("option:checked");this.value=Array.from(e).map((e=>e.value))}else this.value=e.target.value;this.updateState(this.value),(0,r.dispatchCustomEvent)(this,"select",this.value),(0,r.dispatchCustomEvent)(this,"input",this.value),this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0}))}_onClear(){Array.from(this.getInputElement().querySelectorAll("option:checked")).forEach((e=>e.removeAttribute("checked"))),this.value=[],(0,r.dispatchCustomEvent)(this,"select",this.value),(0,r.dispatchCustomEvent)(this,"input",this.value),this.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0}))}set options(e){e&&(this._options=e.map((e=>"object"!=typeof e?{value:e,label:e}:e.label?e:{value:e.value,label:e.value})))}selectedLabel(){if(null!=this.value){const e=this._options.filter((e=>this.isSelected(e)));if(e)return e.map((e=>e.label)).join(", ")}return""}renderSelect(){const e=this.selectedLabel();if(this.readonly)return l.html`<input id="${this._id}" type="text" .name="${(0,t.ifDefined)(this.name)}" .title="${(0,t.ifDefined)(e||this.title||this.label)}" .required="${this.required}" aria-required="${!!this.required}" .placeholder="${(0,t.ifDefined)(this.placeholder)}" .value="${e}" readonly="readonly">`;if(this.multiple){const s=this._options?this._options.length*(this.small?20:25):50;return l.html`<input class="input" type="text" .name="${(0,t.ifDefined)(this.name)}" .title="${(0,t.ifDefined)(e||this.title||this.label)}" .required="${this.required}" aria-required="${!!this.required}" .placeholder="${(0,t.ifDefined)(this.placeholder)}" .value="${e}" readonly="readonly"> <select class="input" id="${this._id}" .name="${(0,t.ifDefined)(this.name)}" .title="${(0,t.ifDefined)(e||this.title||this.label)}" .required="${this.required}" aria-required="${!!this.required}" ?disabled="${this.disabled||this.skeleton}" .placeholder="${(0,t.ifDefined)(this.placeholder)}" multiple="multiple" .size="${this._options.length}" style="height:${s}">${this._options&&(0,i.repeat)(this._options,(e=>e),(e=>l.html`<option value="${e.value||""}" ?selected="${this.isSelected(e)}">${e.label}</option>`))}</select><div class="box-icon box-icon-clear"><gv-icon class="link" shape="code:error" title="${(0,c.i18n)("gv-input.clear")}" @click="${this._onClear}"></gv-icon></div>`}return l.html`<select class="input" id="${this._id}" .name="${(0,t.ifDefined)(this.name)}" .title="${(0,t.ifDefined)(e||this.title||this.label)}" .required="${this.required}" aria-required="${!!this.required}" ?disabled="${this.disabled||this.skeleton}" .placeholder="${(0,t.ifDefined)(this.placeholder)}">${this._options&&(0,i.repeat)(this._options,(e=>e),(e=>l.html`<option value="${e.value||""}" ?selected="${this.isSelected(e)}">${e.label}</option>`))}</select>`}render(){const t={box:!0,large:this.large,medium:this.medium||!this.large&&!this.small,small:this.small,skeleton:this.skeleton,required:this.required,multiple:this.multiple,"not-empty":this._options&&this.multiple&&this.value&&this.value.length>0};return l.html`<div class="${(0,e.classMap)(t)}"><div class="box-input">${this.renderLabel()} ${this.renderSelect()}</div></div>${null!=this.description?l.html`<div class="description" .innerHTML="${this.description}"></div>`:""}`}isSelected(e){return this.multiple?this.value&&this.value.includes(e.value):""+this.value==""+e.value}}exports.GvSelectNative=p,window.customElements.define("gv-select-native",p);
|