@design.estate/dees-catalog 1.0.229 → 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 +169 -145
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-chips.d.ts +2 -0
- package/dist_ts_web/elements/dees-chips.demo.js +2 -1
- package/dist_ts_web/elements/dees-chips.js +58 -16
- 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 +3642 -2752
- 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-chips.demo.ts +1 -0
- package/ts_web/elements/dees-chips.ts +63 -18
- 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
|
|
@@ -11,6 +11,7 @@ type Tag = {
|
|
|
11
11
|
export declare class DeesChips extends DeesElement {
|
|
12
12
|
static demo: () => TemplateResult<1>;
|
|
13
13
|
selectionMode: 'none' | 'single' | 'multiple';
|
|
14
|
+
chipsAreRemovable: boolean;
|
|
14
15
|
selectableChips: Tag[];
|
|
15
16
|
selectedChip: Tag;
|
|
16
17
|
selectedChips: Tag[];
|
|
@@ -20,5 +21,6 @@ export declare class DeesChips extends DeesElement {
|
|
|
20
21
|
firstUpdated(): Promise<void>;
|
|
21
22
|
private isSelected;
|
|
22
23
|
selectChip(chip: Tag): Promise<void>;
|
|
24
|
+
removeChip(chipToRemove: Tag): void;
|
|
23
25
|
}
|
|
24
26
|
export {};
|
|
@@ -21,6 +21,7 @@ export const demoFunc = () => html `
|
|
|
21
21
|
></dees-chips>
|
|
22
22
|
<dees-chips
|
|
23
23
|
selectionMode="single"
|
|
24
|
+
chipsAreRemovable
|
|
24
25
|
.selectableChips=${[
|
|
25
26
|
{ key: 'account1', value: 'Payment Account 1' },
|
|
26
27
|
{ key: 'account2', value: 'PaymentAccount2' },
|
|
@@ -37,4 +38,4 @@ export const demoFunc = () => html `
|
|
|
37
38
|
></dees-chips>
|
|
38
39
|
</div>
|
|
39
40
|
`;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jaGlwcy5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtY2hpcHMuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7eUJBY1Q7SUFDakIsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRTtJQUMvQyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFO0lBQzdDLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUU7Q0FDaEQ7Ozs7O3lCQUtrQjtJQUNqQixFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixFQUFFO0lBQy9DLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUU7SUFDN0MsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRTtDQUNoRDs7Ozt5QkFJa0I7SUFDakIsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRTtJQUMvQyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFO0lBQzdDLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUU7Q0FDaEQ7OztDQUdOLENBQUMifQ==
|
|
@@ -15,6 +15,7 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
15
15
|
constructor() {
|
|
16
16
|
super();
|
|
17
17
|
this.selectionMode = 'single';
|
|
18
|
+
this.chipsAreRemovable = false;
|
|
18
19
|
this.selectableChips = [];
|
|
19
20
|
this.selectedChip = null;
|
|
20
21
|
this.selectedChips = [];
|
|
@@ -22,7 +23,6 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
22
23
|
static { this.styles = [
|
|
23
24
|
cssManager.defaultStyles,
|
|
24
25
|
css `
|
|
25
|
-
|
|
26
26
|
:host {
|
|
27
27
|
display: block;
|
|
28
28
|
box-sizing: border-box;
|
|
@@ -46,20 +46,20 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
46
46
|
margin-bottom: 4px;
|
|
47
47
|
position: relative;
|
|
48
48
|
overflow: hidden;
|
|
49
|
-
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
|
|
49
|
+
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.chip:hover {
|
|
53
53
|
background: #666666;
|
|
54
|
-
cursor: pointer;
|
|
54
|
+
cursor: pointer;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.chip.selected {
|
|
58
|
-
background: #
|
|
58
|
+
background: #00a3ff;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.chipKey {
|
|
62
|
-
background: rgba(0,0,0,0.3);
|
|
62
|
+
background: rgba(0, 0, 0, 0.3);
|
|
63
63
|
height: 100%;
|
|
64
64
|
display: inline-block;
|
|
65
65
|
margin-left: -8px;
|
|
@@ -67,17 +67,41 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
67
67
|
padding-right: 8px;
|
|
68
68
|
margin-right: 8px;
|
|
69
69
|
}
|
|
70
|
-
|
|
70
|
+
|
|
71
|
+
dees-icon {
|
|
72
|
+
padding: 0px 6px 0px 4px;
|
|
73
|
+
margin-left: 4px;
|
|
74
|
+
margin-right: -8px;
|
|
75
|
+
background: rgba(0, 0, 0, 0.3);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
dees-icon:hover {
|
|
79
|
+
background: #e4002b;
|
|
80
|
+
}
|
|
71
81
|
`,
|
|
72
82
|
]; }
|
|
73
83
|
render() {
|
|
74
84
|
return html `
|
|
75
85
|
<div class="mainbox">
|
|
76
|
-
${this.selectableChips.map(chip => html `
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
86
|
+
${this.selectableChips.map((chip) => html `
|
|
87
|
+
<div
|
|
88
|
+
@click=${() => this.selectChip(chip)}
|
|
89
|
+
class="chip ${this.isSelected(chip) ? 'selected' : ''}"
|
|
90
|
+
>
|
|
91
|
+
${chip.key ? html `<div class="chipKey">${chip.key}</div>` : html ``} ${chip.value}
|
|
92
|
+
${this.chipsAreRemovable
|
|
93
|
+
? html `
|
|
94
|
+
<dees-icon
|
|
95
|
+
@click=${(event) => {
|
|
96
|
+
event.stopPropagation(); // prevent the selectChip event from being triggered
|
|
97
|
+
this.removeChip(chip);
|
|
98
|
+
}}
|
|
99
|
+
.iconFA=${'xmark'}
|
|
100
|
+
></dees-icon>
|
|
101
|
+
`
|
|
102
|
+
: html ``}
|
|
103
|
+
</div>
|
|
104
|
+
`)}
|
|
81
105
|
</div>
|
|
82
106
|
`;
|
|
83
107
|
}
|
|
@@ -92,7 +116,7 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
92
116
|
return this.selectedChip?.key === chip.key;
|
|
93
117
|
}
|
|
94
118
|
else {
|
|
95
|
-
return this.selectedChips.some(selected => selected.key === chip.key);
|
|
119
|
+
return this.selectedChips.some((selected) => selected.key === chip.key);
|
|
96
120
|
}
|
|
97
121
|
}
|
|
98
122
|
async selectChip(chip) {
|
|
@@ -111,7 +135,7 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
111
135
|
}
|
|
112
136
|
else if (this.selectionMode === 'multiple') {
|
|
113
137
|
if (this.isSelected(chip)) {
|
|
114
|
-
this.selectedChips = this.selectedChips.filter(selected => selected.key !== chip.key);
|
|
138
|
+
this.selectedChips = this.selectedChips.filter((selected) => selected.key !== chip.key);
|
|
115
139
|
}
|
|
116
140
|
else {
|
|
117
141
|
this.selectedChips = [...this.selectedChips, chip];
|
|
@@ -120,6 +144,18 @@ export let DeesChips = class DeesChips extends DeesElement {
|
|
|
120
144
|
}
|
|
121
145
|
console.log(this.selectedChips);
|
|
122
146
|
}
|
|
147
|
+
removeChip(chipToRemove) {
|
|
148
|
+
// Remove the chip from selectableChips
|
|
149
|
+
this.selectableChips = this.selectableChips.filter((chip) => chip.key !== chipToRemove.key);
|
|
150
|
+
// Remove the chip from selectedChips if present
|
|
151
|
+
this.selectedChips = this.selectedChips.filter((chip) => chip.key !== chipToRemove.key);
|
|
152
|
+
// If the removed chip was the selectedChip, set selectedChip to null
|
|
153
|
+
if (this.selectedChip && this.selectedChip.key === chipToRemove.key) {
|
|
154
|
+
this.selectedChip = null;
|
|
155
|
+
}
|
|
156
|
+
// Trigger an update to re-render the component
|
|
157
|
+
this.requestUpdate();
|
|
158
|
+
}
|
|
123
159
|
};
|
|
124
160
|
__decorate([
|
|
125
161
|
property(),
|
|
@@ -127,7 +163,13 @@ __decorate([
|
|
|
127
163
|
], DeesChips.prototype, "selectionMode", void 0);
|
|
128
164
|
__decorate([
|
|
129
165
|
property({
|
|
130
|
-
type:
|
|
166
|
+
type: Boolean,
|
|
167
|
+
}),
|
|
168
|
+
__metadata("design:type", Boolean)
|
|
169
|
+
], DeesChips.prototype, "chipsAreRemovable", void 0);
|
|
170
|
+
__decorate([
|
|
171
|
+
property({
|
|
172
|
+
type: Array,
|
|
131
173
|
}),
|
|
132
174
|
__metadata("design:type", Array)
|
|
133
175
|
], DeesChips.prototype, "selectableChips", void 0);
|
|
@@ -137,7 +179,7 @@ __decorate([
|
|
|
137
179
|
], DeesChips.prototype, "selectedChip", void 0);
|
|
138
180
|
__decorate([
|
|
139
181
|
property({
|
|
140
|
-
type: Array
|
|
182
|
+
type: Array,
|
|
141
183
|
}),
|
|
142
184
|
__metadata("design:type", Array)
|
|
143
185
|
], DeesChips.prototype, "selectedChips", void 0);
|
|
@@ -145,4 +187,4 @@ DeesChips = __decorate([
|
|
|
145
187
|
customElement('dees-chips'),
|
|
146
188
|
__metadata("design:paramtypes", [])
|
|
147
189
|
], DeesChips);
|
|
148
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
190
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jaGlwcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNoaXBzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFFSCxTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQVd6QyxXQUFNLFNBQVMsR0FBZixNQUFNLFNBQVUsU0FBUSxXQUFXO2FBQzFCLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQXVCOUI7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQXJCSCxrQkFBYSxHQUFtQyxRQUFRLENBQUM7UUFLekQsc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBS25DLG9CQUFlLEdBQVUsRUFBRSxDQUFDO1FBRzVCLGlCQUFZLEdBQVEsSUFBSSxDQUFDO1FBS3pCLGtCQUFhLEdBQVUsRUFBRSxDQUFDO0lBSWpDLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7OztzQkFXZSxVQUFVLENBQUMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2Q3ZFO0tBQ0YsQUEzRG1CLENBMkRsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7VUFFTCxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FDeEIsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQTs7dUJBRUQsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUM7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
|
|
@@ -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
|