@design.estate/dees-catalog 1.0.190 → 1.0.192
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 +251 -161
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-button.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-button.demo.js +15 -0
- package/dist_ts_web/elements/dees-button.js +3 -12
- package/dist_ts_web/elements/dees-contextmenu.demo.js +1 -1
- package/dist_ts_web/elements/dees-contextmenu.js +2 -2
- package/dist_ts_web/elements/dees-modal.d.ts +22 -0
- package/dist_ts_web/elements/dees-modal.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-modal.demo.js +22 -0
- package/dist_ts_web/elements/dees-modal.js +157 -0
- package/dist_ts_web/elements/dees-simple-appdash.d.ts +1 -1
- package/dist_ts_web/elements/dees-simple-appdash.js +3 -3
- package/dist_ts_web/elements/dees-simple-login.d.ts +1 -1
- package/dist_ts_web/elements/dees-simple-login.demo.js +2 -2
- package/dist_ts_web/elements/dees-simple-login.js +4 -4
- package/dist_ts_web/elements/index.d.ts +1 -0
- package/dist_ts_web/elements/index.js +2 -1
- package/dist_watch/bundle.js +712 -3179
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +3 -3
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-button.demo.ts +15 -0
- package/ts_web/elements/dees-button.ts +2 -11
- package/ts_web/elements/dees-contextmenu.demo.ts +1 -1
- package/ts_web/elements/dees-contextmenu.ts +1 -1
- package/ts_web/elements/dees-modal.demo.ts +22 -0
- package/ts_web/elements/dees-modal.ts +168 -0
- package/ts_web/elements/dees-simple-appdash.ts +1 -1
- package/ts_web/elements/dees-simple-login.demo.ts +1 -1
- package/ts_web/elements/dees-simple-login.ts +2 -2
- package/ts_web/elements/index.ts +1 -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.192',
|
|
7
7
|
description: 'website for lossless.com'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
export const demoFunc = () => html `
|
|
3
|
+
<dees-button>This is a slotted Text</dees-button>
|
|
4
|
+
<p>
|
|
5
|
+
<dees-button text="Highlighted: This text shows" type="highlighted">Highlighted</dees-button>
|
|
6
|
+
</p>
|
|
7
|
+
<p><dees-button type="discreet">This is discreete button</dees-button></p>
|
|
8
|
+
<p><dees-button disabled>This is a disabled button</dees-button></p>
|
|
9
|
+
<p><dees-button type="big">This is a slotted Text</dees-button></p>
|
|
10
|
+
<p><dees-button status="normal">Normal Status</dees-button></p>
|
|
11
|
+
<p><dees-button disabled status="pending">Pending Status</dees-button></p>
|
|
12
|
+
<p><dees-button disabled status="success">Success Status</dees-button></p>
|
|
13
|
+
<p><dees-button disabled status="error">Error Status</dees-button></p>
|
|
14
|
+
`;
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1idXR0b24uZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWJ1dHRvbi5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Q0FZakMsQ0FBQyJ9
|
|
@@ -7,20 +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 { demoFunc } from './dees-button.demo.js';
|
|
10
11
|
import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, } from '@design.estate/dees-element';
|
|
11
12
|
import * as domtools from '@design.estate/dees-domtools';
|
|
12
13
|
export let DeesButton = class DeesButton extends DeesElement {
|
|
13
|
-
static { this.demo =
|
|
14
|
-
<dees-button>This is a slotted Text</dees-button>
|
|
15
|
-
<p><dees-button text="Highlighted: This text shows" type="highlighted">Highlighted</dees-button></p>
|
|
16
|
-
<p><dees-button type="discreet">This is discreete button</dees-button></p>
|
|
17
|
-
<p><dees-button disabled>This is a disabled button</dees-button></p>
|
|
18
|
-
<p><dees-button type="big">This is a slotted Text</dees-button></p>
|
|
19
|
-
<p><dees-button status="normal">Normal Status</dees-button></p>
|
|
20
|
-
<p><dees-button disabled status="pending">Pending Status</dees-button></p>
|
|
21
|
-
<p><dees-button disabled status="success">Success Status</dees-button></p>
|
|
22
|
-
<p><dees-button disabled status="error">Error Status</dees-button></p>
|
|
23
|
-
`; }
|
|
14
|
+
static { this.demo = demoFunc; }
|
|
24
15
|
constructor() {
|
|
25
16
|
super();
|
|
26
17
|
this.disabled = false;
|
|
@@ -212,4 +203,4 @@ DeesButton = __decorate([
|
|
|
212
203
|
customElement('dees-button'),
|
|
213
204
|
__metadata("design:paramtypes", [])
|
|
214
205
|
], DeesButton);
|
|
215
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
206
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2pELE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFFSCxTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBU2xELFdBQU0sVUFBVSxHQUFoQixNQUFNLFVBQVcsU0FBUSxXQUFXO2FBQzNCLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQWlDOUI7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWxCSCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBS2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFLakIsU0FBSSxHQUFrRCxRQUFRLENBQUM7UUFLL0QsV0FBTSxHQUErQyxRQUFRLENBQUM7SUFJckUsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkFrQmUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDO3NCQUNsQyxVQUFVLENBQUMsT0FBTyxDQUFDLDZCQUE2QixFQUFFLE1BQU0sQ0FBQzs0QkFDbkQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDO3NCQUN4QyxVQUFVLENBQUMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLGdCQUFnQixDQUFDOzs7Ozs7aUJBTTNELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQWtCOUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDOzZCQUNyQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2lCQW9CcEQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7O3NCQUk3QixVQUFVLENBQUMsT0FBTyxDQUFDLG9CQUFvQixFQUFFLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7NkJBZTdELFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztzQkFDakQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDOzs7Ozs2QkFLbkMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDO3NCQUNqRCxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7Ozs7OzZCQUtuQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7c0JBQ2pELFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQzs7Ozs7Ozs7S0FRM0Q7S0FDRixBQTdHbUIsQ0E2R2xCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzt3QkFFUyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFFBQVE7WUFDOUYsQ0FBQyxDQUFDLFVBQVU7WUFDWixDQUFDLENBQUMsSUFBSTtrQkFDRSxJQUFJLENBQUMsYUFBYTs7VUFFMUIsSUFBSSxDQUFDLE1BQU0sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFLENBQUEsQ0FBQyxDQUFDLElBQUksQ0FBQTsrQkFDbEIsSUFBSSxZQUFZLElBQUksQ0FBQyxNQUFNO1NBQ2pEOytCQUNzQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVzs7S0FFbEUsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsYUFBYTtRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLGFBQWEsQ0FDaEIsSUFBSSxXQUFXLENBQUMsU0FBUyxFQUFFO1lBQ3pCLE1BQU0sRUFBRTtnQkFDTixJQUFJLEVBQUUsSUFBSSxDQUFDLGVBQWU7YUFDM0I7WUFDRCxPQUFPLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDO1lBQzVCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN0QjtJQUNILENBQUM7O0FBaExNO0lBTk4sUUFBUSxDQUFDO1FBQ1IsT0FBTyxFQUFFLElBQUk7UUFDYixVQUFVO1lBQ1IsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO0tBQ0YsQ0FBQzs7d0NBQ2tCO0FBR2I7SUFETixRQUFRLEVBQUU7O21EQUNvQjtBQUt4QjtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxPQUFPO0tBQ2QsQ0FBQzs7NENBQ3NCO0FBS2pCO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOzs0Q0FDc0I7QUFLakI7SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsTUFBTTtLQUNiLENBQUM7O3dDQUNvRTtBQUsvRDtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7MENBQ21FO0FBaEMxRCxVQUFVO0lBRHRCLGFBQWEsQ0FBQyxhQUFhLENBQUM7O0dBQ2hCLFVBQVUsQ0EwTHRCIn0=
|
|
@@ -22,7 +22,7 @@ export let DeesContextmenu = class DeesContextmenu extends DeesElement {
|
|
|
22
22
|
eventArg.preventDefault();
|
|
23
23
|
eventArg.stopPropagation();
|
|
24
24
|
const contextMenu = new DeesContextmenu_1();
|
|
25
|
-
contextMenu.style.position = '
|
|
25
|
+
contextMenu.style.position = 'fixed';
|
|
26
26
|
contextMenu.style.zIndex = '2000';
|
|
27
27
|
contextMenu.style.top = `${eventArg.clientY.toString()}px`;
|
|
28
28
|
contextMenu.style.left = `${eventArg.clientX.toString()}px`;
|
|
@@ -133,4 +133,4 @@ DeesContextmenu = DeesContextmenu_1 = __decorate([
|
|
|
133
133
|
customElement('dees-contextmenu'),
|
|
134
134
|
__metadata("design:paramtypes", [])
|
|
135
135
|
], DeesContextmenu);
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBU2pELFdBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzs7SUFDOUMsT0FBTzthQUNPLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBVztJQUU3QixTQUFTO0lBQ0YsTUFBTSxDQUFDLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxRQUFvQixFQUFFLFlBQWlEO1FBQ3BILFFBQVEsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMxQixRQUFRLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDM0IsTUFBTSxXQUFXLEdBQUcsSUFBSSxpQkFBZSxFQUFFLENBQUM7UUFDMUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3JDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNsQyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQztRQUMzRCxXQUFXLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFB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
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'dees-modal': DeesModal;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export declare class DeesModal extends DeesElement {
|
|
8
|
+
static demo: () => TemplateResult<1>;
|
|
9
|
+
static createAndShow(optionsArg: {
|
|
10
|
+
heading: string;
|
|
11
|
+
content: TemplateResult;
|
|
12
|
+
}): Promise<void>;
|
|
13
|
+
heading: string;
|
|
14
|
+
content: TemplateResult;
|
|
15
|
+
constructor();
|
|
16
|
+
static styles: CSSResult[];
|
|
17
|
+
render(): TemplateResult;
|
|
18
|
+
private windowLayer;
|
|
19
|
+
firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): Promise<void>;
|
|
20
|
+
handleOutsideClick(eventArg: MouseEvent): Promise<void>;
|
|
21
|
+
destroy(): Promise<void>;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
import { DeesModal } from './dees-modal.js';
|
|
3
|
+
export const demoFunc = () => html `
|
|
4
|
+
<dees-button @click=${() => {
|
|
5
|
+
DeesModal.createAndShow({
|
|
6
|
+
heading: 'This is a heading',
|
|
7
|
+
content: html `
|
|
8
|
+
<dees-form>
|
|
9
|
+
<dees-input-text
|
|
10
|
+
.label=${'Username'}
|
|
11
|
+
>
|
|
12
|
+
</dees-input-text>
|
|
13
|
+
<dees-input-text
|
|
14
|
+
.label=${'Password'}
|
|
15
|
+
>
|
|
16
|
+
</dees-input-text>
|
|
17
|
+
</dees-form>
|
|
18
|
+
`
|
|
19
|
+
});
|
|
20
|
+
}}>open modal</dees-button>
|
|
21
|
+
`;
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9kYWwuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7d0JBQ1YsR0FBRyxFQUFFO0lBQ3pCLFNBQVMsQ0FBQyxhQUFhLENBQUM7UUFDdEIsT0FBTyxFQUFFLG1CQUFtQjtRQUM1QixPQUFPLEVBQUUsSUFBSSxDQUFBOzs7cUJBR0UsVUFBVTs7OztxQkFJVixVQUFVOzs7O09BSXhCO0tBQ0YsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztDQUNGLENBQUEifQ==
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
+
};
|
|
10
|
+
var DeesModal_1;
|
|
11
|
+
import { demoFunc } from './dees-modal.demo.js';
|
|
12
|
+
import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, unsafeHTML, state, } from '@design.estate/dees-element';
|
|
13
|
+
import * as domtools from '@design.estate/dees-domtools';
|
|
14
|
+
import { DeesWindowLayer } from './dees-windowlayer.js';
|
|
15
|
+
export let DeesModal = class DeesModal extends DeesElement {
|
|
16
|
+
static { DeesModal_1 = this; }
|
|
17
|
+
// STATIC
|
|
18
|
+
static { this.demo = demoFunc; }
|
|
19
|
+
static async createAndShow(optionsArg) {
|
|
20
|
+
const body = document.body;
|
|
21
|
+
const modal = new DeesModal_1();
|
|
22
|
+
modal.heading = optionsArg.heading;
|
|
23
|
+
modal.content = optionsArg.content;
|
|
24
|
+
modal.windowLayer = await DeesWindowLayer.createAndShow();
|
|
25
|
+
modal.windowLayer.addEventListener('click', async () => {
|
|
26
|
+
await modal.destroy();
|
|
27
|
+
});
|
|
28
|
+
body.append(modal.windowLayer);
|
|
29
|
+
body.append(modal);
|
|
30
|
+
}
|
|
31
|
+
constructor() {
|
|
32
|
+
super();
|
|
33
|
+
// INSTANCE
|
|
34
|
+
this.heading = '';
|
|
35
|
+
}
|
|
36
|
+
static { this.styles = [
|
|
37
|
+
cssManager.defaultStyles,
|
|
38
|
+
css `
|
|
39
|
+
:host {
|
|
40
|
+
font-family: 'Mona Sans', 'Inter', sans-serif;
|
|
41
|
+
color: ${cssManager.bdTheme('#333', '#fff')};
|
|
42
|
+
}
|
|
43
|
+
.modalContainer {
|
|
44
|
+
display: flex;
|
|
45
|
+
position: fixed;
|
|
46
|
+
width: 100vw;
|
|
47
|
+
height: 100vh;
|
|
48
|
+
box-sizing: border-box;
|
|
49
|
+
align-items: center;
|
|
50
|
+
justify-content: center;
|
|
51
|
+
z-index: 2000;
|
|
52
|
+
}
|
|
53
|
+
.modal {
|
|
54
|
+
will-change: transform;
|
|
55
|
+
transform: translateY(10px);
|
|
56
|
+
opacity: 0;
|
|
57
|
+
width: 480px;
|
|
58
|
+
min-height: 120px;
|
|
59
|
+
background: #111;
|
|
60
|
+
border-radius: 8px;
|
|
61
|
+
border: 1px solid #222;
|
|
62
|
+
transition: all 0.2s;
|
|
63
|
+
overflow: hidden;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.modal.show {
|
|
67
|
+
opacity: 1;
|
|
68
|
+
transform: translateY(0px);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.modal .heading {
|
|
72
|
+
height: 32px;
|
|
73
|
+
font-family: 'Hubot Sans', 'Inter', sans-serif;
|
|
74
|
+
line-height: 32px;
|
|
75
|
+
text-align: center;
|
|
76
|
+
font-weight: 600;
|
|
77
|
+
font-size: 12px;
|
|
78
|
+
border-bottom: 1px solid #222;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.modal .content {
|
|
82
|
+
padding: 16px;
|
|
83
|
+
}
|
|
84
|
+
.modal .bottomButtons {
|
|
85
|
+
display: grid;
|
|
86
|
+
grid-template-columns: 1fr 1fr;
|
|
87
|
+
border-top: 1px solid #222;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.modal .bottomButtons .bottomButton {
|
|
91
|
+
height: 40px;
|
|
92
|
+
line-height: 40px;
|
|
93
|
+
text-align: center;
|
|
94
|
+
font-size: 14px;
|
|
95
|
+
border-right: 1px solid #222;
|
|
96
|
+
cursor: pointer;
|
|
97
|
+
}
|
|
98
|
+
.modal .bottomButtons .bottomButton:hover {
|
|
99
|
+
background: #222;
|
|
100
|
+
}
|
|
101
|
+
.modal .bottomButtons .bottomButton:last-child {
|
|
102
|
+
border-right: none;
|
|
103
|
+
}
|
|
104
|
+
`,
|
|
105
|
+
]; }
|
|
106
|
+
render() {
|
|
107
|
+
return html `
|
|
108
|
+
<div class="modalContainer" @click=${this.handleOutsideClick}>
|
|
109
|
+
<div class="modal">
|
|
110
|
+
<div class="heading">${this.heading}</div>
|
|
111
|
+
<div class="content">${this.content}</div>
|
|
112
|
+
<div class="bottomButtons">
|
|
113
|
+
<div class="bottomButton">Cancel</div>
|
|
114
|
+
<div class="bottomButton">OK</div>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
`;
|
|
119
|
+
}
|
|
120
|
+
async firstUpdated(_changedProperties) {
|
|
121
|
+
super.firstUpdated(_changedProperties);
|
|
122
|
+
const domtools = await this.domtoolsPromise;
|
|
123
|
+
await domtools.convenience.smartdelay.delayFor(30);
|
|
124
|
+
const modal = this.shadowRoot.querySelector('.modal');
|
|
125
|
+
modal.classList.add('show');
|
|
126
|
+
}
|
|
127
|
+
async handleOutsideClick(eventArg) {
|
|
128
|
+
eventArg.stopPropagation();
|
|
129
|
+
const modalContainer = this.shadowRoot.querySelector('.modalContainer');
|
|
130
|
+
if (eventArg.target === modalContainer) {
|
|
131
|
+
await this.destroy();
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
async destroy() {
|
|
135
|
+
const domtools = await this.domtoolsPromise;
|
|
136
|
+
const modal = this.shadowRoot.querySelector('.modal');
|
|
137
|
+
modal.classList.remove('show');
|
|
138
|
+
await domtools.convenience.smartdelay.delayFor(200);
|
|
139
|
+
document.body.removeChild(this);
|
|
140
|
+
await this.windowLayer.destroy();
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
__decorate([
|
|
144
|
+
property({
|
|
145
|
+
type: String,
|
|
146
|
+
}),
|
|
147
|
+
__metadata("design:type", Object)
|
|
148
|
+
], DeesModal.prototype, "heading", void 0);
|
|
149
|
+
__decorate([
|
|
150
|
+
state({}),
|
|
151
|
+
__metadata("design:type", Object)
|
|
152
|
+
], DeesModal.prototype, "content", void 0);
|
|
153
|
+
DeesModal = DeesModal_1 = __decorate([
|
|
154
|
+
customElement('dees-modal'),
|
|
155
|
+
__metadata("design:paramtypes", [])
|
|
156
|
+
], DeesModal);
|
|
157
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLW1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxTQUFTLEdBQWYsTUFBTSxTQUFVLFNBQVEsV0FBVzs7SUFDeEMsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUV2QixNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUF3RDtRQUN4RixNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQzNCLE1BQU0sS0FBSyxHQUFHLElBQUksV0FBUyxFQUFFLENBQUM7UUFDOUIsS0FBSyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ25DLEtBQUssQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUNuQyxLQUFLLENBQUMsV0FBVyxHQUFHLE1BQU0sZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzFELEtBQUssQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFO1lBQ3JELE1BQU0sS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixDQUFDO0lBWUQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVhWLFdBQVc7UUFLSixZQUFPLEdBQUcsRUFBRSxDQUFDO0lBT3BCLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7aUJBR1UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0ErRDlDO0tBQ0YsQUFyRW1CLENBcUVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTsyQ0FDNEIsSUFBSSxDQUFDLGtCQUFrQjs7aUNBRWpDLElBQUksQ0FBQyxPQUFPO2lDQUNaLElBQUksQ0FBQyxPQUFPOzs7Ozs7O0tBT3hDLENBQUM7SUFDSixDQUFDO0lBR00sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBMEQ7UUFDbEYsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNuRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RCxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRU0sS0FBSyxDQUFDLGtCQUFrQixDQUFDLFFBQW9CO1FBQ2xELFFBQVEsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3hFLElBQUksUUFBUSxDQUFDLE1BQU0sS0FBSyxjQUFjLEVBQUU7WUFDdEMsTUFBTSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RELEtBQUssQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQy9CLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hDLE1BQU0sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNuQyxDQUFDOztBQXZITTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7MENBQ2tCO0FBR2I7SUFETixLQUFLLENBQUMsRUFBRSxDQUFDOzswQ0FDcUI7QUF6QnBCLFNBQVM7SUFEckIsYUFBYSxDQUFDLFlBQVksQ0FBQzs7R0FDZixTQUFTLENBOElyQiJ9
|
|
@@ -6,7 +6,7 @@ declare global {
|
|
|
6
6
|
}
|
|
7
7
|
export declare class DeesSimpleAppDash extends DeesElement {
|
|
8
8
|
static demo: () => TemplateResult<1>;
|
|
9
|
-
|
|
9
|
+
name: string;
|
|
10
10
|
static styles: CSSResult[];
|
|
11
11
|
render(): TemplateResult;
|
|
12
12
|
firstUpdated(_changedProperties: any): Promise<void>;
|
|
@@ -13,7 +13,7 @@ export let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
|
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
15
|
// INSTANCE
|
|
16
|
-
this.
|
|
16
|
+
this.name = 'Dees Simple Login';
|
|
17
17
|
}
|
|
18
18
|
// STATIC
|
|
19
19
|
static { this.demo = demoFunc; }
|
|
@@ -63,8 +63,8 @@ export let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
|
|
|
63
63
|
__decorate([
|
|
64
64
|
property(),
|
|
65
65
|
__metadata("design:type", Object)
|
|
66
|
-
], DeesSimpleAppDash.prototype, "
|
|
66
|
+
], DeesSimpleAppDash.prototype, "name", void 0);
|
|
67
67
|
DeesSimpleAppDash = __decorate([
|
|
68
68
|
customElement('dees-simple-appdash')
|
|
69
69
|
], DeesSimpleAppDash);
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBUzlCLFdBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBR0osU0FBSSxHQUFHLG1CQUFtQixDQUFDO0lBOENwQyxDQUFDO0lBbkRDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFNaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDO21DQUN4QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7O3NCQVcvQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7O0tBRXREO0tBQ0YsQUEzQm1CLENBMkJsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7OztLQU9WLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0I7UUFDMUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN6QyxDQUFDOztBQTdDTTtJQUROLFFBQVEsRUFBRTs7K0NBQ3VCO0FBTnZCLGlCQUFpQjtJQUQ3QixhQUFhLENBQUMscUJBQXFCLENBQUM7R0FDeEIsaUJBQWlCLENBb0Q3QiJ9
|
|
@@ -6,7 +6,7 @@ declare global {
|
|
|
6
6
|
}
|
|
7
7
|
export declare class DeesSimpleLogin extends DeesElement {
|
|
8
8
|
static demo: () => TemplateResult<1>;
|
|
9
|
-
|
|
9
|
+
name: string;
|
|
10
10
|
static styles: CSSResult[];
|
|
11
11
|
render(): TemplateResult;
|
|
12
12
|
firstUpdated(_changedProperties: any): Promise<void>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { html } from '@design.estate/dees-element';
|
|
2
|
-
export const demoFunc = () => html ` <dees-simple-login> Hello there </dees-simple-login> `;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
export const demoFunc = () => html ` <dees-simple-login name="someapp"> Hello there </dees-simple-login> `;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1sb2dpbi5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVFQUF1RSxDQUFDIn0=
|
|
@@ -13,7 +13,7 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
|
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
15
|
// INSTANCE
|
|
16
|
-
this.
|
|
16
|
+
this.name = 'Dees Simple Login';
|
|
17
17
|
}
|
|
18
18
|
// STATIC
|
|
19
19
|
static { this.demo = demoFunc; }
|
|
@@ -57,7 +57,7 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
|
|
|
57
57
|
<div class="loginContainer">
|
|
58
58
|
<div class="login">
|
|
59
59
|
<dees-form>
|
|
60
|
-
<div class="header">Login to ${this.
|
|
60
|
+
<div class="header">Login to ${this.name}</div>
|
|
61
61
|
<dees-input-text key="username" label="username" required></dees-input-text>
|
|
62
62
|
<dees-input-text key="password" label="password" isPasswordBool required></dees-input-text>
|
|
63
63
|
<dees-form-submit disabled>login</dees-form-submit>
|
|
@@ -104,8 +104,8 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
|
|
|
104
104
|
__decorate([
|
|
105
105
|
property(),
|
|
106
106
|
__metadata("design:type", Object)
|
|
107
|
-
], DeesSimpleLogin.prototype, "
|
|
107
|
+
], DeesSimpleLogin.prototype, "name", void 0);
|
|
108
108
|
DeesSimpleLogin = __decorate([
|
|
109
109
|
customElement('dees-simple-login')
|
|
110
110
|
], DeesSimpleLogin);
|
|
111
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zaW1wbGUtbG9naW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZELE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFDSCxTQUFTLEVBRVQsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFTOUIsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXO0lBQXpDOztRQUdMLFdBQVc7UUFHSixTQUFJLEdBQUcsbUJBQW1CLENBQUM7SUEyRnBDLENBQUM7SUFoR0MsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBVzthQU1mLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7O2lCQUVVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7c0JBYzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7O0tBYzFFO0tBQ0YsQUFsQ21CLENBa0NsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OzsyQ0FJNEIsSUFBSSxDQUFDLElBQUk7Ozs7Ozs7Ozs7S0FVL0MsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQjtRQUMxQyxNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hELE1BQU0sSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDakMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUNwRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxDQUFDLEtBQWtCLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3ZFLGlDQUFpQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxzQkFBc0I7UUFDakMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RSxNQUFNLGlCQUFpQixHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNGLE1BQU0sZ0JBQWdCLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekYsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQzdCLFFBQVEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBQzlDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1FBQy9DLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsa0JBQWtCLENBQUM7UUFDdEQsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7UUFDckMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQztRQUNyRCxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUkvQyxDQUFDOztBQTFGTTtJQUROLFFBQVEsRUFBRTs7NkNBQ3VCO0FBTnZCLGVBQWU7SUFEM0IsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0dBQ3RCLGVBQWUsQ0FpRzNCIn0=
|
|
@@ -14,6 +14,7 @@ export * from './dees-input-quantityselector.js';
|
|
|
14
14
|
export * from './dees-input-radio.js';
|
|
15
15
|
export * from './dees-input-text.js';
|
|
16
16
|
export * from './dees-mobilenavigation.js';
|
|
17
|
+
export * from './dees-modal.js';
|
|
17
18
|
export * from './dees-pdf.js';
|
|
18
19
|
export * from './dees-simple-appdash.js';
|
|
19
20
|
export * from './dees-simple-login.js';
|
|
@@ -14,6 +14,7 @@ export * from './dees-input-quantityselector.js';
|
|
|
14
14
|
export * from './dees-input-radio.js';
|
|
15
15
|
export * from './dees-input-text.js';
|
|
16
16
|
export * from './dees-mobilenavigation.js';
|
|
17
|
+
export * from './dees-modal.js';
|
|
17
18
|
export * from './dees-pdf.js';
|
|
18
19
|
export * from './dees-simple-appdash.js';
|
|
19
20
|
export * from './dees-simple-login.js';
|
|
@@ -24,4 +25,4 @@ export * from './dees-table.js';
|
|
|
24
25
|
export * from './dees-toast.js';
|
|
25
26
|
export * from './dees-updater.js';
|
|
26
27
|
export * from './dees-windowlayer.js';
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDIn0=
|