@design.estate/dees-catalog 1.0.230 → 1.0.231
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/dist_bundle/bundle.js +140 -135
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-input-dropdown.d.ts +2 -1
- package/dist_ts_web/elements/dees-input-dropdown.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-input-dropdown.demo.js +11 -0
- package/dist_ts_web/elements/dees-input-dropdown.js +9 -19
- package/dist_ts_web/elements/dees-modal.js +2 -1
- package/dist_ts_web/elements/dees-windowlayer.js +11 -3
- package/dist_watch/bundle.js +3593 -2741
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +12 -12
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-input-dropdown.demo.ts +11 -0
- package/ts_web/elements/dees-input-dropdown.ts +10 -18
- package/ts_web/elements/dees-modal.ts +1 -0
- package/ts_web/elements/dees-windowlayer.ts +10 -2
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '1.0.
|
|
6
|
+
version: '1.0.230',
|
|
7
7
|
description: 'website for lossless.com'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9
|
|
@@ -26,5 +26,6 @@ export declare class DeesInputDropdown extends DeesElement {
|
|
|
26
26
|
render(): TemplateResult;
|
|
27
27
|
firstUpdated(): void;
|
|
28
28
|
updateSelection(selectedOption: any): Promise<void>;
|
|
29
|
-
|
|
29
|
+
openSelectionBox(): void;
|
|
30
|
+
closeSelectionBox(): void;
|
|
30
31
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
export const demoFunc = () => html `
|
|
3
|
+
<dees-input-dropdown
|
|
4
|
+
.options=${[
|
|
5
|
+
{ option: 'option 1', key: 'option1' },
|
|
6
|
+
{ option: 'option 2', key: 'option2' },
|
|
7
|
+
{ option: 'option 3', key: 'option3' }
|
|
8
|
+
]}
|
|
9
|
+
></dees-input-dropdown>
|
|
10
|
+
`;
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZHJvcGRvd24uZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7YUFFckI7SUFDVCxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztDQUNyQzs7Q0FFRixDQUFBIn0=
|
|
@@ -9,6 +9,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
9
9
|
};
|
|
10
10
|
import { customElement, DeesElement, property, html, css, cssManager, } from '@design.estate/dees-element';
|
|
11
11
|
import * as domtools from '@design.estate/dees-domtools';
|
|
12
|
+
import { demoFunc } from './dees-input-dropdown.demo.js';
|
|
12
13
|
export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
|
|
13
14
|
constructor() {
|
|
14
15
|
super(...arguments);
|
|
@@ -24,15 +25,7 @@ export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
|
|
|
24
25
|
this.required = false;
|
|
25
26
|
this.disabled = false;
|
|
26
27
|
}
|
|
27
|
-
static { this.demo =
|
|
28
|
-
<dees-input-dropdown
|
|
29
|
-
.options=${[
|
|
30
|
-
{ option: 'option 1', key: 'option1' },
|
|
31
|
-
{ option: 'option 2', key: 'option2' },
|
|
32
|
-
{ option: 'option 3', key: 'option3' }
|
|
33
|
-
]}
|
|
34
|
-
></dees-input-dropdown>
|
|
35
|
-
`; }
|
|
28
|
+
static { this.demo = demoFunc; }
|
|
36
29
|
static { this.styles = [
|
|
37
30
|
cssManager.defaultStyles,
|
|
38
31
|
css `
|
|
@@ -82,12 +75,11 @@ export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
|
|
|
82
75
|
cursor: pointer;
|
|
83
76
|
transition: all 0.2s ease;
|
|
84
77
|
opacity: 0;
|
|
85
|
-
position:
|
|
78
|
+
position: absolute;
|
|
86
79
|
background: ${cssManager.bdTheme('#ffffff', '#222222')};
|
|
87
80
|
max-width: 420px;
|
|
88
81
|
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
|
|
89
82
|
min-height: 40px;
|
|
90
|
-
margin-top: -40px;
|
|
91
83
|
z-index: 100;
|
|
92
84
|
border-radius: 3px;
|
|
93
85
|
padding: 4px;
|
|
@@ -116,12 +108,8 @@ export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
|
|
|
116
108
|
]; }
|
|
117
109
|
render() {
|
|
118
110
|
return html `
|
|
119
|
-
${domtools.elementBasic.styles}
|
|
120
|
-
<style>
|
|
121
|
-
|
|
122
|
-
</style>
|
|
123
111
|
<div class="maincontainer">
|
|
124
|
-
<div class="selectedBox show" @click="${event => { this.
|
|
112
|
+
<div class="selectedBox show" @click="${event => { this.openSelectionBox(); }}">
|
|
125
113
|
${this.selectedOption?.option}
|
|
126
114
|
</div>
|
|
127
115
|
<div class="selectionBox">
|
|
@@ -143,13 +131,15 @@ export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
|
|
|
143
131
|
detail: selectedOption,
|
|
144
132
|
bubbles: true
|
|
145
133
|
}));
|
|
146
|
-
this.
|
|
134
|
+
this.openSelectionBox();
|
|
147
135
|
this.changeSubject.next(this);
|
|
148
136
|
}
|
|
149
|
-
|
|
137
|
+
openSelectionBox() {
|
|
150
138
|
this.shadowRoot.querySelector('.selectedBox').classList.toggle('show');
|
|
151
139
|
this.shadowRoot.querySelector('.selectionBox').classList.toggle('show');
|
|
152
140
|
}
|
|
141
|
+
closeSelectionBox() {
|
|
142
|
+
}
|
|
153
143
|
};
|
|
154
144
|
__decorate([
|
|
155
145
|
property({
|
|
@@ -185,4 +175,4 @@ __decorate([
|
|
|
185
175
|
DeesInputDropdown = __decorate([
|
|
186
176
|
customElement('dees-input-dropdown')
|
|
187
177
|
], DeesInputDropdown);
|
|
188
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
178
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LWRyb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUF1QixRQUFRLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEdBQW1CLE1BQU0sNkJBQTZCLENBQUM7QUFDaEosT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFTbEQsV0FBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBa0IsU0FBUSxXQUFXO0lBQTNDOztRQUdMLFdBQVc7UUFDSixrQkFBYSxHQUFHLElBQUksUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBTTVELFVBQUssR0FBVyxPQUFPLENBQUM7UUFNeEIsWUFBTyxHQUFtRCxFQUFFLENBQUM7UUFHN0QsbUJBQWMsR0FBaUQ7WUFDcEUsR0FBRyxFQUFFLElBQUk7WUFDVCxNQUFNLEVBQUUsSUFBSTtZQUNaLE9BQU8sRUFBRSxJQUFJO1NBQ2QsQ0FBQztRQUtLLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFLMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQTJIbkMsQ0FBQzthQTNKZSxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVc7YUFrQ2YsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7O21CQVNZLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7d0JBb0I3QixVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7d0JBQ3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsNkJBQTZCLEVBQUUsTUFBTSxDQUFDOzs7Ozs7O2tDQU8vQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7cUNBQ3JDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozt3QkFVckQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNEIzRDtLQUNGLEFBL0VtQixDQStFbkI7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O2dEQUVpQyxLQUFLLENBQUMsRUFBRSxHQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUEsQ0FBQztZQUN2RSxJQUFJLENBQUMsY0FBYyxFQUFFLE1BQU07OztZQUczQixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUMxQixPQUFPLElBQUksQ0FBQTsyQ0FDb0IsR0FBRyxFQUFFLEdBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBLENBQUMsSUFBSSxNQUFNLENBQUMsTUFBTTthQUNwRixDQUFBO1FBQ0gsQ0FBQyxDQUFDOzs7S0FHUCxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ2hELENBQUM7SUFFTSxLQUFLLENBQUMsZUFBZSxDQUFDLGNBQWM7UUFDekMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFFckMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRTtZQUNuRCxNQUFNLEVBQUUsY0FBYztZQUN0QixPQUFPLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FBQyxDQUFDO1FBQ0osSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGdCQUFnQjtRQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUUsQ0FBQztJQUVNLGlCQUFpQjtJQUV4QixDQUFDOztBQWpKTTtJQUpOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO1FBQ1osT0FBTyxFQUFFLElBQUk7S0FDZCxDQUFDOztnREFDNkI7QUFHeEI7SUFETixRQUFRLEVBQUU7OzhDQUNRO0FBR1o7SUFETixRQUFRLEVBQUU7O2tEQUN5RDtBQUc3RDtJQUROLFFBQVEsRUFBRTs7eURBS1Q7QUFLSztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7bURBQytCO0FBSzFCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOzttREFDK0I7QUFqQ3RCLGlCQUFpQjtJQUQ3QixhQUFhLENBQUMscUJBQXFCLENBQUM7R0FDeEIsaUJBQWlCLENBNEo3QiJ9
|
|
@@ -44,6 +44,7 @@ export let DeesModal = class DeesModal extends DeesElement {
|
|
|
44
44
|
:host {
|
|
45
45
|
font-family: 'Roboto', 'Inter', sans-serif;
|
|
46
46
|
color: ${cssManager.bdTheme('#333', '#fff')};
|
|
47
|
+
will-change: transform;
|
|
47
48
|
}
|
|
48
49
|
.modalContainer {
|
|
49
50
|
display: flex;
|
|
@@ -178,4 +179,4 @@ DeesModal = DeesModal_1 = __decorate([
|
|
|
178
179
|
customElement('dees-modal'),
|
|
179
180
|
__metadata("design:paramtypes", [])
|
|
180
181
|
], DeesModal);
|
|
181
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
182
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLW1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxTQUFTLEdBQWYsTUFBTSxTQUFVLFNBQVEsV0FBVzs7SUFDeEMsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUV2QixNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUlqQztRQUNDLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDM0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxXQUFTLEVBQUUsQ0FBQztRQUM5QixLQUFLLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDbkMsS0FBSyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ25DLEtBQUssQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQztRQUMzQyxLQUFLLENBQUMsV0FBVyxHQUFHLE1BQU0sZUFBZSxDQUFDLGFBQWEsQ0FBQztZQUN0RCxJQUFJLEVBQUUsSUFBSTtTQUNYLENBQUMsQ0FBQztRQUNILEtBQUssQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUss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
|
|
@@ -55,14 +55,22 @@ export let DeesWindowLayer = class DeesWindowLayer extends DeesElement {
|
|
|
55
55
|
pointer-events: none;
|
|
56
56
|
z-index: 200;
|
|
57
57
|
}
|
|
58
|
+
.slotContent {
|
|
59
|
+
height: 100vh;
|
|
60
|
+
width: 100vw;
|
|
61
|
+
display: flex;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
align-items: center;
|
|
64
|
+
}
|
|
58
65
|
|
|
59
66
|
.visible {
|
|
60
67
|
background: rgba(0, 0, 0, 0.2);
|
|
61
68
|
backdrop-filter: brightness(0.9) ${this.options.blur ? 'blur(2px)' : ''};
|
|
62
|
-
pointer-events: all;
|
|
63
69
|
}
|
|
64
70
|
</style>
|
|
65
|
-
<div
|
|
71
|
+
<div class="windowOverlay ${this.visible ? 'visible' : null}">
|
|
72
|
+
</div>
|
|
73
|
+
<div @click=${this.dispatchClicked} class="slotContent">
|
|
66
74
|
<slot></slot>
|
|
67
75
|
</div>
|
|
68
76
|
`;
|
|
@@ -109,4 +117,4 @@ DeesWindowLayer = DeesWindowLayer_1 = __decorate([
|
|
|
109
117
|
customElement('dees-windowlayer'),
|
|
110
118
|
__metadata("design:paramtypes", [])
|
|
111
119
|
], DeesWindowLayer);
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy13aW5kb3dsYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXdpbmRvd2xheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsRUFBa0IsS0FBSyxHQUFHLE1BQU0sNkJBQTZCLENBQUM7QUFFdEksT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQWFsRCxXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7O0lBQzlDLFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxBQUFwRCxDQUFxRDtJQUVoRSxNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFxQztRQUNyRSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNuRSxNQUFNLFdBQVcsR0FBRyxJQUFJLGlCQUFlLEVBQUUsQ0FBQztRQUMxQyxXQUFXLENBQUMsT0FBTyxHQUFHO1lBQ3BCLEdBQUcsV0FBVyxDQUFDLE9BQU87WUFDdEIsR0FBRyxVQUFVO1NBQ2QsQ0FBQTtRQUNELFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xDLE1BQU0sZ0JBQWdCLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUQsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sV0FBVyxDQUFDO0lBQ3JCLENBQUM7SUFhRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBWEgsWUFBTyxHQUE2QjtZQUN6QyxJQUFJLEVBQUUsS0FBSztTQUNaLENBQUM7UUFFRixXQUFXO1FBSUosWUFBTyxHQUFHLEtBQUssQ0FBQztRQUlyQixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7OzJDQWNPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUU7Ozs7Ozs7Ozs7Ozs7OzZDQWNsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFOzs7a0NBRy9DLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSTs7b0JBRTdDLElBQUksQ0FBQyxlQUFlOzs7S0FHbkMsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUFZO1FBQ1YsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDL0IsQ0FBQztJQUVNLEtBQUssQ0FBQyxJQUFJO1FBQ2YsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxLQUFLLENBQUMsSUFBSTtRQUNmLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xCLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDOztBQXZGTTtJQUROLEtBQUssRUFBRTs7Z0RBR047QUFNSztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7Z0RBQ3FCO0FBMUJaLGVBQWU7SUFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOztHQUNyQixlQUFlLENBMEczQiJ9
|