@design.estate/dees-catalog 1.0.232 → 1.0.235

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.
@@ -3,7 +3,7 @@
3
3
  */
4
4
  export const commitinfo = {
5
5
  name: '@design.estate/dees-catalog',
6
- version: '1.0.231',
6
+ version: '1.0.233',
7
7
  description: 'website for lossless.com'
8
8
  };
9
9
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9
@@ -18,9 +18,22 @@ export const demoFunc = () => html `
18
18
  form.setStatus('success', 'authenticated!');
19
19
  }}
20
20
  >
21
+ <dees-input-dropdown
22
+ .label=${'title'}
23
+ .options=${[
24
+ { option: 'option 1', key: 'option1' },
25
+ { option: 'option 2', key: 'option2' },
26
+ { option: 'option 3', key: 'option3' },
27
+ ]}
28
+ ></dees-input-dropdown>
21
29
  <dees-input-text .required="${true}" key="hello1" label="a text"></dees-input-text>
22
30
  <dees-input-text .required="${true}" key="hello2" label="also a text"></dees-input-text>
23
- <dees-input-text .required="${true}" key="hello3" label="a password" isPasswordBool></dees-input-text>
31
+ <dees-input-text
32
+ .required="${true}"
33
+ key="hello3"
34
+ label="a password"
35
+ isPasswordBool
36
+ ></dees-input-text>
24
37
  <dees-input-checkbox
25
38
  .required="${true}"
26
39
  key="hello3"
@@ -31,4 +44,4 @@ export const demoFunc = () => html `
31
44
  </dees-form>
32
45
  </div>
33
46
  `;
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1mb3JtLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUc3RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7a0JBWWhCLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRTtJQUM3QixNQUFNLElBQUksR0FBYSxRQUFRLENBQUMsYUFBYSxDQUFDO0lBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsTUFBTSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQUM5QyxDQUFDOztvQ0FFNkIsSUFBSTtvQ0FDSixJQUFJO29DQUNKLElBQUk7O3FCQUVuQixJQUFJOzs7Ozs7OztDQVF4QixDQUFDIn0=
47
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1mb3JtLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUc3RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7a0JBWWhCLEtBQUssRUFBRSxRQUFRLEVBQUUsRUFBRTtJQUM3QixNQUFNLElBQUksR0FBYSxRQUFRLENBQUMsYUFBYSxDQUFDO0lBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDL0MsTUFBTSxRQUFRLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztBQUM5QyxDQUFDOzs7aUJBR1UsT0FBTzttQkFDTDtJQUNULEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0lBQ3RDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFO0NBQ3ZDOztvQ0FFMkIsSUFBSTtvQ0FDSixJQUFJOztxQkFFbkIsSUFBSTs7Ozs7O3FCQU1KLElBQUk7Ozs7Ozs7O0NBUXhCLENBQUMifQ==
@@ -21,11 +21,14 @@ export declare class DeesInputDropdown extends DeesElement {
21
21
  payload?: any;
22
22
  };
23
23
  required: boolean;
24
+ enableSearch: boolean;
24
25
  disabled: boolean;
26
+ opensToTop: boolean;
25
27
  static styles: CSSResult[];
26
28
  render(): TemplateResult;
27
29
  firstUpdated(): void;
28
30
  updateSelection(selectedOption: any): Promise<void>;
29
- openSelectionBox(): void;
30
- closeSelectionBox(): void;
31
+ private isElevated;
32
+ private windowOverlay;
33
+ toggleSelectionBox(): Promise<void>;
31
34
  }
@@ -7,5 +7,21 @@ export const demoFunc = () => html `
7
7
  { option: 'option 3', key: 'option3' }
8
8
  ]}
9
9
  ></dees-input-dropdown>
