@design.estate/dees-catalog 1.0.210 → 1.0.211
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 +220 -187
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-dataview-codebox.js +27 -14
- package/dist_ts_web/elements/dees-icon.d.ts +5 -1
- package/dist_ts_web/elements/dees-icon.demo.d.ts +1 -0
- package/dist_ts_web/elements/dees-icon.demo.js +52 -0
- package/dist_ts_web/elements/dees-icon.js +10 -22
- package/dist_watch/bundle.js +107 -40
- 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-dataview-codebox.ts +27 -13
- package/ts_web/elements/dees-icon.demo.ts +55 -0
- package/ts_web/elements/dees-icon.ts +10 -19
|
@@ -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.210',
|
|
7
7
|
description: 'website for lossless.com'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9
|
|
@@ -8,10 +8,11 @@ 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
|
import { demoFunc } from './dees-dataview-codebox.demo.js';
|
|
11
|
-
import { DeesElement, html, customElement, property, state, } from '@design.estate/dees-element';
|
|
11
|
+
import { DeesElement, html, customElement, property, state, cssManager, } from '@design.estate/dees-element';
|
|
12
12
|
import hlight from 'highlight.js';
|
|
13
13
|
import * as smartstring from '@push.rocks/smartstring';
|
|
14
14
|
import * as domtools from '@design.estate/dees-domtools';
|
|
15
|
+
import { DeesContextmenu } from './dees-contextmenu.js';
|
|
15
16
|
export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
16
17
|
static { this.demo = demoFunc; }
|
|
17
18
|
constructor() {
|
|
@@ -41,11 +42,11 @@ export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
|
41
42
|
}
|
|
42
43
|
|
|
43
44
|
.appbar {
|
|
45
|
+
color: ${cssManager.bdTheme('#333', '#ccc')};
|
|
46
|
+
background: ${cssManager.bdTheme('#ffffff', '#161616')};
|
|
47
|
+
border-bottom: 1px solid ${cssManager.bdTheme('#eeeeeb', '#222222')};
|
|
44
48
|
height: 24px;
|
|
45
|
-
background: #161616;
|
|
46
|
-
border-bottom: 1px solid #222222;
|
|
47
49
|
font-size: 12px;
|
|
48
|
-
color: #CCC;
|
|
49
50
|
font-family: 'Hubot Sans', 'monospace';
|
|
50
51
|
line-height: 24px;
|
|
51
52
|
}
|
|
@@ -71,15 +72,15 @@ export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
|
71
72
|
}
|
|
72
73
|
|
|
73
74
|
.appbar .macControls div.close {
|
|
74
|
-
background: #
|
|
75
|
+
background: #ff5f57;
|
|
75
76
|
}
|
|
76
77
|
|
|
77
78
|
.appbar .macControls div.toDock {
|
|
78
|
-
background: #
|
|
79
|
+
background: #ffbd2e;
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
.appbar .macControls div.minMax {
|
|
82
|
-
background: #
|
|
83
|
+
background: #27c93f;
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
.appbar .macControls div:hover {
|
|
@@ -91,11 +92,11 @@ export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
|
91
92
|
}
|
|
92
93
|
|
|
93
94
|
.bottomBar {
|
|
95
|
+
color: ${cssManager.bdTheme('#333', '#ccc')};
|
|
96
|
+
background: ${cssManager.bdTheme('#ffffff', '#161616')};
|
|
97
|
+
border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#222222')};
|
|
94
98
|
height: 24px;
|
|
95
|
-
background: #161616;
|
|
96
|
-
border-top: 1px solid #222222;
|
|
97
99
|
font-size: 12px;
|
|
98
|
-
color: #888;
|
|
99
100
|
font-family: 'Hubot Sans', 'monospace';
|
|
100
101
|
line-height: 24px;
|
|
101
102
|
text-align: right;
|
|
@@ -103,7 +104,7 @@ export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
|
103
104
|
}
|
|
104
105
|
|
|
105
106
|
.languageLabel {
|
|
106
|
-
color: #ccc;
|
|
107
|
+
color: ${cssManager.bdTheme('#333', '#ccc')};
|
|
107
108
|
font-size: 12px;
|
|
108
109
|
line-height: 24px;
|
|
109
110
|
z-index: 10;
|
|
@@ -126,7 +127,6 @@ export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
|
126
127
|
}
|
|
127
128
|
|
|
128
129
|
.lineNumbers {
|
|
129
|
-
|
|
130
130
|
color: ${this.goBright ? '#acacac' : '#666666'};
|
|
131
131
|
padding: 30px 16px 0px 0px;
|
|
132
132
|
text-align: right;
|
|
@@ -177,7 +177,20 @@ export let DeesDataviewCodebox = class DeesDataviewCodebox extends DeesElement {
|
|
|
177
177
|
color: ${this.goBright ? '#EF9300' : '#ffd765'};
|
|
178
178
|
}
|
|
179
179
|
</style>
|
|
180
|
-
<div
|
|
180
|
+
<div
|
|
181
|
+
class="mainbox"
|
|
182
|
+
@contextmenu="${(eventArg) => {
|
|
183
|
+
DeesContextmenu.openContextMenuWithOptions(eventArg, [
|
|
184
|
+
{
|
|
185
|
+
name: 'About',
|
|
186
|
+
iconName: 'circleInfo',
|
|
187
|
+
action: async () => {
|
|
188
|
+
return null;
|
|
189
|
+
},
|
|
190
|
+
},
|
|
191
|
+
]);
|
|
192
|
+
}}"
|
|
193
|
+
>
|
|
181
194
|
<div class="appbar">
|
|
182
195
|
<div class="macControls">
|
|
183
196
|
<div class="close"></div>
|
|
@@ -252,4 +265,4 @@ DeesDataviewCodebox = __decorate([
|
|
|
252
265
|
customElement('dees-dataview-codebox'),
|
|
253
266
|
__metadata("design:paramtypes", [])
|
|
254
267
|
], DeesDataviewCodebox);
|
|
255
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
268
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1kYXRhdmlldy1jb2RlYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtZGF0YXZpZXctY29kZWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osYUFBYSxFQUViLFFBQVEsRUFDUixLQUFLLEVBQ0wsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxNQUFNLE1BQU0sY0FBYyxDQUFDO0FBRWxDLE9BQU8sS0FBSyxXQUFXLE1BQU0seUJBQXlCLENBQUM7QUFFdkQsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxtQkFBbUIsR0FBekIsTUFBTSxtQkFBb0IsU0FBUSxXQUFXO2FBQ3BDLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQVc5QjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBVEgsYUFBUSxHQUFXLFlBQVksQ0FBQztRQU1oQyxrQkFBYSxHQUFXLEVBQUUsQ0FBQztRQTZNMUIsdUJBQWtCLEdBQUcsRUFBRSxDQUFDO0lBek1oQyxDQUFDO0lBRUQsTUFBTTtRQUNKLE9BQU8sSUFBSSxDQUFBO1FBQ1AsUUFBUSxDQUFDLFlBQVksQ0FBQyxNQUFNOzs7Ozs7Ozs7O21CQVVqQixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7a0NBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUztvQ0FDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQjt3QkFD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
|
|
@@ -50,6 +50,11 @@ export declare const faIcons: {
|
|
|
50
50
|
shareSolid: IconDefinition;
|
|
51
51
|
sun: IconDefinition;
|
|
52
52
|
sunSolid: IconDefinition;
|
|
53
|
+
trash: IconDefinition;
|
|
54
|
+
trashSolid: IconDefinition;
|
|
55
|
+
trashCan: IconDefinition;
|
|
56
|
+
trashCanSolid: IconDefinition;
|
|
57
|
+
users: IconDefinition;
|
|
53
58
|
xmark: IconDefinition;
|
|
54
59
|
xmarkSolid: IconDefinition;
|
|
55
60
|
facebook: IconDefinition;
|
|
@@ -60,7 +65,6 @@ export declare const faIcons: {
|
|
|
60
65
|
slack: IconDefinition;
|
|
61
66
|
tiktok: IconDefinition;
|
|
62
67
|
twitter: IconDefinition;
|
|
63
|
-
users: IconDefinition;
|
|
64
68
|
};
|
|
65
69
|
export type TIconKey = keyof typeof faIcons;
|
|
66
70
|
declare global {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
|
+
import { faIcons } from './dees-icon.js';
|
|
3
|
+
export const demoFunc = () => html `
|
|
4
|
+
<style>
|
|
5
|
+
.demoContainer {
|
|
6
|
+
|
|
7
|
+
width: 100%;
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
background: #111111;
|
|
11
|
+
padding: 10px; font-size: 30px;
|
|
12
|
+
}
|
|
13
|
+
dees-icon {
|
|
14
|
+
transition: color 0.02s;
|
|
15
|
+
color: #ffffff;
|
|
16
|
+
}
|
|
17
|
+
dees-icon:hover {
|
|
18
|
+
color: #e4002b;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.iconContainer {
|
|
22
|
+
display: block;
|
|
23
|
+
padding: 16px 16px 0px 16px;
|
|
24
|
+
border: 1px solid #333333;
|
|
25
|
+
margin-right: 8px;
|
|
26
|
+
margin-bottom: 8px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.iconName {
|
|
30
|
+
font-size: 12px;
|
|
31
|
+
text-align: center;
|
|
32
|
+
color: #ccc;
|
|
33
|
+
background: #333333;
|
|
34
|
+
padding: 4px 8px;
|
|
35
|
+
padding-bottom: 4px;
|
|
36
|
+
margin-left: -16px;
|
|
37
|
+
margin-right: -16px;
|
|
38
|
+
margin-top: 16px;
|
|
39
|
+
}
|
|
40
|
+
</style>
|
|
41
|
+
|
|
42
|
+
<div class="demoContainer">
|
|
43
|
+
${Object.keys(faIcons).map((iconName) => html `
|
|
44
|
+
<div class="iconContainer">
|
|
45
|
+
<dees-icon .iconFA=${iconName}></dees-icon>
|
|
46
|
+
<div class="iconName">${iconName}</div>
|
|
47
|
+
</div>
|
|
48
|
+
`)}
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
`;
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1pY29uLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1FBd0MxQixNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FDeEIsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQTs7aUNBRU8sUUFBZTtvQ0FDWixRQUFROztTQUVuQyxDQUNGOzs7Q0FHTixDQUFDIn0=
|
|
@@ -11,8 +11,9 @@ import { DeesElement, html, property, customElement, cssManager, css, } from '@d
|
|
|
11
11
|
import * as domtools from '@design.estate/dees-domtools';
|
|
12
12
|
import { icon } from '@fortawesome/fontawesome-svg-core';
|
|
13
13
|
import { faFacebook, faGoogle, faLinkedin, faMedium, faSlackHash, faTwitter, faInstagram, faTiktok, } from '@fortawesome/free-brands-svg-icons';
|
|
14
|
-
import { faCopy as faCopyRegular, faCircleCheck as faCircleCheckRegular, faCircleXmark as faCircleXmarkRegular, faMessage as faMessageRegular, faPaste as faPasteRegular, faSun as faSunRegular, } from '@fortawesome/free-regular-svg-icons';
|
|
15
|
-
import { faArrowRight as faArrowRightSolid, faArrowUpRightFromSquare as faArrowUpRightFromSquareSolid, faBell as faBellSolid, faBug as faBugSolid, faBuilding as faBuildingSolid, faCaretLeft as faCaretLeftSolid, faCaretRight as faCaretRightSolid, faCheck as faCheckSolid, faCircleInfo as faCircleInfoSolid, faCircleCheck as faCircleCheckSolid, faCircleXmark as faCircleXmarkSolid, faClockRotateLeft as faClockRotateLeftSolid, faCopy as faCopySolid, faDesktop as faDesktopSolid, faEye as faEyeSolid, faEyeSlash as faEyeSlashSolid, faGrip as faGripSolid, faMessage as faMessageSolid, faMugHot as faMugHotSolid, faMinus as faMinusSolid, faPaste as faPasteSolid, faPenToSquare as faPenToSquareSolid, faRss as faRssSolid, faUsers as faUsersSolid, faShare as faShareSolid, faSun as faSunSolid, faXmark as faXmarkSolid, } from '@fortawesome/free-solid-svg-icons';
|
|
14
|
+
import { faCopy as faCopyRegular, faCircleCheck as faCircleCheckRegular, faCircleXmark as faCircleXmarkRegular, faMessage as faMessageRegular, faPaste as faPasteRegular, faSun as faSunRegular, faTrashCan as faTrashCanRegular, } from '@fortawesome/free-regular-svg-icons';
|
|
15
|
+
import { faArrowRight as faArrowRightSolid, faArrowUpRightFromSquare as faArrowUpRightFromSquareSolid, faBell as faBellSolid, faBug as faBugSolid, faBuilding as faBuildingSolid, faCaretLeft as faCaretLeftSolid, faCaretRight as faCaretRightSolid, faCheck as faCheckSolid, faCircleInfo as faCircleInfoSolid, faCircleCheck as faCircleCheckSolid, faCircleXmark as faCircleXmarkSolid, faClockRotateLeft as faClockRotateLeftSolid, faCopy as faCopySolid, faDesktop as faDesktopSolid, faEye as faEyeSolid, faEyeSlash as faEyeSlashSolid, faGrip as faGripSolid, faMessage as faMessageSolid, faMugHot as faMugHotSolid, faMinus as faMinusSolid, faPaste as faPasteSolid, faPenToSquare as faPenToSquareSolid, faRss as faRssSolid, faUsers as faUsersSolid, faShare as faShareSolid, faSun as faSunSolid, faTrash as faTrashSolid, faTrashCan as faTrashCanSolid, faXmark as faXmarkSolid, } from '@fortawesome/free-solid-svg-icons';
|
|
16
|
+
import { demoFunc } from './dees-icon.demo.js';
|
|
16
17
|
export const faIcons = {
|
|
17
18
|
// normal
|
|
18
19
|
arrowRight: faArrowRightSolid,
|
|
@@ -64,6 +65,11 @@ export const faIcons = {
|
|
|
64
65
|
shareSolid: faShareSolid,
|
|
65
66
|
sun: faSunRegular,
|
|
66
67
|
sunSolid: faSunSolid,
|
|
68
|
+
trash: faTrashSolid,
|
|
69
|
+
trashSolid: faTrashSolid,
|
|
70
|
+
trashCan: faTrashCanRegular,
|
|
71
|
+
trashCanSolid: faTrashCanSolid,
|
|
72
|
+
users: faUsersSolid,
|
|
67
73
|
xmark: faXmarkSolid,
|
|
68
74
|
xmarkSolid: faXmarkSolid,
|
|
69
75
|
// brands
|
|
@@ -75,27 +81,9 @@ export const faIcons = {
|
|
|
75
81
|
slack: faSlackHash,
|
|
76
82
|
tiktok: faTiktok,
|
|
77
83
|
twitter: faTwitter,
|
|
78
|
-
users: faUsersSolid,
|
|
79
84
|
};
|
|
80
85
|
export let DeesIcon = class DeesIcon extends DeesElement {
|
|
81
|
-
static { this.demo =
|
|
82
|
-
<dees-icon iconName="visibility"></dees-icon>
|
|
83
|
-
<div style="background: #fff; padding: 10px; font-size: 30px">
|
|
84
|
-
<style>
|
|
85
|
-
dees-icon {
|
|
86
|
-
transition: color 0.05s;
|
|
87
|
-
}
|
|
88
|
-
dees-icon:hover {
|
|
89
|
-
color: #e4002b;
|
|
90
|
-
}
|
|
91
|
-
</style>
|
|
92
|
-
<dees-icon .iconFA=${'messageSolid'}></dees-icon>
|
|
93
|
-
<dees-icon .iconFA=${'sun'}></dees-icon>
|
|
94
|
-
<dees-icon .iconFA=${'sunSolid'}></dees-icon>
|
|
95
|
-
<dees-icon .iconFA=${'facebook'}></dees-icon>
|
|
96
|
-
<dees-icon .iconFA=${'arrowUpRightFromSquare'}></dees-icon>
|
|
97
|
-
</div>
|
|
98
|
-
`; }
|
|
86
|
+
static { this.demo = demoFunc; }
|
|
99
87
|
constructor() {
|
|
100
88
|
super();
|
|
101
89
|
domtools.elementBasic.setup();
|
|
@@ -152,4 +140,4 @@ DeesIcon = __decorate([
|
|
|
152
140
|
customElement('dees-icon'),
|
|
153
141
|
__metadata("design:paramtypes", [])
|
|
154
142
|
], DeesIcon);
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
143
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsTUFBTSxJQUFJLGFBQWEsRUFDdkIsYUFBYSxJQUFJLG9CQUFvQixFQUNyQyxhQUFhLElBQUksb0JBQW9CLEVBQ3JDLFNBQVMsSUFBSSxnQkFBZ0IsRUFDN0IsT0FBTyxJQUFJLGNBQWMsRUFDekIsS0FBSyxJQUFJLFlBQVksRUFDckIsVUFBVSxJQUFJLGlCQUFpQixHQUNoQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLElBQUksaUJBQWlCLEVBQ2pDLHdCQUF3QixJQUFJLDZCQUE2QixFQUN6RCxNQUFNLElBQUksV0FBVyxFQUNyQixLQUFLLElBQUksVUFBVSxFQUNuQixVQUFVLElBQUksZUFBZSxFQUM3QixXQUFXLElBQUksZ0JBQWdCLEVBQy9CLFlBQVksSUFBSSxpQkFBaUIsRUFDakMsT0FBTyxJQUFJLFlBQVksRUFDdkIsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxhQUFhLElBQUksa0JBQWtCLEVBQ25DLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsaUJBQWlCLElBQUksc0JBQXNCLEVBQzNDLE1BQU0s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
|
package/dist_watch/bundle.js
CHANGED
|
@@ -68764,11 +68764,11 @@ var DeesDataviewCodebox = class extends DeesElement {
|
|
|
68764
68764
|
}
|
|
68765
68765
|
|
|
68766
68766
|
.appbar {
|
|
68767
|
+
color: ${cssManager.bdTheme("#333", "#ccc")};
|
|
68768
|
+
background: ${cssManager.bdTheme("#ffffff", "#161616")};
|
|
68769
|
+
border-bottom: 1px solid ${cssManager.bdTheme("#eeeeeb", "#222222")};
|
|
68767
68770
|
height: 24px;
|
|
68768
|
-
background: #161616;
|
|
68769
|
-
border-bottom: 1px solid #222222;
|
|
68770
68771
|
font-size: 12px;
|
|
68771
|
-
color: #CCC;
|
|
68772
68772
|
font-family: 'Hubot Sans', 'monospace';
|
|
68773
68773
|
line-height: 24px;
|
|
68774
68774
|
}
|
|
@@ -68794,15 +68794,15 @@ var DeesDataviewCodebox = class extends DeesElement {
|
|
|
68794
68794
|
}
|
|
68795
68795
|
|
|
68796
68796
|
.appbar .macControls div.close {
|
|
68797
|
-
background: #
|
|
68797
|
+
background: #ff5f57;
|
|
68798
68798
|
}
|
|
68799
68799
|
|
|
68800
68800
|
.appbar .macControls div.toDock {
|
|
68801
|
-
background: #
|
|
68801
|
+
background: #ffbd2e;
|
|
68802
68802
|
}
|
|
68803
68803
|
|
|
68804
68804
|
.appbar .macControls div.minMax {
|
|
68805
|
-
background: #
|
|
68805
|
+
background: #27c93f;
|
|
68806
68806
|
}
|
|
68807
68807
|
|
|
68808
68808
|
.appbar .macControls div:hover {
|
|
@@ -68814,11 +68814,11 @@ var DeesDataviewCodebox = class extends DeesElement {
|
|
|
68814
68814
|
}
|
|
68815
68815
|
|
|
68816
68816
|
.bottomBar {
|
|
68817
|
+
color: ${cssManager.bdTheme("#333", "#ccc")};
|
|
68818
|
+
background: ${cssManager.bdTheme("#ffffff", "#161616")};
|
|
68819
|
+
border-top: 1px solid ${cssManager.bdTheme("#eeeeeb", "#222222")};
|
|
68817
68820
|
height: 24px;
|
|
68818
|
-
background: #161616;
|
|
68819
|
-
border-top: 1px solid #222222;
|
|
68820
68821
|
font-size: 12px;
|
|
68821
|
-
color: #888;
|
|
68822
68822
|
font-family: 'Hubot Sans', 'monospace';
|
|
68823
68823
|
line-height: 24px;
|
|
68824
68824
|
text-align: right;
|
|
@@ -68826,7 +68826,7 @@ var DeesDataviewCodebox = class extends DeesElement {
|
|
|
68826
68826
|
}
|
|
68827
68827
|
|
|
68828
68828
|
.languageLabel {
|
|
68829
|
-
color: #ccc;
|
|
68829
|
+
color: ${cssManager.bdTheme("#333", "#ccc")};
|
|
68830
68830
|
font-size: 12px;
|
|
68831
68831
|
line-height: 24px;
|
|
68832
68832
|
z-index: 10;
|
|
@@ -68849,7 +68849,6 @@ var DeesDataviewCodebox = class extends DeesElement {
|
|
|
68849
68849
|
}
|
|
68850
68850
|
|
|
68851
68851
|
.lineNumbers {
|
|
68852
|
-
|
|
68853
68852
|
color: ${this.goBright ? "#acacac" : "#666666"};
|
|
68854
68853
|
padding: 30px 16px 0px 0px;
|
|
68855
68854
|
text-align: right;
|
|
@@ -68900,7 +68899,20 @@ var DeesDataviewCodebox = class extends DeesElement {
|
|
|
68900
68899
|
color: ${this.goBright ? "#EF9300" : "#ffd765"};
|
|
68901
68900
|
}
|
|
68902
68901
|
</style>
|
|
68903
|
-
<div
|
|
68902
|
+
<div
|
|
68903
|
+
class="mainbox"
|
|
68904
|
+
@contextmenu="${(eventArg) => {
|
|
68905
|
+
DeesContextmenu.openContextMenuWithOptions(eventArg, [
|
|
68906
|
+
{
|
|
68907
|
+
name: "About",
|
|
68908
|
+
iconName: "circleInfo",
|
|
68909
|
+
action: async () => {
|
|
68910
|
+
return null;
|
|
68911
|
+
}
|
|
68912
|
+
}
|
|
68913
|
+
]);
|
|
68914
|
+
}}"
|
|
68915
|
+
>
|
|
68904
68916
|
<div class="appbar">
|
|
68905
68917
|
<div class="macControls">
|
|
68906
68918
|
<div class="close"></div>
|
|
@@ -72448,6 +72460,11 @@ var faMedium = {
|
|
|
72448
72460
|
};
|
|
72449
72461
|
|
|
72450
72462
|
// node_modules/.pnpm/@fortawesome+free-regular-svg-icons@6.4.2/node_modules/@fortawesome/free-regular-svg-icons/index.mjs
|
|
72463
|
+
var faTrashCan = {
|
|
72464
|
+
prefix: "far",
|
|
72465
|
+
iconName: "trash-can",
|
|
72466
|
+
icon: [448, 512, [61460, "trash-alt"], "f2ed", "M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"]
|
|
72467
|
+
};
|
|
72451
72468
|
var faMessage = {
|
|
72452
72469
|
prefix: "far",
|
|
72453
72470
|
iconName: "message",
|
|
@@ -72480,6 +72497,11 @@ var faCircleXmark = {
|
|
|
72480
72497
|
};
|
|
72481
72498
|
|
|
72482
72499
|
// node_modules/.pnpm/@fortawesome+free-solid-svg-icons@6.4.2/node_modules/@fortawesome/free-solid-svg-icons/index.mjs
|
|
72500
|
+
var faTrashCan2 = {
|
|
72501
|
+
prefix: "fas",
|
|
72502
|
+
iconName: "trash-can",
|
|
72503
|
+
icon: [448, 512, [61460, "trash-alt"], "f2ed", "M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"]
|
|
72504
|
+
};
|
|
72483
72505
|
var faMessage2 = {
|
|
72484
72506
|
prefix: "fas",
|
|
72485
72507
|
iconName: "message",
|
|
@@ -72540,6 +72562,11 @@ var faEye = {
|
|
|
72540
72562
|
iconName: "eye",
|
|
72541
72563
|
icon: [576, 512, [128065], "f06e", "M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"]
|
|
72542
72564
|
};
|
|
72565
|
+
var faTrash = {
|
|
72566
|
+
prefix: "fas",
|
|
72567
|
+
iconName: "trash",
|
|
72568
|
+
icon: [448, 512, [], "f1f8", "M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"]
|
|
72569
|
+
};
|
|
72543
72570
|
var faCircleInfo = {
|
|
72544
72571
|
prefix: "fas",
|
|
72545
72572
|
iconName: "circle-info",
|
|
@@ -72616,6 +72643,59 @@ var faCircleXmark2 = {
|
|
|
72616
72643
|
icon: [512, 512, [61532, "times-circle", "xmark-circle"], "f057", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"]
|
|
72617
72644
|
};
|
|
72618
72645
|
|
|
72646
|
+
// ts_web/elements/dees-icon.demo.ts
|
|
72647
|
+
var demoFunc5 = () => x`
|
|
72648
|
+
<style>
|
|
72649
|
+
.demoContainer {
|
|
72650
|
+
|
|
72651
|
+
width: 100%;
|
|
72652
|
+
display: flex;
|
|
72653
|
+
flex-wrap: wrap;
|
|
72654
|
+
background: #111111;
|
|
72655
|
+
padding: 10px; font-size: 30px;
|
|
72656
|
+
}
|
|
72657
|
+
dees-icon {
|
|
72658
|
+
transition: color 0.02s;
|
|
72659
|
+
color: #ffffff;
|
|
72660
|
+
}
|
|
72661
|
+
dees-icon:hover {
|
|
72662
|
+
color: #e4002b;
|
|
72663
|
+
}
|
|
72664
|
+
|
|
72665
|
+
.iconContainer {
|
|
72666
|
+
display: block;
|
|
72667
|
+
padding: 16px 16px 0px 16px;
|
|
72668
|
+
border: 1px solid #333333;
|
|
72669
|
+
margin-right: 8px;
|
|
72670
|
+
margin-bottom: 8px;
|
|
72671
|
+
}
|
|
72672
|
+
|
|
72673
|
+
.iconName {
|
|
72674
|
+
font-size: 12px;
|
|
72675
|
+
text-align: center;
|
|
72676
|
+
color: #ccc;
|
|
72677
|
+
background: #333333;
|
|
72678
|
+
padding: 4px 8px;
|
|
72679
|
+
padding-bottom: 4px;
|
|
72680
|
+
margin-left: -16px;
|
|
72681
|
+
margin-right: -16px;
|
|
72682
|
+
margin-top: 16px;
|
|
72683
|
+
}
|
|
72684
|
+
</style>
|
|
72685
|
+
|
|
72686
|
+
<div class="demoContainer">
|
|
72687
|
+
${Object.keys(faIcons).map(
|
|
72688
|
+
(iconName) => x`
|
|
72689
|
+
<div class="iconContainer">
|
|
72690
|
+
<dees-icon .iconFA=${iconName}></dees-icon>
|
|
72691
|
+
<div class="iconName">${iconName}</div>
|
|
72692
|
+
</div>
|
|
72693
|
+
`
|
|
72694
|
+
)}
|
|
72695
|
+
</div>
|
|
72696
|
+
|
|
72697
|
+
`;
|
|
72698
|
+
|
|
72619
72699
|
// ts_web/elements/dees-icon.ts
|
|
72620
72700
|
var faIcons = {
|
|
72621
72701
|
// normal
|
|
@@ -72668,6 +72748,11 @@ var faIcons = {
|
|
|
72668
72748
|
shareSolid: faShare,
|
|
72669
72749
|
sun: faSun,
|
|
72670
72750
|
sunSolid: faSun2,
|
|
72751
|
+
trash: faTrash,
|
|
72752
|
+
trashSolid: faTrash,
|
|
72753
|
+
trashCan: faTrashCan,
|
|
72754
|
+
trashCanSolid: faTrashCan2,
|
|
72755
|
+
users: faUsers,
|
|
72671
72756
|
xmark: faXmark,
|
|
72672
72757
|
xmarkSolid: faXmark,
|
|
72673
72758
|
// brands
|
|
@@ -72678,8 +72763,7 @@ var faIcons = {
|
|
|
72678
72763
|
medium: faMedium,
|
|
72679
72764
|
slack: faSlackHash,
|
|
72680
72765
|
tiktok: faTiktok,
|
|
72681
|
-
twitter: faTwitter
|
|
72682
|
-
users: faUsers
|
|
72766
|
+
twitter: faTwitter
|
|
72683
72767
|
};
|
|
72684
72768
|
var DeesIcon = class extends DeesElement {
|
|
72685
72769
|
constructor() {
|
|
@@ -72707,24 +72791,7 @@ var DeesIcon = class extends DeesElement {
|
|
|
72707
72791
|
}
|
|
72708
72792
|
}
|
|
72709
72793
|
};
|
|
72710
|
-
DeesIcon.demo =
|
|
72711
|
-
<dees-icon iconName="visibility"></dees-icon>
|
|
72712
|
-
<div style="background: #fff; padding: 10px; font-size: 30px">
|
|
72713
|
-
<style>
|
|
72714
|
-
dees-icon {
|
|
72715
|
-
transition: color 0.05s;
|
|
72716
|
-
}
|
|
72717
|
-
dees-icon:hover {
|
|
72718
|
-
color: #e4002b;
|
|
72719
|
-
}
|
|
72720
|
-
</style>
|
|
72721
|
-
<dees-icon .iconFA=${"messageSolid"}></dees-icon>
|
|
72722
|
-
<dees-icon .iconFA=${"sun"}></dees-icon>
|
|
72723
|
-
<dees-icon .iconFA=${"sunSolid"}></dees-icon>
|
|
72724
|
-
<dees-icon .iconFA=${"facebook"}></dees-icon>
|
|
72725
|
-
<dees-icon .iconFA=${"arrowUpRightFromSquare"}></dees-icon>
|
|
72726
|
-
</div>
|
|
72727
|
-
`;
|
|
72794
|
+
DeesIcon.demo = demoFunc5;
|
|
72728
72795
|
DeesIcon.styles = [
|
|
72729
72796
|
cssManager.defaultStyles,
|
|
72730
72797
|
i`
|
|
@@ -73280,7 +73347,7 @@ DeesMobilenavigation = __decorateClass([
|
|
|
73280
73347
|
], DeesMobilenavigation);
|
|
73281
73348
|
|
|
73282
73349
|
// ts_web/elements/dees-modal.demo.ts
|
|
73283
|
-
var
|
|
73350
|
+
var demoFunc6 = () => x`
|
|
73284
73351
|
<dees-button @click=${() => {
|
|
73285
73352
|
DeesModal.createAndShow({
|
|
73286
73353
|
heading: "This is a heading",
|
|
@@ -73385,7 +73452,7 @@ var DeesModal = class extends DeesElement {
|
|
|
73385
73452
|
}
|
|
73386
73453
|
};
|
|
73387
73454
|
// STATIC
|
|
73388
|
-
DeesModal.demo =
|
|
73455
|
+
DeesModal.demo = demoFunc6;
|
|
73389
73456
|
DeesModal.styles = [
|
|
73390
73457
|
cssManager.defaultStyles,
|
|
73391
73458
|
i`
|
|
@@ -73568,7 +73635,7 @@ DeesPdf = __decorateClass([
|
|
|
73568
73635
|
], DeesPdf);
|
|
73569
73636
|
|
|
73570
73637
|
// ts_web/elements/dees-simple-appdash.demo.ts
|
|
73571
|
-
var
|
|
73638
|
+
var demoFunc7 = () => x`
|
|
73572
73639
|
<dees-simple-appdash>Hello there</dees-simple-appdash>
|
|
73573
73640
|
`;
|
|
73574
73641
|
|
|
@@ -73594,7 +73661,7 @@ var DeesSimpleAppDash = class extends DeesElement {
|
|
|
73594
73661
|
}
|
|
73595
73662
|
};
|
|
73596
73663
|
// STATIC
|
|
73597
|
-
DeesSimpleAppDash.demo =
|
|
73664
|
+
DeesSimpleAppDash.demo = demoFunc7;
|
|
73598
73665
|
DeesSimpleAppDash.styles = [
|
|
73599
73666
|
cssManager.defaultStyles,
|
|
73600
73667
|
i`
|
|
@@ -73631,7 +73698,7 @@ DeesSimpleAppDash = __decorateClass([
|
|
|
73631
73698
|
], DeesSimpleAppDash);
|
|
73632
73699
|
|
|
73633
73700
|
// ts_web/elements/dees-simple-login.demo.ts
|
|
73634
|
-
var
|
|
73701
|
+
var demoFunc8 = () => x` <dees-simple-login name="someapp"> Hello there </dees-simple-login> `;
|
|
73635
73702
|
|
|
73636
73703
|
// ts_web/elements/dees-simple-login.ts
|
|
73637
73704
|
var DeesSimpleLogin = class extends DeesElement {
|
|
@@ -73688,7 +73755,7 @@ var DeesSimpleLogin = class extends DeesElement {
|
|
|
73688
73755
|
}
|
|
73689
73756
|
};
|
|
73690
73757
|
// STATIC
|
|
73691
|
-
DeesSimpleLogin.demo =
|
|
73758
|
+
DeesSimpleLogin.demo = demoFunc8;
|
|
73692
73759
|
DeesSimpleLogin.styles = [
|
|
73693
73760
|
cssManager.defaultStyles,
|
|
73694
73761
|
i`
|
|
@@ -74200,7 +74267,7 @@ DeesStepper = __decorateClass([
|
|
|
74200
74267
|
], DeesStepper);
|
|
74201
74268
|
|
|
74202
74269
|
// ts_web/elements/dees-table.demo.ts
|
|
74203
|
-
var
|
|
74270
|
+
var demoFunc9 = () => x`
|
|
74204
74271
|
<style>
|
|
74205
74272
|
.demoWrapper {
|
|
74206
74273
|
box-sizing: border-box;
|
|
@@ -74606,7 +74673,7 @@ var DeesTable = class extends DeesElement {
|
|
|
74606
74673
|
input.focus();
|
|
74607
74674
|
}
|
|
74608
74675
|
};
|
|
74609
|
-
DeesTable.demo =
|
|
74676
|
+
DeesTable.demo = demoFunc9;
|
|
74610
74677
|
DeesTable.styles = [
|
|
74611
74678
|
cssManager.defaultStyles,
|
|
74612
74679
|
i`
|