@design.estate/dees-catalog 1.0.231 → 1.0.233
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 +243 -181
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-form.demo.js +15 -2
- package/dist_ts_web/elements/dees-input-dropdown.d.ts +5 -2
- package/dist_ts_web/elements/dees-input-dropdown.demo.js +9 -1
- package/dist_ts_web/elements/dees-input-dropdown.js +221 -89
- package/dist_ts_web/elements/dees-input-text.js +3 -2
- package/dist_ts_web/elements/dees-windowlayer.js +3 -1
- package/dist_watch/bundle.js +3653 -3901
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-form.demo.ts +14 -1
- package/ts_web/elements/dees-input-dropdown.demo.ts +16 -0
- package/ts_web/elements/dees-input-dropdown.ts +229 -96
- package/ts_web/elements/dees-input-text.ts +2 -1
- package/ts_web/elements/dees-windowlayer.ts +2 -0
|
@@ -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.232',
|
|
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
|
|
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,
|
|
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
|
-
|
|
30
|
-
|
|
31
|
+
private isElevated;
|
|
32
|
+
private windowOverlay;
|
|
33
|
+
toggleSelectionBox(): Promise<void>;
|
|
31
34
|
}
|
|
@@ -7,5 +7,13 @@ export const demoFunc = () => html `
|
|
|
7
7
|
{ option: 'option 3', key: 'option3' }
|
|
8
8
|
]}
|
|
9
9
|
></dees-input-dropdown>
|
|
10
|
+
<div style="height: 300px"></div>
|
|
11
|
+
<dees-input-dropdown
|
|
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>
|
|
10
18
|
`;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC1kcm9wZG93bi5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtZHJvcGRvd24uZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7YUFFckI7SUFDVCxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztJQUNwQyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBQztDQUNyQzs7OzthQUlVO0lBQ1QsRUFBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUM7SUFDcEMsRUFBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUM7SUFDcEMsRUFBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUM7Q0FDckM7O0NBRUYsQ0FBQSJ9
|
|
@@ -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
|
-
|
|
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
|
-
|
|
34
|
-
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
}
|
|
35
37
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
+
.maincontainer {
|
|
47
|
+
display: block;
|
|
48
|
+
}
|
|
46
49
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
50
|
+
.label {
|
|
51
|
+
font-size: 14px;
|
|
52
|
+
margin-bottom: 4px;
|
|
53
|
+
}
|
|
51
54
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
+
.accentTop {
|
|
72
|
+
border-top: 1px solid #e4002b;
|
|
73
|
+
}
|
|
71
74
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}
|
|
95
|
+
.selectionBox.show {
|
|
96
|
+
pointer-events: all;
|
|
97
|
+
opacity: 1;
|
|
98
|
+
transform: scale(1, 1);
|
|
99
|
+
}
|
|
101
100
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
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
|
-
|
|
113
|
-
${this.selectedOption?.option}
|
|
114
|
-
</div>
|
|
141
|
+
${this.label ? html `<div class="label">${this.label}</div>` : html ``}
|
|
115
142
|
<div class="selectionBox">
|
|
116
|
-
${this.
|
|
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
|
|
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.
|
|
195
|
+
if (this.isElevated) {
|
|
196
|
+
this.toggleSelectionBox();
|
|
197
|
+
}
|
|
135
198
|
this.changeSubject.next(this);
|
|
136
199
|
}
|
|
137
|
-
|
|
138
|
-
this.
|
|
139
|
-
this.shadowRoot.querySelector('.
|
|
140
|
-
|
|
141
|
-
|
|
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
|
-
|
|
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,
|
|
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' : '
|
|
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,
|
|
252
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pbnB1dC10ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaW5wdXQtdGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsYUFBYSxFQUNiLFdBQVcsRUFFWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBU2xELFdBQU0sYUFBYSxHQUFuQixNQUFNLGFBQWMsU0FBUSxXQUFXO0lBQXZDOztRQU1MLFdBQVc7UUFDSixrQkFBYSxHQUFHLElBQUksUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBaUIsQ0FBQztRQWlCM0UsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUtuQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBSzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFNMUIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFNdkIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBV3pCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0lBMktyQyxDQUFDO2FBbk9lLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7OEJBQ0gsaUJBQWlCLFdBQVcsTUFBTTt1Q0FDekIsSUFBSTtHQUN4QyxBQUhpQixDQUdoQjthQTBEWSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7OztpQkFjVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7c0JBVTdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFD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
|
|
@@ -56,11 +56,13 @@ export let DeesWindowLayer = class DeesWindowLayer extends DeesElement {
|
|
|
56
56
|
z-index: 200;
|
|
57
57
|
}
|
|
58
58
|
.slotContent {
|
|
59
|
+
position: fixed;
|
|
59
60
|
height: 100vh;
|
|
60
61
|
width: 100vw;
|
|
61
62
|
display: flex;
|
|
62
63
|
justify-content: center;
|
|
63
64
|
align-items: center;
|
|
65
|
+
z-index: 201;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
68
|
.visible {
|
|
@@ -117,4 +119,4 @@ DeesWindowLayer = DeesWindowLayer_1 = __decorate([
|
|
|
117
119
|
customElement('dees-windowlayer'),
|
|
118
120
|
__metadata("design:paramtypes", [])
|
|
119
121
|
], DeesWindowLayer);
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy13aW5kb3dsYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXdpbmRvd2xheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsRUFBa0IsS0FBSyxHQUFHLE1BQU0sNkJBQTZCLENBQUM7QUFFdEksT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQWFsRCxXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7O0lBQzlDLFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxBQUFwRCxDQUFxRDtJQUVoRSxNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUFxQztRQUNyRSxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNuRSxNQUFNLFdBQVcsR0FBRyxJQUFJLGlCQUFlLEVBQUUsQ0FBQztRQUMxQyxXQUFXLENBQUMsT0FBTyxHQUFHO1lBQ3BCLEdBQUcsV0FBVyxDQUFDLE9BQU87WUFDdEIsR0FBRyxVQUFVO1NBQ2QsQ0FBQTtRQUNELFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xDLE1BQU0sZ0JBQWdCLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDMUQsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sV0FBVyxDQUFDO0lBQ3JCLENBQUM7SUFhRDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBWEgsWUFBTyxHQUE2QjtZQUN6QyxJQUFJLEVBQUUsS0FBSztTQUNaLENBQUM7UUFFRixXQUFXO1FBSUosWUFBTyxHQUFHLEtBQUssQ0FBQztRQUlyQixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7UUFDUCxRQUFRLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7Ozs7Ozs7Ozs7OzJDQWNPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7NkNBZ0JsQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFOzs7a0NBRy9DLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSTs7b0JBRTdDLElBQUksQ0FBQyxlQUFlOzs7S0FHbkMsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUFZO1FBQ1YsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDL0IsQ0FBQztJQUVNLEtBQUssQ0FBQyxJQUFJO1FBQ2YsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxLQUFLLENBQUMsSUFBSTtRQUNmLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xCLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDOztBQXpGTTtJQUROLEtBQUssRUFBRTs7Z0RBR047QUFNSztJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7Z0RBQ3FCO0FBMUJaLGVBQWU7SUFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOztHQUNyQixlQUFlLENBNEczQiJ9
|