10
+ <dees-input-dropdown
11
+ .enableSearch=${false}
12
+ .options=${[
13
+ { option: 'option 1', key: 'option1' },
14
+ { option: 'option 2', key: 'option2' },
15
+ { option: 'option 3', key: 'option3' }
16
+ ]}
17
+ ></dees-input-dropdown>
18
+ <div style="height: 300px"></div>
19
+ <dees-input-dropdown
20
+ .options=${[
21
+ { option: 'option 1', key: 'option1' },
22
+ { option: 'option 2', key: 'option2' },
23
+ { option: 'option 3', key: 'option3' }
24
+ ]}
25
+ ></dees-input-dropdown>
10
26
  `;
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZHJvcGRvd24uZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7YUFFckI7SUFDVCxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztDQUNyQzs7Q0FFRixDQUFBIn0=
27
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZHJvcGRvd24uZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7YUFFckI7SUFDVCxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztDQUNyQzs7O2tCQUdlLEtBQUs7YUFDVjtJQUNULEVBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFDO0lBQ3BDLEVBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFDO0lBQ3BDLEVBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFDO0NBQ3JDOzs7O2FBSVU7SUFDVCxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztDQUNyQzs7Q0FFRixDQUFBIn0=
@@ -7,9 +7,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var __metadata = (this && this.__metadata) || function (k, v) {
8
8
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
9
  };
10
- import { customElement, DeesElement, property, html, css, cssManager, } from '@design.estate/dees-element';
10
+ var DeesInputDropdown_1;
11
+ import { customElement, DeesElement, property, state, html, css, cssManager, } from '@design.estate/dees-element';
11
12
  import * as domtools from '@design.estate/dees-domtools';
12
13
  import { demoFunc } from './dees-input-dropdown.demo.js';
14
+ import { DeesWindowLayer } from './dees-windowlayer.js';
13
15
  export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
14
16
  constructor() {
15
17
  super(...arguments);
@@ -17,128 +19,248 @@ export let DeesInputDropdown = class DeesInputDropdown extends DeesElement {
17
19
  this.changeSubject = new domtools.plugins.smartrx.rxjs.Subject();
18
20
  this.label = 'Label';
19
21
  this.options = [];
20
- this.selectedOption = {
21
- key: null,
22
- option: null,
23
- payload: null
24
- };
22
+ this.selectedOption = null;
25
23
  this.required = false;
24
+ this.enableSearch = true;
26
25
  this.disabled = false;
26
+ this.opensToTop = false;
27
+ this.isElevated = false;
27
28
  }
29
+ static { DeesInputDropdown_1 = this; }
28
30
  static { this.demo = demoFunc; }
29
31
  static { this.styles = [
30
32
  cssManager.defaultStyles,
31
33
  css `
32
34
  * {
33
- box-sizing: border-box;
34
- }
35
+ box-sizing: border-box;
36
+ }
35
37
 
36
- :host {
37
- position: relative;
38
- display: block;
39
- height: 40px;
40
- color: ${cssManager.bdTheme('#222', '#fff')};
41
- }
38
+ :host {
39
+ font-family: Roboto;
40
+ position: relative;
41
+ display: block;
42
+ color: ${cssManager.bdTheme('#222', '#fff')};
43
+ margin-bottom: 24px;
44
+ }
42
45
 
43
- .maincontainer {
44
- display: block;
45
- }
46
+ .maincontainer {
47
+ display: block;
48
+ }
46
49
 
47
- .label {
48
- font-size: 14px;
49
- margin-bottom: 15px;
50
- }
50
+ .label {
51
+ font-size: 14px;
52
+ margin-bottom: 4px;
53
+ }
51
54
 
52
- .selectedBox {
53
- cursor: pointer;
54
- position: relative;
55
- max-width: 420px;
56
- height: 40px;
57
- line-height: 40px;
58
- padding: 0px 8px;
59
- z-index: 0px;
60
- background: ${cssManager.bdTheme('#ffffff', '#333333')};
61
- box-shadow: ${cssManager.bdTheme('0px 1px 4px rgba(0,0,0,0.3)', 'none')};
62
- border-radius: 3px;
63
- border-top: 1px solid #CCCCCC00;
64
- border-bottom: 1px solid #66666600;
65
- }
55
+ .selectedBox {
56
+ user-select: none;
57
+ cursor: pointer;
58
+ position: relative;
59
+ max-width: 420px;
60
+ height: 40px;
61
+ line-height: 40px;
62
+ padding: 0px 8px;
63
+ background: ${cssManager.bdTheme('#fafafa', '#222')};
64
+ box-shadow: ${cssManager.bdTheme('0px 1px 4px rgba(0,0,0,0.3)', 'none')};
65
+ border-radius: 3px;
66
+ border-top: ${cssManager.bdTheme('1px solid #CCC', '1px solid #444')};
67
+ border-bottom: ${cssManager.bdTheme('1px solid #CCC', '1px solid #333')};
68
+ transition: all 0.2s ease;
69
+ }
66
70
 
