@internetarchive/ia-icons 1.3.4 → 1.3.5
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/.eslintrc +16 -16
- package/LICENSE +661 -661
- package/README.md +45 -45
- package/ia-icon.js +5 -5
- package/index.html +124 -124
- package/index.js +3 -3
- package/karma.bs.config.js +16 -16
- package/karma.conf.js +30 -30
- package/package.json +108 -109
- package/src/ia-icon.js +128 -128
- package/src/icon-donate.js +23 -23
- package/test/ia-icons.test.js +17 -17
package/package.json
CHANGED
|
@@ -1,109 +1,108 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@internetarchive/ia-icons",
|
|
3
|
-
"version": "1.3.
|
|
4
|
-
"description": "SVG icon library for use in archive.org components",
|
|
5
|
-
"license": "AGPL-3.0-only",
|
|
6
|
-
"main": "index.js",
|
|
7
|
-
"module": "ia-icon.js",
|
|
8
|
-
"publishConfig": {
|
|
9
|
-
"access": "public"
|
|
10
|
-
},
|
|
11
|
-
"scripts": {
|
|
12
|
-
"start": "es-dev-server --app-index ./index.html --node-resolve --watch --open --preserve-symlinks",
|
|
13
|
-
"lint:eslint": "eslint --ext .js . --ignore-path .gitignore",
|
|
14
|
-
"format:eslint": "eslint --ext .js . --fix --ignore-path .gitignore",
|
|
15
|
-
"lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
|
|
16
|
-
"format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
|
|
17
|
-
"lint": "npm run lint:eslint",
|
|
18
|
-
"format": "npm run format:eslint && npm run format:prettier",
|
|
19
|
-
"test": "karma start --coverage",
|
|
20
|
-
"test:watch": "karma start --auto-watch=true --single-run=false",
|
|
21
|
-
"test:update-snapshots": "karma start --update-snapshots",
|
|
22
|
-
"test:prune-snapshots": "karma start --prune-snapshots",
|
|
23
|
-
"test:compatibility": "karma start --compatibility all --coverage",
|
|
24
|
-
"test:compatibility:watch": "karma start --compatibility all --auto-watch=true --single-run=false",
|
|
25
|
-
"test:bs": "karma start karma.bs.config.js --compatibility all --coverage"
|
|
26
|
-
},
|
|
27
|
-
"dependencies": {
|
|
28
|
-
"@internetarchive/ia-icons": "^1.3.
|
|
29
|
-
"@internetarchive/icon-advance": "^1.3.4",
|
|
30
|
-
"@internetarchive/icon-applepay": "^1.3.4",
|
|
31
|
-
"@internetarchive/icon-audio": "^1.3.4",
|
|
32
|
-
"@internetarchive/icon-bookmark": "^1.3.4",
|
|
33
|
-
"@internetarchive/icon-calendar": "^1.3.4",
|
|
34
|
-
"@internetarchive/icon-calendar-blank": "^1.3.4",
|
|
35
|
-
"@internetarchive/icon-close": "^1.3.4",
|
|
36
|
-
"@internetarchive/icon-close-circle": "^1.3.
|
|
37
|
-
"@internetarchive/icon-collapse-sidebar": "^1.3.4",
|
|
38
|
-
"@internetarchive/icon-credit-card": "^1.3.4",
|
|
39
|
-
"@internetarchive/icon-dl": "^1.3.4",
|
|
40
|
-
"@internetarchive/icon-donate": "^1.3.4",
|
|
41
|
-
"@internetarchive/icon-edit-pencil": "^1.3.4",
|
|
42
|
-
"@internetarchive/icon-ellipses": "^1.3.4",
|
|
43
|
-
"@internetarchive/icon-email": "^1.3.4",
|
|
44
|
-
"@internetarchive/icon-facebook": "^1.3.4",
|
|
45
|
-
"@internetarchive/icon-googlepay": "^1.3.4",
|
|
46
|
-
"@internetarchive/icon-ia-logo": "^1.3.4",
|
|
47
|
-
"@internetarchive/icon-images": "^1.3.4",
|
|
48
|
-
"@internetarchive/icon-info": "^1.3.4",
|
|
49
|
-
"@internetarchive/icon-link": "^1.3.4",
|
|
50
|
-
"@internetarchive/icon-locale-pin": "^1.3.4",
|
|
51
|
-
"@internetarchive/icon-lock": "^1.3.4",
|
|
52
|
-
"@internetarchive/icon-magnify-minus": "^1.3.4",
|
|
53
|
-
"@internetarchive/icon-magnify-plus": "^1.3.4",
|
|
54
|
-
"@internetarchive/icon-paypal": "^1.3.4",
|
|
55
|
-
"@internetarchive/icon-pinterest": "^1.3.4",
|
|
56
|
-
"@internetarchive/icon-search": "^1.3.4",
|
|
57
|
-
"@internetarchive/icon-share": "^1.3.4",
|
|
58
|
-
"@internetarchive/icon-software": "^1.3.4",
|
|
59
|
-
"@internetarchive/icon-sort-ascending": "^1.3.4",
|
|
60
|
-
"@internetarchive/icon-sort-descending": "^1.3.4",
|
|
61
|
-
"@internetarchive/icon-texts": "^1.3.4",
|
|
62
|
-
"@internetarchive/icon-toc": "^1.3.4",
|
|
63
|
-
"@internetarchive/icon-tumblr": "^1.3.4",
|
|
64
|
-
"@internetarchive/icon-twitter": "^1.3.4",
|
|
65
|
-
"@internetarchive/icon-upload": "^1.3.4",
|
|
66
|
-
"@internetarchive/icon-user": "^1.3.4",
|
|
67
|
-
"@internetarchive/icon-venmo": "^1.3.4",
|
|
68
|
-
"@internetarchive/icon-video": "^1.3.4",
|
|
69
|
-
"@internetarchive/icon-visual-adjustment": "^1.3.4",
|
|
70
|
-
"@internetarchive/icon-volumes": "^1.3.4",
|
|
71
|
-
"@internetarchive/icon-web": "^1.3.4",
|
|
72
|
-
"lit": "^2.0.2"
|
|
73
|
-
},
|
|
74
|
-
"devDependencies": {
|
|
75
|
-
"@open-wc/eslint-config": "^1.0.0",
|
|
76
|
-
"@open-wc/polyfills-loader": "^0.2.1",
|
|
77
|
-
"@open-wc/prettier-config": "^0.1.10",
|
|
78
|
-
"@open-wc/testing": "^2.0.0",
|
|
79
|
-
"@open-wc/testing-karma": "^3.0.0",
|
|
80
|
-
"@open-wc/testing-karma-bs": "^1.0.0",
|
|
81
|
-
"es-dev-server": "^1.42.0",
|
|
82
|
-
"eslint": "^6.1.0",
|
|
83
|
-
"eslint-plugin-lit": "^0.5.0",
|
|
84
|
-
"gulp": "^4.0.2",
|
|
85
|
-
"husky": "^4.2.3",
|
|
86
|
-
"lint-staged": "^8.0.0",
|
|
87
|
-
"sinon": "^9.0.0",
|
|
88
|
-
"webpack-merge": "^4.1.5"
|
|
89
|
-
},
|
|
90
|
-
"husky": {
|
|
91
|
-
"hooks": {
|
|
92
|
-
"pre-commit": "lint-staged"
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
"lint-staged": {
|
|
96
|
-
"*.js": [
|
|
97
|
-
"eslint --fix",
|
|
98
|
-
"git add"
|
|
99
|
-
]
|
|
100
|
-
},
|
|
101
|
-
"eslintConfig": {
|
|
102
|
-
"extends": [
|
|
103
|
-
"@open-wc/eslint-config",
|
|
104
|
-
"eslint-config-prettier"
|
|
105
|
-
]
|
|
106
|
-
},
|
|
107
|
-
"prettier": "@open-wc/prettier-config"
|
|
108
|
-
|
|
109
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@internetarchive/ia-icons",
|
|
3
|
+
"version": "1.3.5",
|
|
4
|
+
"description": "SVG icon library for use in archive.org components",
|
|
5
|
+
"license": "AGPL-3.0-only",
|
|
6
|
+
"main": "index.js",
|
|
7
|
+
"module": "ia-icon.js",
|
|
8
|
+
"publishConfig": {
|
|
9
|
+
"access": "public"
|
|
10
|
+
},
|
|
11
|
+
"scripts": {
|
|
12
|
+
"start": "es-dev-server --app-index ./index.html --node-resolve --watch --open --preserve-symlinks",
|
|
13
|
+
"lint:eslint": "eslint --ext .js . --ignore-path .gitignore",
|
|
14
|
+
"format:eslint": "eslint --ext .js . --fix --ignore-path .gitignore",
|
|
15
|
+
"lint:prettier": "prettier \"**/*.js\" --check --ignore-path .gitignore",
|
|
16
|
+
"format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
|
|
17
|
+
"lint": "npm run lint:eslint",
|
|
18
|
+
"format": "npm run format:eslint && npm run format:prettier",
|
|
19
|
+
"test": "karma start --coverage",
|
|
20
|
+
"test:watch": "karma start --auto-watch=true --single-run=false",
|
|
21
|
+
"test:update-snapshots": "karma start --update-snapshots",
|
|
22
|
+
"test:prune-snapshots": "karma start --prune-snapshots",
|
|
23
|
+
"test:compatibility": "karma start --compatibility all --coverage",
|
|
24
|
+
"test:compatibility:watch": "karma start --compatibility all --auto-watch=true --single-run=false",
|
|
25
|
+
"test:bs": "karma start karma.bs.config.js --compatibility all --coverage"
|
|
26
|
+
},
|
|
27
|
+
"dependencies": {
|
|
28
|
+
"@internetarchive/ia-icons": "^1.3.5",
|
|
29
|
+
"@internetarchive/icon-advance": "^1.3.4",
|
|
30
|
+
"@internetarchive/icon-applepay": "^1.3.4",
|
|
31
|
+
"@internetarchive/icon-audio": "^1.3.4",
|
|
32
|
+
"@internetarchive/icon-bookmark": "^1.3.4",
|
|
33
|
+
"@internetarchive/icon-calendar": "^1.3.4",
|
|
34
|
+
"@internetarchive/icon-calendar-blank": "^1.3.4",
|
|
35
|
+
"@internetarchive/icon-close": "^1.3.4",
|
|
36
|
+
"@internetarchive/icon-close-circle": "^1.3.5",
|
|
37
|
+
"@internetarchive/icon-collapse-sidebar": "^1.3.4",
|
|
38
|
+
"@internetarchive/icon-credit-card": "^1.3.4",
|
|
39
|
+
"@internetarchive/icon-dl": "^1.3.4",
|
|
40
|
+
"@internetarchive/icon-donate": "^1.3.4",
|
|
41
|
+
"@internetarchive/icon-edit-pencil": "^1.3.4",
|
|
42
|
+
"@internetarchive/icon-ellipses": "^1.3.4",
|
|
43
|
+
"@internetarchive/icon-email": "^1.3.4",
|
|
44
|
+
"@internetarchive/icon-facebook": "^1.3.4",
|
|
45
|
+
"@internetarchive/icon-googlepay": "^1.3.4",
|
|
46
|
+
"@internetarchive/icon-ia-logo": "^1.3.4",
|
|
47
|
+
"@internetarchive/icon-images": "^1.3.4",
|
|
48
|
+
"@internetarchive/icon-info": "^1.3.4",
|
|
49
|
+
"@internetarchive/icon-link": "^1.3.4",
|
|
50
|
+
"@internetarchive/icon-locale-pin": "^1.3.4",
|
|
51
|
+
"@internetarchive/icon-lock": "^1.3.4",
|
|
52
|
+
"@internetarchive/icon-magnify-minus": "^1.3.4",
|
|
53
|
+
"@internetarchive/icon-magnify-plus": "^1.3.4",
|
|
54
|
+
"@internetarchive/icon-paypal": "^1.3.4",
|
|
55
|
+
"@internetarchive/icon-pinterest": "^1.3.4",
|
|
56
|
+
"@internetarchive/icon-search": "^1.3.4",
|
|
57
|
+
"@internetarchive/icon-share": "^1.3.4",
|
|
58
|
+
"@internetarchive/icon-software": "^1.3.4",
|
|
59
|
+
"@internetarchive/icon-sort-ascending": "^1.3.4",
|
|
60
|
+
"@internetarchive/icon-sort-descending": "^1.3.4",
|
|
61
|
+
"@internetarchive/icon-texts": "^1.3.4",
|
|
62
|
+
"@internetarchive/icon-toc": "^1.3.4",
|
|
63
|
+
"@internetarchive/icon-tumblr": "^1.3.4",
|
|
64
|
+
"@internetarchive/icon-twitter": "^1.3.4",
|
|
65
|
+
"@internetarchive/icon-upload": "^1.3.4",
|
|
66
|
+
"@internetarchive/icon-user": "^1.3.4",
|
|
67
|
+
"@internetarchive/icon-venmo": "^1.3.4",
|
|
68
|
+
"@internetarchive/icon-video": "^1.3.4",
|
|
69
|
+
"@internetarchive/icon-visual-adjustment": "^1.3.4",
|
|
70
|
+
"@internetarchive/icon-volumes": "^1.3.4",
|
|
71
|
+
"@internetarchive/icon-web": "^1.3.4",
|
|
72
|
+
"lit": "^2.0.2"
|
|
73
|
+
},
|
|
74
|
+
"devDependencies": {
|
|
75
|
+
"@open-wc/eslint-config": "^1.0.0",
|
|
76
|
+
"@open-wc/polyfills-loader": "^0.2.1",
|
|
77
|
+
"@open-wc/prettier-config": "^0.1.10",
|
|
78
|
+
"@open-wc/testing": "^2.0.0",
|
|
79
|
+
"@open-wc/testing-karma": "^3.0.0",
|
|
80
|
+
"@open-wc/testing-karma-bs": "^1.0.0",
|
|
81
|
+
"es-dev-server": "^1.42.0",
|
|
82
|
+
"eslint": "^6.1.0",
|
|
83
|
+
"eslint-plugin-lit": "^0.5.0",
|
|
84
|
+
"gulp": "^4.0.2",
|
|
85
|
+
"husky": "^4.2.3",
|
|
86
|
+
"lint-staged": "^8.0.0",
|
|
87
|
+
"sinon": "^9.0.0",
|
|
88
|
+
"webpack-merge": "^4.1.5"
|
|
89
|
+
},
|
|
90
|
+
"husky": {
|
|
91
|
+
"hooks": {
|
|
92
|
+
"pre-commit": "lint-staged"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
"lint-staged": {
|
|
96
|
+
"*.js": [
|
|
97
|
+
"eslint --fix",
|
|
98
|
+
"git add"
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
"eslintConfig": {
|
|
102
|
+
"extends": [
|
|
103
|
+
"@open-wc/eslint-config",
|
|
104
|
+
"eslint-config-prettier"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
"prettier": "@open-wc/prettier-config"
|
|
108
|
+
}
|
package/src/ia-icon.js
CHANGED
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
import {
|
|
2
|
-
LitElement, html, css, nothing
|
|
3
|
-
} from 'lit';
|
|
4
|
-
import advance from '@internetarchive/icon-advance/index';
|
|
5
|
-
import applePay from '@internetarchive/icon-applepay/index';
|
|
6
|
-
import audio from '@internetarchive/icon-audio/index';
|
|
7
|
-
import calendar from '@internetarchive/icon-calendar/index';
|
|
8
|
-
import calendarBlank from '@internetarchive/icon-calendar-blank/index';
|
|
9
|
-
import close from '@internetarchive/icon-close/index';
|
|
10
|
-
import closeCircle from '@internetarchive/icon-close-circle/index';
|
|
11
|
-
import collapseSidebar from '@internetarchive/icon-collapse-sidebar/index';
|
|
12
|
-
import creditCard from '@internetarchive/icon-credit-card/index';
|
|
13
|
-
import donate from '@internetarchive/icon-donate/index';
|
|
14
|
-
import download from '@internetarchive/icon-dl/index';
|
|
15
|
-
import editPencil from '@internetarchive/icon-edit-pencil/index';
|
|
16
|
-
import ellipses from '@internetarchive/icon-ellipses/index';
|
|
17
|
-
import email from '@internetarchive/icon-email/index';
|
|
18
|
-
import facebook from '@internetarchive/icon-facebook/index';
|
|
19
|
-
import googlePay from '@internetarchive/icon-googlepay/index';
|
|
20
|
-
import iaLogo from '@internetarchive/icon-ia-logo/index';
|
|
21
|
-
import images from '@internetarchive/icon-images/index';
|
|
22
|
-
import link from '@internetarchive/icon-link/index';
|
|
23
|
-
import localePin from '@internetarchive/icon-locale-pin/index';
|
|
24
|
-
import lock from '@internetarchive/icon-lock/index';
|
|
25
|
-
import magnifyMinus from '@internetarchive/icon-magnify-minus/index';
|
|
26
|
-
import magnifyPlus from '@internetarchive/icon-magnify-plus/index';
|
|
27
|
-
import paypal from '@internetarchive/icon-paypal/index';
|
|
28
|
-
import pinterest from '@internetarchive/icon-pinterest/index';
|
|
29
|
-
import search from '@internetarchive/icon-search/index';
|
|
30
|
-
import share from '@internetarchive/icon-share/index';
|
|
31
|
-
import software from '@internetarchive/icon-software/index';
|
|
32
|
-
import sortAscending from '@internetarchive/icon-sort-ascending/index';
|
|
33
|
-
import sortDescending from '@internetarchive/icon-sort-descending/index';
|
|
34
|
-
import texts from '@internetarchive/icon-texts/index';
|
|
35
|
-
import toc from '@internetarchive/icon-toc/index';
|
|
36
|
-
import tumblr from '@internetarchive/icon-tumblr/index';
|
|
37
|
-
import twitter from '@internetarchive/icon-twitter/index';
|
|
38
|
-
import upload from '@internetarchive/icon-upload/index';
|
|
39
|
-
import user from '@internetarchive/icon-user/index';
|
|
40
|
-
import venmo from '@internetarchive/icon-venmo/index';
|
|
41
|
-
import video from '@internetarchive/icon-video/index';
|
|
42
|
-
import visualAdjustment from '@internetarchive/icon-visual-adjustment/index';
|
|
43
|
-
import volumes from '@internetarchive/icon-volumes/index';
|
|
44
|
-
import web from '@internetarchive/icon-web/index';
|
|
45
|
-
import info from '@internetarchive/icon-info/index';
|
|
46
|
-
|
|
47
|
-
const iconTemplates = {
|
|
48
|
-
applePay,
|
|
49
|
-
advance,
|
|
50
|
-
audio,
|
|
51
|
-
calendar,
|
|
52
|
-
calendarBlank,
|
|
53
|
-
close,
|
|
54
|
-
closeCircle,
|
|
55
|
-
collapseSidebar,
|
|
56
|
-
creditCard,
|
|
57
|
-
donate,
|
|
58
|
-
download,
|
|
59
|
-
editPencil,
|
|
60
|
-
ellipses,
|
|
61
|
-
email,
|
|
62
|
-
facebook,
|
|
63
|
-
googlePay,
|
|
64
|
-
iaLogo,
|
|
65
|
-
images,
|
|
66
|
-
link,
|
|
67
|
-
localePin,
|
|
68
|
-
lock,
|
|
69
|
-
magnifyMinus,
|
|
70
|
-
magnifyPlus,
|
|
71
|
-
paypal,
|
|
72
|
-
pinterest,
|
|
73
|
-
search,
|
|
74
|
-
share,
|
|
75
|
-
software,
|
|
76
|
-
sortAscending,
|
|
77
|
-
sortDescending,
|
|
78
|
-
texts,
|
|
79
|
-
toc,
|
|
80
|
-
tumblr,
|
|
81
|
-
twitter,
|
|
82
|
-
upload,
|
|
83
|
-
user,
|
|
84
|
-
venmo,
|
|
85
|
-
video,
|
|
86
|
-
visualAdjustment,
|
|
87
|
-
volumes,
|
|
88
|
-
web,
|
|
89
|
-
info,
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
class IAIcon extends LitElement {
|
|
93
|
-
static get properties() {
|
|
94
|
-
return {
|
|
95
|
-
icon: { type: String },
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
static get styles() {
|
|
100
|
-
return css`
|
|
101
|
-
svg {
|
|
102
|
-
width: var(--iconWidth, 'auto');
|
|
103
|
-
height: var(--iconHeight, 'auto');
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.fill-color {
|
|
107
|
-
fill: var(--iconFillColor);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.stroke-color {
|
|
111
|
-
stroke: var(--iconStrokeColor);
|
|
112
|
-
}
|
|
113
|
-
`;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
constructor() {
|
|
117
|
-
super();
|
|
118
|
-
this.icon = '';
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
render() {
|
|
122
|
-
return html`${iconTemplates[this.icon]}` || nothing;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
customElements.define('ia-icon', IAIcon);
|
|
127
|
-
|
|
128
|
-
export default IAIcon;
|
|
1
|
+
import {
|
|
2
|
+
LitElement, html, css, nothing
|
|
3
|
+
} from 'lit';
|
|
4
|
+
import advance from '@internetarchive/icon-advance/index';
|
|
5
|
+
import applePay from '@internetarchive/icon-applepay/index';
|
|
6
|
+
import audio from '@internetarchive/icon-audio/index';
|
|
7
|
+
import calendar from '@internetarchive/icon-calendar/index';
|
|
8
|
+
import calendarBlank from '@internetarchive/icon-calendar-blank/index';
|
|
9
|
+
import close from '@internetarchive/icon-close/index';
|
|
10
|
+
import closeCircle from '@internetarchive/icon-close-circle/index';
|
|
11
|
+
import collapseSidebar from '@internetarchive/icon-collapse-sidebar/index';
|
|
12
|
+
import creditCard from '@internetarchive/icon-credit-card/index';
|
|
13
|
+
import donate from '@internetarchive/icon-donate/index';
|
|
14
|
+
import download from '@internetarchive/icon-dl/index';
|
|
15
|
+
import editPencil from '@internetarchive/icon-edit-pencil/index';
|
|
16
|
+
import ellipses from '@internetarchive/icon-ellipses/index';
|
|
17
|
+
import email from '@internetarchive/icon-email/index';
|
|
18
|
+
import facebook from '@internetarchive/icon-facebook/index';
|
|
19
|
+
import googlePay from '@internetarchive/icon-googlepay/index';
|
|
20
|
+
import iaLogo from '@internetarchive/icon-ia-logo/index';
|
|
21
|
+
import images from '@internetarchive/icon-images/index';
|
|
22
|
+
import link from '@internetarchive/icon-link/index';
|
|
23
|
+
import localePin from '@internetarchive/icon-locale-pin/index';
|
|
24
|
+
import lock from '@internetarchive/icon-lock/index';
|
|
25
|
+
import magnifyMinus from '@internetarchive/icon-magnify-minus/index';
|
|
26
|
+
import magnifyPlus from '@internetarchive/icon-magnify-plus/index';
|
|
27
|
+
import paypal from '@internetarchive/icon-paypal/index';
|
|
28
|
+
import pinterest from '@internetarchive/icon-pinterest/index';
|
|
29
|
+
import search from '@internetarchive/icon-search/index';
|
|
30
|
+
import share from '@internetarchive/icon-share/index';
|
|
31
|
+
import software from '@internetarchive/icon-software/index';
|
|
32
|
+
import sortAscending from '@internetarchive/icon-sort-ascending/index';
|
|
33
|
+
import sortDescending from '@internetarchive/icon-sort-descending/index';
|
|
34
|
+
import texts from '@internetarchive/icon-texts/index';
|
|
35
|
+
import toc from '@internetarchive/icon-toc/index';
|
|
36
|
+
import tumblr from '@internetarchive/icon-tumblr/index';
|
|
37
|
+
import twitter from '@internetarchive/icon-twitter/index';
|
|
38
|
+
import upload from '@internetarchive/icon-upload/index';
|
|
39
|
+
import user from '@internetarchive/icon-user/index';
|
|
40
|
+
import venmo from '@internetarchive/icon-venmo/index';
|
|
41
|
+
import video from '@internetarchive/icon-video/index';
|
|
42
|
+
import visualAdjustment from '@internetarchive/icon-visual-adjustment/index';
|
|
43
|
+
import volumes from '@internetarchive/icon-volumes/index';
|
|
44
|
+
import web from '@internetarchive/icon-web/index';
|
|
45
|
+
import info from '@internetarchive/icon-info/index';
|
|
46
|
+
|
|
47
|
+
const iconTemplates = {
|
|
48
|
+
applePay,
|
|
49
|
+
advance,
|
|
50
|
+
audio,
|
|
51
|
+
calendar,
|
|
52
|
+
calendarBlank,
|
|
53
|
+
close,
|
|
54
|
+
closeCircle,
|
|
55
|
+
collapseSidebar,
|
|
56
|
+
creditCard,
|
|
57
|
+
donate,
|
|
58
|
+
download,
|
|
59
|
+
editPencil,
|
|
60
|
+
ellipses,
|
|
61
|
+
email,
|
|
62
|
+
facebook,
|
|
63
|
+
googlePay,
|
|
64
|
+
iaLogo,
|
|
65
|
+
images,
|
|
66
|
+
link,
|
|
67
|
+
localePin,
|
|
68
|
+
lock,
|
|
69
|
+
magnifyMinus,
|
|
70
|
+
magnifyPlus,
|
|
71
|
+
paypal,
|
|
72
|
+
pinterest,
|
|
73
|
+
search,
|
|
74
|
+
share,
|
|
75
|
+
software,
|
|
76
|
+
sortAscending,
|
|
77
|
+
sortDescending,
|
|
78
|
+
texts,
|
|
79
|
+
toc,
|
|
80
|
+
tumblr,
|
|
81
|
+
twitter,
|
|
82
|
+
upload,
|
|
83
|
+
user,
|
|
84
|
+
venmo,
|
|
85
|
+
video,
|
|
86
|
+
visualAdjustment,
|
|
87
|
+
volumes,
|
|
88
|
+
web,
|
|
89
|
+
info,
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
class IAIcon extends LitElement {
|
|
93
|
+
static get properties() {
|
|
94
|
+
return {
|
|
95
|
+
icon: { type: String },
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
static get styles() {
|
|
100
|
+
return css`
|
|
101
|
+
svg {
|
|
102
|
+
width: var(--iconWidth, 'auto');
|
|
103
|
+
height: var(--iconHeight, 'auto');
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.fill-color {
|
|
107
|
+
fill: var(--iconFillColor);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.stroke-color {
|
|
111
|
+
stroke: var(--iconStrokeColor);
|
|
112
|
+
}
|
|
113
|
+
`;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
constructor() {
|
|
117
|
+
super();
|
|
118
|
+
this.icon = '';
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
render() {
|
|
122
|
+
return html`${iconTemplates[this.icon]}` || nothing;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
customElements.define('ia-icon', IAIcon);
|
|
127
|
+
|
|
128
|
+
export default IAIcon;
|
package/src/icon-donate.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
import IAIcon from './ia-icon';
|
|
3
|
-
|
|
4
|
-
class IconDonate extends IAIcon {
|
|
5
|
-
static get styles() {
|
|
6
|
-
return css`
|
|
7
|
-
.fill-color {
|
|
8
|
-
fill: #ff0000;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.stroke-color {
|
|
12
|
-
stroke: #ff0000;
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
constructor() {
|
|
18
|
-
super();
|
|
19
|
-
this.icon = 'donate';
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
customElements.define('icon-donate', IconDonate);
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
import IAIcon from './ia-icon';
|
|
3
|
+
|
|
4
|
+
class IconDonate extends IAIcon {
|
|
5
|
+
static get styles() {
|
|
6
|
+
return css`
|
|
7
|
+
.fill-color {
|
|
8
|
+
fill: #ff0000;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.stroke-color {
|
|
12
|
+
stroke: #ff0000;
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
constructor() {
|
|
18
|
+
super();
|
|
19
|
+
this.icon = 'donate';
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
customElements.define('icon-donate', IconDonate);
|
package/test/ia-icons.test.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { fixture, expect, html } from '@open-wc/testing';
|
|
2
|
-
|
|
3
|
-
import '../ia-icon';
|
|
4
|
-
|
|
5
|
-
describe('<ia-icon>', () => {
|
|
6
|
-
it('renders an empty element when icon type is unrecognized', async () => {
|
|
7
|
-
const el = await fixture(html`<ia-icon icon="foo"></ia-icon>`);
|
|
8
|
-
|
|
9
|
-
expect(el.shadowRoot.querySelector('svg')).to.equal(null);
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
it('renders an icon', async () => {
|
|
13
|
-
const el = await fixture(html`<ia-icon icon="web"></ia-icon>`);
|
|
14
|
-
|
|
15
|
-
expect(el.shadowRoot.querySelector('svg')).to.exist;
|
|
16
|
-
});
|
|
17
|
-
});
|
|
1
|
+
import { fixture, expect, html } from '@open-wc/testing';
|
|
2
|
+
|
|
3
|
+
import '../ia-icon';
|
|
4
|
+
|
|
5
|
+
describe('<ia-icon>', () => {
|
|
6
|
+
it('renders an empty element when icon type is unrecognized', async () => {
|
|
7
|
+
const el = await fixture(html`<ia-icon icon="foo"></ia-icon>`);
|
|
8
|
+
|
|
9
|
+
expect(el.shadowRoot.querySelector('svg')).to.equal(null);
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
it('renders an icon', async () => {
|
|
13
|
+
const el = await fixture(html`<ia-icon icon="web"></ia-icon>`);
|
|
14
|
+
|
|
15
|
+
expect(el.shadowRoot.querySelector('svg')).to.exist;
|
|
16
|
+
});
|
|
17
|
+
});
|