@design.estate/dees-catalog 1.0.192 → 1.0.193
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 +145 -140
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/elements/dees-mobilenavigation.d.ts +1 -1
- package/dist_ts_web/elements/dees-mobilenavigation.js +6 -5
- package/dist_ts_web/elements/dees-modal.d.ts +3 -0
- package/dist_ts_web/elements/dees-modal.demo.js +17 -2
- package/dist_ts_web/elements/dees-modal.js +18 -4
- package/dist_watch/bundle.js +38 -9
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +2 -2
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-mobilenavigation.ts +5 -4
- package/ts_web/elements/dees-modal.demo.ts +16 -1
- package/ts_web/elements/dees-modal.ts +22 -4
|
@@ -3,7 +3,7 @@ import { type CSSResult, DeesElement } from '@design.estate/dees-element';
|
|
|
3
3
|
export declare class DeesMobilenavigation extends DeesElement {
|
|
4
4
|
static demo: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
5
5
|
private static singletonRef;
|
|
6
|
-
static
|
|
6
|
+
static createAndShow(menuItemsArg: plugins.tsclass.website.IMenuItem<DeesMobilenavigation>[]): Promise<DeesMobilenavigation>;
|
|
7
7
|
heading: string;
|
|
8
8
|
menuItems: plugins.tsclass.website.IMenuItem[];
|
|
9
9
|
readyDeferred: plugins.smartpromise.Deferred<any>;
|
|
@@ -16,17 +16,18 @@ export let DeesMobilenavigation = class DeesMobilenavigation extends DeesElement
|
|
|
16
16
|
// STATIC
|
|
17
17
|
static { this.demo = () => html `
|
|
18
18
|
<dees-button @click=${() => {
|
|
19
|
-
DeesMobilenavigation_1.
|
|
19
|
+
DeesMobilenavigation_1.createAndShow([
|
|
20
20
|
{
|
|
21
21
|
name: 'Test',
|
|
22
|
-
action: () => {
|
|
22
|
+
action: async (deesMobileNav) => {
|
|
23
23
|
alert('test');
|
|
24
|
+
return null;
|
|
24
25
|
},
|
|
25
26
|
},
|
|
26
27
|
]);
|
|
27
28
|
}}></dees-button>
|
|
28
29
|
`; }
|
|
29
|
-
static async
|
|
30
|
+
static async createAndShow(menuItemsArg) {
|
|
30
31
|
if (!this.singletonRef) {
|
|
31
32
|
this.singletonRef = new DeesMobilenavigation_1();
|
|
32
33
|
document.body.append(this.singletonRef);
|
|
@@ -119,7 +120,7 @@ export let DeesMobilenavigation = class DeesMobilenavigation extends DeesElement
|
|
|
119
120
|
class="menuItem"
|
|
120
121
|
@click="${() => {
|
|
121
122
|
this.hide();
|
|
122
|
-
menuItem.action();
|
|
123
|
+
menuItem.action(this);
|
|
123
124
|
}}"
|
|
124
125
|
>
|
|
125
126
|
${menuItem.name}
|
|
@@ -176,4 +177,4 @@ DeesMobilenavigation = DeesMobilenavigation_1 = __decorate([
|
|
|
176
177
|
customElement('dees-mobilenavigation'),
|
|
177
178
|
__metadata("design:paramtypes", [])
|
|
178
179
|
], DeesMobilenavigation);
|
|
179
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
180
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2JpbGVuYXZpZ2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9iaWxlbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLFVBQVUsRUFDVixHQUFHLEVBRUgsYUFBYSxFQUNiLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUdqRCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFxQixTQUFRLFdBQVc7O0lBQ25ELFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzBCQUNQLEdBQUcsRUFBRTtRQUN6QixzQkFBb0IsQ0FBQyxhQUFhLENBQUM7WUFDakM7Z0JBQ0UsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsRUFBRTtvQkFDOUIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUNkLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7R0FDRixBQVppQixDQVloQjtJQUdLLE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQXVFO1FBQ3ZHLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxzQkFBb0IsRUFBRSxDQUFDO1lBQy9DLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN4QyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDaEM7UUFD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
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as plugins from './plugins.js';
|
|
1
2
|
import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
|
|
2
3
|
declare global {
|
|
3
4
|
interface HTMLElementTagNameMap {
|
|
@@ -9,9 +10,11 @@ export declare class DeesModal extends DeesElement {
|
|
|
9
10
|
static createAndShow(optionsArg: {
|
|
10
11
|
heading: string;
|
|
11
12
|
content: TemplateResult;
|
|
13
|
+
menuOptions: plugins.tsclass.website.IMenuItem<DeesModal>[];
|
|
12
14
|
}): Promise<void>;
|
|
13
15
|
heading: string;
|
|
14
16
|
content: TemplateResult;
|
|
17
|
+
menuOptions: plugins.tsclass.website.IMenuItem<DeesModal>[];
|
|
15
18
|
constructor();
|
|
16
19
|
static styles: CSSResult[];
|
|
17
20
|
render(): TemplateResult;
|
|
@@ -15,8 +15,23 @@ export const demoFunc = () => html `
|
|
|
15
15
|
>
|
|
16
16
|
</dees-input-text>
|
|
17
17
|
</dees-form>
|
|
18
|
-
|
|
18
|
+
`,
|
|
19
|
+
menuOptions: [{
|
|
20
|
+
name: 'Cancel',
|
|
21
|
+
iconName: null,
|
|
22
|
+
action: async (deesModalArg) => {
|
|
23
|
+
deesModalArg.destroy();
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
}, {
|
|
27
|
+
name: 'Ok',
|
|
28
|
+
iconName: null,
|
|
29
|
+
action: async (deesModalArg) => {
|
|
30
|
+
deesModalArg.destroy();
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
33
|
+
}],
|
|
19
34
|
});
|
|
20
35
|
}}>open modal</dees-button>
|
|
21
36
|
`;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9kYWwuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7d0JBQ1YsR0FBRyxFQUFFO0lBQ3pCLFNBQVMsQ0FBQyxhQUFhLENBQUM7UUFDdEIsT0FBTyxFQUFFLG1CQUFtQjtRQUM1QixPQUFPLEVBQUUsSUFBSSxDQUFBOzs7cUJBR0UsVUFBVTs7OztxQkFJVixVQUFVOzs7O09BSXhCO1FBQ0QsV0FBVyxFQUFFLENBQUM7Z0JBQ1osSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsTUFBTSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsRUFBRTtvQkFDN0IsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUN2QixPQUFPLElBQUksQ0FBQztnQkFDZCxDQUFDO2FBQ0YsRUFBRTtnQkFDRCxJQUFJLEVBQUUsSUFBSTtnQkFDVixRQUFRLEVBQUUsSUFBSTtnQkFDZCxNQUFNLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFO29CQUM3QixZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7b0JBQ3ZCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRixDQUFDO0tBQ0gsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztDQUNGLENBQUEifQ==
|
|
@@ -8,6 +8,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 DeesModal_1;
|
|
11
|
+
import * as plugins from './plugins.js';
|
|
11
12
|
import { demoFunc } from './dees-modal.demo.js';
|
|
12
13
|
import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, unsafeHTML, state, } from '@design.estate/dees-element';
|
|
13
14
|
import * as domtools from '@design.estate/dees-domtools';
|
|
@@ -21,6 +22,7 @@ export let DeesModal = class DeesModal extends DeesElement {
|
|
|
21
22
|
const modal = new DeesModal_1();
|
|
22
23
|
modal.heading = optionsArg.heading;
|
|
23
24
|
modal.content = optionsArg.content;
|
|
25
|
+
modal.menuOptions = optionsArg.menuOptions;
|
|
24
26
|
modal.windowLayer = await DeesWindowLayer.createAndShow();
|
|
25
27
|
modal.windowLayer.addEventListener('click', async () => {
|
|
26
28
|
await modal.destroy();
|
|
@@ -32,6 +34,7 @@ export let DeesModal = class DeesModal extends DeesElement {
|
|
|
32
34
|
super();
|
|
33
35
|
// INSTANCE
|
|
34
36
|
this.heading = '';
|
|
37
|
+
this.menuOptions = [];
|
|
35
38
|
}
|
|
36
39
|
static { this.styles = [
|
|
37
40
|
cssManager.defaultStyles,
|
|
@@ -83,7 +86,6 @@ export let DeesModal = class DeesModal extends DeesElement {
|
|
|
83
86
|
}
|
|
84
87
|
.modal .bottomButtons {
|
|
85
88
|
display: grid;
|
|
86
|
-
grid-template-columns: 1fr 1fr;
|
|
87
89
|
border-top: 1px solid #222;
|
|
88
90
|
}
|
|
89
91
|
|
|
@@ -105,13 +107,21 @@ export let DeesModal = class DeesModal extends DeesElement {
|
|
|
105
107
|
]; }
|
|
106
108
|
render() {
|
|
107
109
|
return html `
|
|
110
|
+
<style>
|
|
111
|
+
.modal .bottomButtons {
|
|
112
|
+
grid-template-columns: ${cssManager.cssGridColumns(this.menuOptions.length, 0)};
|
|
113
|
+
}
|
|
114
|
+
</style>
|
|
108
115
|
<div class="modalContainer" @click=${this.handleOutsideClick}>
|
|
109
116
|
<div class="modal">
|
|
110
117
|
<div class="heading">${this.heading}</div>
|
|
111
118
|
<div class="content">${this.content}</div>
|
|
112
119
|
<div class="bottomButtons">
|
|
113
|
-
|
|
114
|
-
|
|
120
|
+
${this.menuOptions.map((actionArg) => html `
|
|
121
|
+
<div class="bottomButton" @click=${() => {
|
|
122
|
+
actionArg.action(this);
|
|
123
|
+
}}>${actionArg.name}</div>
|
|
124
|
+
`)}
|
|
115
125
|
</div>
|
|
116
126
|
</div>
|
|
117
127
|
</div>
|
|
@@ -150,8 +160,12 @@ __decorate([
|
|
|
150
160
|
state({}),
|
|
151
161
|
__metadata("design:type", Object)
|
|
152
162
|
], DeesModal.prototype, "content", void 0);
|
|
163
|
+
__decorate([
|
|
164
|
+
state({}),
|
|
165
|
+
__metadata("design:type", Array)
|
|
166
|
+
], DeesModal.prototype, "menuOptions", void 0);
|
|
153
167
|
DeesModal = DeesModal_1 = __decorate([
|
|
154
168
|
customElement('dees-modal'),
|
|
155
169
|
__metadata("design:paramtypes", [])
|
|
156
170
|
], DeesModal);
|
|
157
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
171
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLW1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxTQUFTLEdBQWYsTUFBTSxTQUFVLFNBQVEsV0FBVzs7SUFDeEMsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUV2QixNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUlqQztRQUNDLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDM0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxXQUFTLEVBQUUsQ0FBQztRQUM5QixLQUFLLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDbkMsS0FBSyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ25DLEtBQUssQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQztRQUMzQyxLQUFLLENBQUMsV0FBVyxHQUFHLE1BQU0sZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzFELEtBQUssQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFO1lBQ3JELE1BQU0sS0FBSyxDQUFD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
|
package/dist_watch/bundle.js
CHANGED
|
@@ -8385,7 +8385,7 @@ var require_core = __commonJS({
|
|
|
8385
8385
|
var HLJS = function(hljs) {
|
|
8386
8386
|
const languages = /* @__PURE__ */ Object.create(null);
|
|
8387
8387
|
const aliases = /* @__PURE__ */ Object.create(null);
|
|
8388
|
-
const
|
|
8388
|
+
const plugins9 = [];
|
|
8389
8389
|
let SAFE_MODE = true;
|
|
8390
8390
|
const LANGUAGE_NOT_FOUND = "Could not find the language '{}', did you forget to load/include a language module?";
|
|
8391
8391
|
const PLAINTEXT_LANGUAGE = { disableAutodetect: true, name: "Plain text", contains: [] };
|
|
@@ -8954,17 +8954,17 @@ var require_core = __commonJS({
|
|
|
8954
8954
|
}
|
|
8955
8955
|
function addPlugin(plugin) {
|
|
8956
8956
|
upgradePluginAPI(plugin);
|
|
8957
|
-
|
|
8957
|
+
plugins9.push(plugin);
|
|
8958
8958
|
}
|
|
8959
8959
|
function removePlugin(plugin) {
|
|
8960
|
-
const index =
|
|
8960
|
+
const index = plugins9.indexOf(plugin);
|
|
8961
8961
|
if (index !== -1) {
|
|
8962
|
-
|
|
8962
|
+
plugins9.splice(index, 1);
|
|
8963
8963
|
}
|
|
8964
8964
|
}
|
|
8965
8965
|
function fire(event, args) {
|
|
8966
8966
|
const cb = event;
|
|
8967
|
-
|
|
8967
|
+
plugins9.forEach(function(plugin) {
|
|
8968
8968
|
if (plugin[cb]) {
|
|
8969
8969
|
plugin[cb](args);
|
|
8970
8970
|
}
|
|
@@ -73232,7 +73232,22 @@ var demoFunc5 = () => x`
|
|
|
73232
73232
|
>
|
|
73233
73233
|
</dees-input-text>
|
|
73234
73234
|
</dees-form>
|
|
73235
|
-
|
|
73235
|
+
`,
|
|
73236
|
+
menuOptions: [{
|
|
73237
|
+
name: "Cancel",
|
|
73238
|
+
iconName: null,
|
|
73239
|
+
action: async (deesModalArg) => {
|
|
73240
|
+
deesModalArg.destroy();
|
|
73241
|
+
return null;
|
|
73242
|
+
}
|
|
73243
|
+
}, {
|
|
73244
|
+
name: "Ok",
|
|
73245
|
+
iconName: null,
|
|
73246
|
+
action: async (deesModalArg) => {
|
|
73247
|
+
deesModalArg.destroy();
|
|
73248
|
+
return null;
|
|
73249
|
+
}
|
|
73250
|
+
}]
|
|
73236
73251
|
});
|
|
73237
73252
|
}}>open modal</dees-button>
|
|
73238
73253
|
`;
|
|
@@ -73242,12 +73257,14 @@ var DeesModal = class extends DeesElement {
|
|
|
73242
73257
|
constructor() {
|
|
73243
73258
|
super();
|
|
73244
73259
|
this.heading = "";
|
|
73260
|
+
this.menuOptions = [];
|
|
73245
73261
|
}
|
|
73246
73262
|
static async createAndShow(optionsArg) {
|
|
73247
73263
|
const body = document.body;
|
|
73248
73264
|
const modal = new DeesModal();
|
|
73249
73265
|
modal.heading = optionsArg.heading;
|
|
73250
73266
|
modal.content = optionsArg.content;
|
|
73267
|
+
modal.menuOptions = optionsArg.menuOptions;
|
|
73251
73268
|
modal.windowLayer = await DeesWindowLayer.createAndShow();
|
|
73252
73269
|
modal.windowLayer.addEventListener("click", async () => {
|
|
73253
73270
|
await modal.destroy();
|
|
@@ -73257,13 +73274,23 @@ var DeesModal = class extends DeesElement {
|
|
|
73257
73274
|
}
|
|
73258
73275
|
render() {
|
|
73259
73276
|
return x`
|
|
73277
|
+
<style>
|
|
73278
|
+
.modal .bottomButtons {
|
|
73279
|
+
grid-template-columns: ${cssManager.cssGridColumns(this.menuOptions.length, 0)};
|
|
73280
|
+
}
|
|
73281
|
+
</style>
|
|
73260
73282
|
<div class="modalContainer" @click=${this.handleOutsideClick}>
|
|
73261
73283
|
<div class="modal">
|
|
73262
73284
|
<div class="heading">${this.heading}</div>
|
|
73263
73285
|
<div class="content">${this.content}</div>
|
|
73264
73286
|
<div class="bottomButtons">
|
|
73265
|
-
|
|
73266
|
-
|
|
73287
|
+
${this.menuOptions.map(
|
|
73288
|
+
(actionArg) => x`
|
|
73289
|
+
<div class="bottomButton" @click=${() => {
|
|
73290
|
+
actionArg.action(this);
|
|
73291
|
+
}}>${actionArg.name}</div>
|
|
73292
|
+
`
|
|
73293
|
+
)}
|
|
73267
73294
|
</div>
|
|
73268
73295
|
</div>
|
|
73269
73296
|
</div>
|
|
@@ -73344,7 +73371,6 @@ DeesModal.styles = [
|
|
|
73344
73371
|
}
|
|
73345
73372
|
.modal .bottomButtons {
|
|
73346
73373
|
display: grid;
|
|
73347
|
-
grid-template-columns: 1fr 1fr;
|
|
73348
73374
|
border-top: 1px solid #222;
|
|
73349
73375
|
}
|
|
73350
73376
|
|
|
@@ -73372,6 +73398,9 @@ __decorateClass([
|
|
|
73372
73398
|
__decorateClass([
|
|
73373
73399
|
t4({})
|
|
73374
73400
|
], DeesModal.prototype, "content", 2);
|
|
73401
|
+
__decorateClass([
|
|
73402
|
+
t4({})
|
|
73403
|
+
], DeesModal.prototype, "menuOptions", 2);
|
|
73375
73404
|
DeesModal = __decorateClass([
|
|
73376
73405
|
e7("dees-modal")
|
|
73377
73406
|
], DeesModal);
|