67
- .selectedBox.show {
68
- border-top: 1px solid ${cssManager.bdTheme('#ffffff', '#666666')};
69
- border-bottom: 1px solid ${cssManager.bdTheme('#fafafa', '#222222')};
70
- }
71
+ .accentTop {
72
+ border-top: 1px solid #e4002b;
73
+ }
71
74
 
72
- .selectionBox {
73
- will-change:transform;
74
- pointer-events: none;
75
- cursor: pointer;
76
- transition: all 0.2s ease;
77
- opacity: 0;
78
- position: absolute;
79
- background: ${cssManager.bdTheme('#ffffff', '#222222')};
80
- max-width: 420px;
81
- box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
82
- min-height: 40px;
83
- z-index: 100;
84
- border-radius: 3px;
85
- padding: 4px;
86
- transform: scale(0.99,0.99);
87
- }
75
+ .accentBottom {
76
+ border-bottom: 1px solid #e4002b;
77
+ }
88
78
 
89
- .selectionBox.show {
90
- pointer-events: all;
91
- opacity: 1;
92
- transform: scale(1,1);
93
- }
79
+ .selectionBox {
80
+ will-change: transform;
81
+ pointer-events: none;
82
+ cursor: pointer;
83
+ transition: all 0.2s ease;
84
+ opacity: 0;
85
+ background: ${cssManager.bdTheme('#ffffff', '#222222')};
86
+ max-width: 420px;
87
+ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
88
+ min-height: 40px;
89
+ border-radius: 3px;
90
+ padding: 4px;
91
+ transform: scale(0.99, 0.99);
92
+ position: absolute;
93
+ }
94
94
 
95
- .option {
96
- transition: all 0.1s;
97
- line-height: 40px;
98
- padding: 0px 4px;
99
- border-radius: 3px;
100
- }
95
+ .selectionBox.show {
96
+ pointer-events: all;
97
+ opacity: 1;
98
+ transform: scale(1, 1);
99
+ }
101
100
 
102
- .option:hover {
103
- color: #fff;
104
- padding-left: 8px;
105
- background: #0277bd;
106
- }
107
- `
101
+ .option {
102
+ transition: all 0.1s;
103
+ line-height: 40px;
104
+ padding: 0px 4px;
105
+ border-radius: 3px;
106
+ }
107
+
108
+ .option:hover {
109
+ color: #fff;
110
+ padding-left: 8px;
111
+ background: #0277bd;
112
+ }
113
+
114
+ .search {
115
+ padding: 8px;
116
+ }
117
+ .search input {
118
+ display: block;
119
+ width: 80%;
120
+ background: none;
121
+ border: none;
122
+ height: 24px;
123
+ color: inherit;
124
+ text-align: center;
125
+ font-size: 12px;
126
+ font-weight: 600;
127
+ background: ${cssManager.bdTheme('#00000010', '#ffffff08')};
128
+ border-radius: 16px;
129
+ margin: auto;
130
+ }
131
+
132
+ .search input:focus {
133
+ border: none;
134
+ outline: none;
135
+ }
136
+ `,
108
137
  ]; }
109
138
  render() {
110
139
  return html `
111
140
  <div class="maincontainer">
112
- <div class="selectedBox show" @click="${event => { this.openSelectionBox(); }}">
113
- ${this.selectedOption?.option}
114
- </div>
141
+ ${this.label ? html `<div class="label">${this.label}</div>` : html ``}
115
142
  <div class="selectionBox">
116
- ${this.options.map(option => {
143
+ ${this.enableSearch && !this.opensToTop
144
+ ? html `
145
+ <div class="search">
146
+ <input type="text" placeholder="Search" />
147
+ </div>
148
+ `
149
+ : null}
150
+ ${this.options.map((option) => {
117
151
  return html `
118
- <div class="option" @click=${() => { this.updateSelection(option); }}>${option.option}</div>
152
+ <div
153
+ class="option"
154
+ @click=${() => {
155
+ this.updateSelection(option);
156
+ }}
157
+ >
158
+ ${option.option}
159
+ </div>
119
160
  `;
120
161
  })}
162
+ ${this.enableSearch && this.opensToTop
163
+ ? html `
164
+ <div class="search">
165
+ <input type="text" placeholder="Search" />
166
+ </div>
167
+ `
168
+ : null}
169
+ </div>
170
+ <div
171
+ class="selectedBox"
172
+ @click="${(event) => {
173
+ if (!this.isElevated) {
174
+ this.toggleSelectionBox();
175
+ }
176
+ else {
177
+ this.updateSelection(this.selectedOption);
178
+ }
179
+ }}"
180
+ >
181
+ ${this.selectedOption?.option}
121
182
  </div>
122
183
  </div>
123
184
  `;
124
185
  }
