@design.estate/dees-catalog 1.0.210 → 1.0.212
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 +6 -20
- 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 +11 -41
- package/dist_watch/bundle.js +113 -59
- 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 +12 -38
|
@@ -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.211',
|
|
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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
|
|
@@ -3,55 +3,42 @@ import { type IconDefinition } from '@fortawesome/fontawesome-svg-core';
|
|
|
3
3
|
export declare const faIcons: {
|
|
4
4
|
arrowRight: IconDefinition;
|
|
5
5
|
arrowUpRightFromSquare: IconDefinition;
|
|
6
|
-
arrowUpRightFromSquareSolid: IconDefinition;
|
|
7
6
|
bell: IconDefinition;
|
|
8
|
-
bellSolid: IconDefinition;
|
|
9
7
|
bug: IconDefinition;
|
|
10
|
-
bugSolid: IconDefinition;
|
|
11
8
|
building: IconDefinition;
|
|
12
|
-
buildingSolid: IconDefinition;
|
|
13
9
|
caretLeft: IconDefinition;
|
|
14
|
-
caretLeftSolid: IconDefinition;
|
|
15
10
|
caretRight: IconDefinition;
|
|
16
|
-
caretRightSolid: IconDefinition;
|
|
17
11
|
check: IconDefinition;
|
|
18
|
-
checkSolid: IconDefinition;
|
|
19
12
|
circleInfo: IconDefinition;
|
|
20
|
-
circleInfoSolid: IconDefinition;
|
|
21
13
|
circleCheck: IconDefinition;
|
|
22
14
|
circleCheckSolid: IconDefinition;
|
|
23
15
|
circleXmark: IconDefinition;
|
|
24
16
|
circleXmarkSolid: IconDefinition;
|
|
25
17
|
clockRotateLeft: IconDefinition;
|
|
26
|
-
clockRotateLeftSolid: IconDefinition;
|
|
27
18
|
copy: IconDefinition;
|
|
28
19
|
copySolid: IconDefinition;
|
|
29
20
|
desktop: IconDefinition;
|
|
30
|
-
desktopSolid: IconDefinition;
|
|
31
21
|
eye: IconDefinition;
|
|
32
|
-
eyeSolid: IconDefinition;
|
|
33
22
|
eyeSlash: IconDefinition;
|
|
34
|
-
eyeSlashSolid: IconDefinition;
|
|
35
23
|
grip: IconDefinition;
|
|
36
|
-
gripSolid: IconDefinition;
|
|
37
24
|
message: IconDefinition;
|
|
38
25
|
messageSolid: IconDefinition;
|
|
39
26
|
mugHot: IconDefinition;
|
|
40
|
-
mugHotSolid: IconDefinition;
|
|
41
27
|
minus: IconDefinition;
|
|
42
|
-
minusSolid: IconDefinition;
|
|
43
28
|
paste: IconDefinition;
|
|
44
29
|
pasteSolid: IconDefinition;
|
|
45
30
|
penToSquare: IconDefinition;
|
|
46
|
-
|
|
31
|
+
plus: IconDefinition;
|
|
47
32
|
rss: IconDefinition;
|
|
48
|
-
rssSolid: IconDefinition;
|
|
49
33
|
share: IconDefinition;
|
|
50
|
-
shareSolid: IconDefinition;
|
|
51
34
|
sun: IconDefinition;
|
|
52
35
|
sunSolid: IconDefinition;
|
|
36
|
+
trash: IconDefinition;
|
|
37
|
+
trashSolid: IconDefinition;
|
|
38
|
+
trashCan: IconDefinition;
|
|
39
|
+
trashCanSolid: IconDefinition;
|
|
40
|
+
users: IconDefinition;
|
|
53
41
|
xmark: IconDefinition;
|
|
54
|
-
xmarkSolid: IconDefinition;
|
|
55
42
|
facebook: IconDefinition;
|
|
56
43
|
google: IconDefinition;
|
|
57
44
|
instagram: IconDefinition;
|
|
@@ -60,7 +47,6 @@ export declare const faIcons: {
|
|
|
60
47
|
slack: IconDefinition;
|
|
61
48
|
tiktok: IconDefinition;
|
|
62
49
|
twitter: IconDefinition;
|
|
63
|
-
users: IconDefinition;
|
|
64
50
|
};
|
|
65
51
|
export type TIconKey = keyof typeof faIcons;
|
|
66
52
|
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,61 +11,49 @@ 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, faPlus as faPlusSolid, 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,
|
|
19
20
|
arrowUpRightFromSquare: faArrowUpRightFromSquareSolid,
|
|
20
|
-
arrowUpRightFromSquareSolid: faArrowUpRightFromSquareSolid,
|
|
21
21
|
bell: faBellSolid,
|
|
22
|
-
bellSolid: faBellSolid,
|
|
23
22
|
bug: faBugSolid,
|
|
24
|
-
bugSolid: faBugSolid,
|
|
25
23
|
building: faBuildingSolid,
|
|
26
|
-
buildingSolid: faBuildingSolid,
|
|
27
24
|
caretLeft: faCaretLeftSolid,
|
|
28
|
-
caretLeftSolid: faCaretLeftSolid,
|
|
29
25
|
caretRight: faCaretRightSolid,
|
|
30
|
-
caretRightSolid: faCaretRightSolid,
|
|
31
26
|
check: faCheckSolid,
|
|
32
|
-
checkSolid: faCheckSolid,
|
|
33
27
|
circleInfo: faCircleInfoSolid,
|
|
34
|
-
circleInfoSolid: faCircleInfoSolid,
|
|
35
28
|
circleCheck: faCircleCheckRegular,
|
|
36
29
|
circleCheckSolid: faCircleCheckSolid,
|
|
37
30
|
circleXmark: faCircleXmarkRegular,
|
|
38
31
|
circleXmarkSolid: faCircleXmarkSolid,
|
|
39
32
|
clockRotateLeft: faClockRotateLeftSolid,
|
|
40
|
-
clockRotateLeftSolid: faClockRotateLeftSolid,
|
|
41
33
|
copy: faCopyRegular,
|
|
42
34
|
copySolid: faCopySolid,
|
|
43
35
|
desktop: faDesktopSolid,
|
|
44
|
-
desktopSolid: faDesktopSolid,
|
|
45
36
|
eye: faEyeSolid,
|
|
46
|
-
eyeSolid: faEyeSolid,
|
|
47
37
|
eyeSlash: faEyeSlashSolid,
|
|
48
|
-
eyeSlashSolid: faEyeSlashSolid,
|
|
49
38
|
grip: faGripSolid,
|
|
50
|
-
gripSolid: faGripSolid,
|
|
51
39
|
message: faMessageRegular,
|
|
52
40
|
messageSolid: faMessageSolid,
|
|
53
41
|
mugHot: faMugHotSolid,
|
|
54
|
-
mugHotSolid: faMugHotSolid,
|
|
55
42
|
minus: faMinusSolid,
|
|
56
|
-
minusSolid: faMinusSolid,
|
|
57
43
|
paste: faPasteRegular,
|
|
58
44
|
pasteSolid: faPasteSolid,
|
|
59
45
|
penToSquare: faPenToSquareSolid,
|
|
60
|
-
|
|
46
|
+
plus: faPlusSolid,
|
|
61
47
|
rss: faRssSolid,
|
|
62
|
-
rssSolid: faRssSolid,
|
|
63
48
|
share: faShareSolid,
|
|
64
|
-
shareSolid: faShareSolid,
|
|
65
49
|
sun: faSunRegular,
|
|
66
50
|
sunSolid: faSunSolid,
|
|
51
|
+
trash: faTrashSolid,
|
|
52
|
+
trashSolid: faTrashSolid,
|
|
53
|
+
trashCan: faTrashCanRegular,
|
|
54
|
+
trashCanSolid: faTrashCanSolid,
|
|
55
|
+
users: faUsersSolid,
|
|
67
56
|
xmark: faXmarkSolid,
|
|
68
|
-
xmarkSolid: faXmarkSolid,
|
|
69
57
|
// brands
|
|
70
58
|
facebook: faFacebook,
|
|
71
59
|
google: faGoogle,
|
|
@@ -75,27 +63,9 @@ export const faIcons = {
|
|
|
75
63
|
slack: faSlackHash,
|
|
76
64
|
tiktok: faTiktok,
|
|
77
65
|
twitter: faTwitter,
|
|
78
|
-
users: faUsersSolid,
|
|
79
66
|
};
|
|
80
67
|
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
|
-
`; }
|
|
68
|
+
static { this.demo = demoFunc; }
|
|
99
69
|
constructor() {
|
|
100
70
|
super();
|
|
101
71
|
domtools.elementBasic.setup();
|
|
@@ -152,4 +122,4 @@ DeesIcon = __decorate([
|
|
|
152
122
|
customElement('dees-icon'),
|
|
153
123
|
__metadata("design:paramtypes", [])
|
|
154
124
|
], DeesIcon);
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1pY29uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFVBQVUsRUFDVixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sRUFBRSxJQUFJLEVBQXVCLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUNMLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQ0wsTUFBTSxJQUFJLGFBQWEsRUFDdkIsYUFBYSxJQUFJLG9CQUFvQixFQUNyQyxhQUFhLElBQUksb0JBQW9CLEVBQ3JDLFNBQVMsSUFBSSxnQkFBZ0IsRUFDN0IsT0FBTyxJQUFJLGNBQWMsRUFDekIsS0FBSyxJQUFJLFlBQVksRUFDckIsVUFBVSxJQUFJLGlCQUFpQixHQUNoQyxNQUFNLHFDQUFxQyxDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLElBQUksaUJBQWlCLEVBQ2pDLHdCQUF3QixJQUFJLDZCQUE2QixFQUN6RCxNQUFNLElBQUksV0FBVyxFQUNyQixLQUFLLElBQUksVUFBVSxFQUNuQixVQUFVLElBQUksZUFBZSxFQUM3QixXQUFXLElBQUksZ0JBQWdCLEVBQy9CLFlBQVksSUFBSSxpQkFBaUIsRUFDakMsT0FBTyxJQUFJLFlBQVksRUFDdkIsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxhQUFhLElBQUksa0JBQWtCLEVBQ25DLGFBQWEsSUFBSSxrQkFBa0IsRUFDbkMsaUJBQWlCLElBQUksc0JBQXNCLEVBQzNDLE1BQU0s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
|