125
186
  firstUpdated() {
126
- this.selectedOption = this.options[0] || null;
187
+ this.selectedOption = this.selectedOption || this.options[0] || null;
127
188
  }
128
189
  async updateSelection(selectedOption) {
129
190
  this.selectedOption = selectedOption;
130
191
  this.dispatchEvent(new CustomEvent('selectedOption', {
131
192
  detail: selectedOption,
132
- bubbles: true
193
+ bubbles: true,
133
194
  }));
134
- this.openSelectionBox();
195
+ if (this.isElevated) {
196
+ this.toggleSelectionBox();
197
+ }
135
198
  this.changeSubject.next(this);
136
199
  }
137
- openSelectionBox() {
138
- this.shadowRoot.querySelector('.selectedBox').classList.toggle('show');
139
- this.shadowRoot.querySelector('.selectionBox').classList.toggle('show');
140
- }
141
- closeSelectionBox() {
200
+ async toggleSelectionBox() {
201
+ const domtoolsInstance = await this.domtoolsPromise;
202
+ const selectedBox = this.shadowRoot.querySelector('.selectedBox');
203
+ const selectionBox = this.shadowRoot.querySelector('.selectionBox');
204
+ if (!this.isElevated) {
205
+ this.windowOverlay = await DeesWindowLayer.createAndShow({
206
+ blur: false,
207
+ });
208
+ const elevatedDropdown = new DeesInputDropdown_1();
209
+ elevatedDropdown.isElevated = true;
210
+ elevatedDropdown.label = this.label;
211
+ elevatedDropdown.enableSearch = this.enableSearch;
212
+ elevatedDropdown.required = this.required;
213
+ elevatedDropdown.disabled = this.disabled;
214
+ elevatedDropdown.style.position = 'fixed';
215
+ elevatedDropdown.style.top = this.getBoundingClientRect().top + 'px';
216
+ elevatedDropdown.style.left = this.getBoundingClientRect().left + 'px';
217
+ elevatedDropdown.style.width = this.clientWidth + 'px';
218
+ elevatedDropdown.options = this.options;
219
+ elevatedDropdown.selectedOption = this.selectedOption;
220
+ console.log(elevatedDropdown.selectedOption);
221
+ this.windowOverlay.appendChild(elevatedDropdown);
222
+ await domtoolsInstance.convenience.smartdelay.delayFor(0);
223
+ elevatedDropdown.toggleSelectionBox();
224
+ const destroyOverlay = async () => {
225
+ elevatedDropdown.shadowRoot.querySelector('.selectionBox').style.opacity =
226
+ '0';
227
+ elevatedDropdown.removeEventListener('selectedOption', handleSelection);
228
+ this.windowOverlay.removeEventListener('clicked', destroyOverlay);
229
+ this.windowOverlay.destroy();
230
+ };
231
+ const handleSelection = async (event) => {
232
+ await this.updateSelection(elevatedDropdown.selectedOption);
233
+ destroyOverlay();
234
+ };
235
+ elevatedDropdown.addEventListener('selectedOption', handleSelection);
236
+ this.windowOverlay.addEventListener('clicked', destroyOverlay);
237
+ }
238
+ else {
239
+ if (!selectionBox.classList.contains('show')) {
240
+ selectionBox.style.width = selectedBox.clientWidth + 'px';
241
+ selectionBox.classList.add('show');
242
+ const spaceData = selectedBox.getBoundingClientRect();
243
+ if (300 > window.innerHeight - spaceData.bottom) {
244
+ this.opensToTop = true;
245
+ selectedBox.classList.add('accentTop');
246
+ selectionBox.style.bottom = selectedBox.clientHeight + 2 + 'px';
247
+ }
248
+ else {
249
+ selectedBox.classList.add('accentBottom');
250
+ this.opensToTop = false;
251
+ const labelOffset = this.label ? 24 : 0;
252
+ selectionBox.style.top = selectedBox.clientHeight + labelOffset + 'px';
253
+ }
254
+ await domtoolsInstance.convenience.smartdelay.delayFor(0);
255
+ const searchInput = selectionBox.querySelector('input');
256
+ searchInput.focus();
257
+ }
258
+ else {
259
+ selectedBox.style.pointerEvents = 'none';
260
+ selectionBox.classList.remove('show');
261
+ selectedBox.style.opacity = '0';
262
+ }
263
+ }
142
264
  }
143
265
  };
144
266
  __decorate([
@@ -162,17 +284,27 @@ __decorate([
162
284
  ], DeesInputDropdown.prototype, "selectedOption", void 0);
163
285
  __decorate([
164
286
  property({
165
- type: Boolean
287
+ type: Boolean,
166
288
  }),
167
289
  __metadata("design:type", Boolean)
168
290
  ], DeesInputDropdown.prototype, "required", void 0);
169
291
  __decorate([
170
292
  property({
171
- type: Boolean
293
+ type: Boolean,
294
+ }),
295
+ __metadata("design:type", Boolean)
296
+ ], DeesInputDropdown.prototype, "enableSearch", void 0);
297
+ __decorate([
298
+ property({
299
+ type: Boolean,
172
300
  }),
173
301
  __metadata("design:type", Boolean)
174
302
  ], DeesInputDropdown.prototype, "disabled", void 0);
175
- DeesInputDropdown = __decorate([
303
+ __decorate([
304
+ state(),
305
+ __metadata("design:type", Boolean)
306
+ ], DeesInputDropdown.prototype, "opensToTop", void 0);
307
+ DeesInputDropdown = DeesInputDropdown_1 = __decorate([
176
308
  customElement('dees-input-dropdown')
177
309
  ], DeesInputDropdown);
178
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LWRyb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUF1QixRQUFRLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEdBQW1CLE1BQU0sNkJBQTZCLENBQUM7QUFDaEosT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFTbEQsV0FBTSxpQkFBaUIsR0FBdkIsTUFBTSxpQkFBa0IsU0FBUSxXQUFXO0lBQTNDOztRQUdMLFdBQVc7UUFDSixrQkFBYSxHQUFHLElBQUksUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBTTVELFVBQUssR0FBVyxPQUFPLENBQUM7UUFNeEIsWUFBTyxHQUFtRCxFQUFFLENBQUM7UUFHN0QsbUJBQWMsR0FBaUQ7WUFDcEUsR0FBRyxFQUFFLElBQUk7WUFDVCxNQUFNLEVBQUUsSUFBSTtZQUNaLE9BQU8sRUFBRSxJQUFJO1NBQ2QsQ0FBQztRQUtLLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFLMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQTJIbkMsQ0FBQzthQTNKZSxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVc7YUFrQ2YsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7O21CQVNZLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7d0JBb0I3QixVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7d0JBQ3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsNkJBQTZCLEVBQUUsTUFBTSxDQUFDOzs7Ozs7O2tDQU8vQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7cUNBQ3JDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozt3QkFVckQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNEIzRDtLQUNGLEFBL0VtQixDQStFbkI7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O2dEQUVpQyxLQUFLLENBQUMsRUFBRSxHQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUEsQ0FBQztZQUN2RSxJQUFJLENBQUMsY0FBYyxFQUFFLE1BQU07OztZQUczQixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUMxQixPQUFPLElBQUksQ0FBQTsyQ0FDb0IsR0FBRyxFQUFFLEdBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBLENBQUMsSUFBSSxNQUFNLENBQUMsTUFBTTthQUNwRixDQUFBO1FBQ0gsQ0FBQyxDQUFDOzs7S0FHUCxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ2hELENBQUM7SUFFTSxLQUFLLENBQUMsZUFBZSxDQUFDLGNBQWM7UUFDekMsSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFFckMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRTtZQUNuRCxNQUFNLEVBQUUsY0FBYztZQUN0QixPQUFPLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FBQyxDQUFDO1FBQ0osSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLGdCQUFnQjtRQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUUsQ0FBQztJQUVNLGlCQUFpQjtJQUV4QixDQUFDOztBQWpKTTtJQUpOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO1FBQ1osT0FBTyxFQUFFLElBQUk7S0FDZCxDQUFDOztnREFDNkI7QUFHeEI7SUFETixRQUFRLEVBQUU7OzhDQUNRO0FBR1o7SUFETixRQUFRLEVBQUU7O2tEQUN5RDtBQUc3RDtJQUROLFFBQVEsRUFBRTs7eURBS1Q7QUFLSztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7bURBQytCO0FBSzFCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOzttREFDK0I7QUFqQ3RCLGlCQUFpQjtJQUQ3QixhQUFhLENBQUMscUJBQXFCLENBQUM7R0FDeEIsaUJBQWlCLENBNEo3QiJ9
310
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWlucHV0LWRyb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsS0FBSyxFQUNMLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxHQUVYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBU2pELFdBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBQ0osa0JBQWEsR0FBRyxJQUFJLFFBQVEsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQU01RCxVQUFLLEdBQVcsT0FBTyxDQUFDO1FBTXhCLFlBQU8sR0FBcUQsRUFBRSxDQUFDO1FBRy9ELG1CQUFjLEdBQW1ELElBQUksQ0FBQztRQUt0RSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBSzFCLGlCQUFZLEdBQVksSUFBSSxDQUFDO1FBSzdCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHMUIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQWlMM0IsZUFBVSxHQUFZLEtBQUssQ0FBQztJQWdFdEMsQ0FBQzs7YUFyUmUsU0FBSSxHQUFHLFFBQVEsQUFBWCxDQUFZO2FBc0NoQixXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7aUJBU1UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7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
@@ -89,6 +89,7 @@ export let DeesInputText = class DeesInputText extends DeesElement {
89
89
  border-radius: 7px;
90
90
  padding: 4px 0px;
91
91
  width: 40px;
92
+ z-index: 3;
92
93
  }
93
94
 
94
95
  .showPassword:hover {
@@ -114,7 +115,7 @@ export let DeesInputText = class DeesInputText extends DeesElement {
114
115
  return html `
115
116
  <style>
116
117
  input {
117
- font-family: ${this.isPasswordBool ? 'monospace' : 'Inter'};
118
+ font-family: ${this.isPasswordBool ? 'monospace' : 'Roboto'};
118
119
  letter-spacing: ${this.isPasswordBool ? '1px' : 'normal'};
119
120
  color: ${this.goBright ? '#333' : '#ccc'};
120
121
  }
@@ -248,4 +249,4 @@ __decorate([
248
249
  DeesInputText = __decorate([
249
250
  customElement('dees-input-text')
250
251
  ], DeesInputText);
251
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtdGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBU2xELFdBQU0sYUFBYSxHQUFuQixNQUFNLGFBQWMsU0FBUSxXQUFXO0lBQXZDOztRQU1MLFdBQVc7UUFDSixrQkFBYSxHQUFHLElBQUksUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBaUIsQ0FBQztRQWlCM0UsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUtuQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBSzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFNMUIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFNdkIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBV3pCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0lBMEtyQyxDQUFDO2FBbE9lLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7OEJBQ0gsaUJBQWlCLFdBQVcsTUFBTTt1Q0FDekIsSUFBSTtHQUN4QyxBQUhpQixDQUdoQjthQTBEWSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7OztpQkFjVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7c0JBVTdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFD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
252
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtdGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBU2xELFdBQU0sYUFBYSxHQUFuQixNQUFNLGFBQWMsU0FBUSxXQUFXO0lBQXZDOztRQU1MLFdBQVc7UUFDSixrQkFBYSxHQUFHLElBQUksUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBaUIsQ0FBQztRQWlCM0UsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUtuQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBSzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFNMUIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFNdkIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBV3pCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0lBMktyQyxDQUFDO2FBbk9lLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7OEJBQ0gsaUJBQWlCLFdBQVcsTUFBTTt1Q0FDekIsSUFBSTtHQUN4QyxBQUhpQixDQUdoQjthQTBEWSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7OztpQkFjVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7c0JBVTdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFD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
@@ -68,6 +68,7 @@ export let DeesWindowLayer = class DeesWindowLayer extends DeesElement {
68
68
  .visible {
69
69
  background: rgba(0, 0, 0, 0.2);
70
70
  backdrop-filter: brightness(0.9) ${this.options.blur ? 'blur(2px)' : ''};
71
+ pointer-events: all;
71
72
  }
72
73
  </style>
73
74
  <div class="windowOverlay ${this.visible ? 'visible' : null}">
@@ -119,4 +120,4 @@ DeesWindowLayer = DeesWindowLayer_1 = __decorate([
119
120
  customElement('dees-windowlayer'),
120
121
  __metadata("design:paramtypes", [])
121
122
  ], DeesWindowLayer);
122
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy13aW5kb3dsYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXdpbmRvd2xheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsRUFBa0IsS0FBSyxHQUFHLE1BQU0sNkJBQTZCLENBQUM7QUFFdEksT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQWFsRCxXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7O0lBQzlDLFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxBQUFwRCxDQUFxRDtJQUVoRSxNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFxQztRQUNyRSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNuRSxNQUFNLFdBQVcsR0FBRyxJQUFJLGlCQUFlLEVBQUUsQ0FBQztRQUMxQyxXQUFXLENBQUMsT0FBTyxHQUFHO1lBQ3BCLEdBQUcsV0FBVyxDQUFDLE9BQU87WUFDdEIsR0FBRyxVQUFVO1NBQ2QsQ0FBQTtRQUNELFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xDLE1BQU0sZ0JBQWdCLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUQsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sV0FBVyxDQUFDO0lBQ3JCLENBQUM7SUFhRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBWEgsWUFBTyxHQUE2QjtZQUN6QyxJQUFJLEVBQUUsS0FBSztTQUNaLENBQUM7UUFFRixXQUFXO1FBSUosWUFBTyxHQUFHLEtBQUssQ0FBQztRQUlyQixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7OzJDQWNPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7NkNBZ0JsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFOzs7a0NBRy9DLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSTs7b0JBRTdDLElBQUksQ0FBQyxlQUFlOzs7S0FHbkMsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUFZO1FBQ1YsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDL0IsQ0FBQztJQUVNLEtBQUssQ0FBQyxJQUFJO1FBQ2YsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxLQUFLLENBQUMsSUFBSTtRQUNmLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xCLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDOztBQXpGTTtJQUROLEtBQUssRUFBRTs7Z0RBR047QUFNSztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7Z0RBQ3FCO0FBMUJaLGVBQWU7SUFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOztHQUNyQixlQUFlLENBNEczQiJ9
123
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy13aW5kb3dsYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXdpbmRvd2xheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsRUFBa0IsS0FBSyxHQUFHLE1BQU0sNkJBQTZCLENBQUM7QUFFdEksT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQWFsRCxXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7O0lBQzlDLFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxBQUFwRCxDQUFxRDtJQUVoRSxNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFxQztRQUNyRSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNuRSxNQUFNLFdBQVcsR0FBRyxJQUFJLGlCQUFlLEVBQUUsQ0FBQztRQUMxQyxXQUFXLENBQUMsT0FBTyxHQUFHO1lBQ3BCLEdBQUcsV0FBVyxDQUFDLE9BQU87WUFDdEIsR0FBRyxVQUFVO1NBQ2QsQ0FBQTtRQUNELFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xDLE1BQU0sZ0JBQWdCLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUQsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sV0FBVyxDQUFDO0lBQ3JCLENBQUM7SUFhRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBWEgsWUFBTyxHQUE2QjtZQUN6QyxJQUFJLEVBQUUsS0FBSztTQUNaLENBQUM7UUFFRixXQUFXO1FBSUosWUFBTyxHQUFHLEtBQUssQ0FBQztRQUlyQixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7OzJDQWNPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7NkNBZ0JsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFOzs7O2tDQUkvQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUk7O29CQUU3QyxJQUFJLENBQUMsZUFBZTs7O0tBR25DLENBQUM7SUFDSixDQUFDO0lBRUQsWUFBWTtRQUNWLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUN0QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQy9CLENBQUM7SUFFTSxLQUFLLENBQUMsSUFBSTtRQUNmLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBRU0sS0FBSyxDQUFDLElBQUk7UUFDZixNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVNLEtBQUssQ0FBQyxPQUFPO1FBQ2xCLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsQixNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQzs7QUExRk07SUFETixLQUFLLEVBQUU7O2dEQUdOO0FBTUs7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsT0FBTztLQUNkLENBQUM7O2dEQUNxQjtBQTFCWixlQUFlO0lBRDNCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7R0FDckIsZUFBZSxDQTZHM0IifQ==