@spectrum-web-components/icons-ui 0.8.4 → 0.8.7

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.
Files changed (19) hide show
  1. package/package.json +6 -6
  2. package/stories/icon-manifest.js +110 -0
  3. package/stories/icon-manifest.js.map +1 -0
  4. package/stories/icons-ui.stories.js +106 -0
  5. package/stories/icons-ui.stories.js.map +1 -0
  6. package/test/benchmark/test-attribute-many.js +68 -0
  7. package/test/benchmark/test-attribute-many.js.map +1 -0
  8. package/test/benchmark/test-attribute.js +68 -0
  9. package/test/benchmark/test-attribute.js.map +1 -0
  10. package/test/benchmark/test-injected-many.js +115 -0
  11. package/test/benchmark/test-injected-many.js.map +1 -0
  12. package/test/benchmark/test-injected.js +56 -0
  13. package/test/benchmark/test-injected.js.map +1 -0
  14. package/test/benchmark/test-registered-many.js +112 -0
  15. package/test/benchmark/test-registered-many.js.map +1 -0
  16. package/test/benchmark/test-registered.js +64 -0
  17. package/test/benchmark/test-registered.js.map +1 -0
  18. package/test/icons-ui.test-vrt.js +15 -0
  19. package/test/icons-ui.test-vrt.js.map +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/icons-ui",
3
- "version": "0.8.4",
3
+ "version": "0.8.7",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -44,13 +44,13 @@
44
44
  "lit-html"
45
45
  ],
46
46
  "dependencies": {
47
- "@spectrum-web-components/base": "^0.5.3",
48
- "@spectrum-web-components/icon": "^0.11.4",
49
- "@spectrum-web-components/iconset": "^0.6.3",
47
+ "@spectrum-web-components/base": "^0.5.6",
48
+ "@spectrum-web-components/icon": "^0.11.7",
49
+ "@spectrum-web-components/iconset": "^0.6.6",
50
50
  "tslib": "^2.0.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@spectrum-css/icon": "^3.0.15",
53
+ "@spectrum-css/icon": "^3.0.21",
54
54
  "case": "^1.6.1",
55
55
  "cheerio": "^1.0.0-rc.2",
56
56
  "fs": "^0.0.1-security",
@@ -64,5 +64,5 @@
64
64
  "./src/index.js",
65
65
  "./icons/*"
66
66
  ],
67
- "gitHead": "57aba8030b6af96af4015a0aa830e342a17dc219"
67
+ "gitHead": "32e049a0da090ffc1a54cfe3234be4d5efc73339"
68
68
  }
package/stories/icon-manifest.js ADDED
@@ -0,0 +1,110 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */ import { html } from '@spectrum-web-components/base';
12
+ import '../icons/sp-icon-arrow100.js';
13
+ import '../icons/sp-icon-arrow200.js';
14
+ import '../icons/sp-icon-arrow300.js';
15
+ import '../icons/sp-icon-arrow400.js';
16
+ import '../icons/sp-icon-arrow500.js';
17
+ import '../icons/sp-icon-arrow600.js';
18
+ import '../icons/sp-icon-arrow75.js';
19
+ import '../icons/sp-icon-asterisk100.js';
20
+ import '../icons/sp-icon-asterisk200.js';
21
+ import '../icons/sp-icon-asterisk300.js';
22
+ import '../icons/sp-icon-asterisk75.js';
23
+ import '../icons/sp-icon-checkmark100.js';
24
+ import '../icons/sp-icon-checkmark200.js';
25
+ import '../icons/sp-icon-checkmark300.js';
26
+ import '../icons/sp-icon-checkmark400.js';
27
+ import '../icons/sp-icon-checkmark50.js';
28
+ import '../icons/sp-icon-checkmark500.js';
29
+ import '../icons/sp-icon-checkmark600.js';
30
+ import '../icons/sp-icon-checkmark75.js';
31
+ import '../icons/sp-icon-chevron100.js';
32
+ import '../icons/sp-icon-chevron200.js';
33
+ import '../icons/sp-icon-chevron300.js';
34
+ import '../icons/sp-icon-chevron400.js';
35
+ import '../icons/sp-icon-chevron500.js';
36
+ import '../icons/sp-icon-chevron600.js';
37
+ import '../icons/sp-icon-chevron75.js';
38
+ import '../icons/sp-icon-corner-triangle100.js';
39
+ import '../icons/sp-icon-corner-triangle200.js';
40
+ import '../icons/sp-icon-corner-triangle300.js';
41
+ import '../icons/sp-icon-corner-triangle75.js';
42
+ import '../icons/sp-icon-cross100.js';
43
+ import '../icons/sp-icon-cross200.js';
44
+ import '../icons/sp-icon-cross300.js';
45
+ import '../icons/sp-icon-cross400.js';
46
+ import '../icons/sp-icon-cross500.js';
47
+ import '../icons/sp-icon-cross600.js';
48
+ import '../icons/sp-icon-cross75.js';
49
+ import '../icons/sp-icon-dash100.js';
50
+ import '../icons/sp-icon-dash200.js';
51
+ import '../icons/sp-icon-dash300.js';
52
+ import '../icons/sp-icon-dash400.js';
53
+ import '../icons/sp-icon-dash50.js';
54
+ import '../icons/sp-icon-dash500.js';
55
+ import '../icons/sp-icon-dash600.js';
56
+ import '../icons/sp-icon-dash75.js';
57
+ import '../icons/sp-icon-double-gripper.js';
58
+ import '../icons/sp-icon-single-gripper.js';
59
+ import '../icons/sp-icon-triple-gripper.js';
60
+ export const iconManifest = [
61
+ { name: 'Arrow100', tag: '<sp-icon-arrow100>', story: (size) => html `<sp-icon-arrow100 size=${size}></sp-icon-arrow100>` },
62
+ { name: 'Arrow200', tag: '<sp-icon-arrow200>', story: (size) => html `<sp-icon-arrow200 size=${size}></sp-icon-arrow200>` },
63
+ { name: 'Arrow300', tag: '<sp-icon-arrow300>', story: (size) => html `<sp-icon-arrow300 size=${size}></sp-icon-arrow300>` },
64
+ { name: 'Arrow400', tag: '<sp-icon-arrow400>', story: (size) => html `<sp-icon-arrow400 size=${size}></sp-icon-arrow400>` },
65
+ { name: 'Arrow500', tag: '<sp-icon-arrow500>', story: (size) => html `<sp-icon-arrow500 size=${size}></sp-icon-arrow500>` },
66
+ { name: 'Arrow600', tag: '<sp-icon-arrow600>', story: (size) => html `<sp-icon-arrow600 size=${size}></sp-icon-arrow600>` },
67
+ { name: 'Arrow75', tag: '<sp-icon-arrow75>', story: (size) => html `<sp-icon-arrow75 size=${size}></sp-icon-arrow75>` },
68
+ { name: 'Asterisk100', tag: '<sp-icon-asterisk100>', story: (size) => html `<sp-icon-asterisk100 size=${size}></sp-icon-asterisk100>` },
69
+ { name: 'Asterisk200', tag: '<sp-icon-asterisk200>', story: (size) => html `<sp-icon-asterisk200 size=${size}></sp-icon-asterisk200>` },
70
+ { name: 'Asterisk300', tag: '<sp-icon-asterisk300>', story: (size) => html `<sp-icon-asterisk300 size=${size}></sp-icon-asterisk300>` },
71
+ { name: 'Asterisk75', tag: '<sp-icon-asterisk75>', story: (size) => html `<sp-icon-asterisk75 size=${size}></sp-icon-asterisk75>` },
72
+ { name: 'Checkmark100', tag: '<sp-icon-checkmark100>', story: (size) => html `<sp-icon-checkmark100 size=${size}></sp-icon-checkmark100>` },
73
+ { name: 'Checkmark200', tag: '<sp-icon-checkmark200>', story: (size) => html `<sp-icon-checkmark200 size=${size}></sp-icon-checkmark200>` },
74
+ { name: 'Checkmark300', tag: '<sp-icon-checkmark300>', story: (size) => html `<sp-icon-checkmark300 size=${size}></sp-icon-checkmark300>` },
75
+ { name: 'Checkmark400', tag: '<sp-icon-checkmark400>', story: (size) => html `<sp-icon-checkmark400 size=${size}></sp-icon-checkmark400>` },
76
+ { name: 'Checkmark50', tag: '<sp-icon-checkmark50>', story: (size) => html `<sp-icon-checkmark50 size=${size}></sp-icon-checkmark50>` },
77
+ { name: 'Checkmark500', tag: '<sp-icon-checkmark500>', story: (size) => html `<sp-icon-checkmark500 size=${size}></sp-icon-checkmark500>` },
78
+ { name: 'Checkmark600', tag: '<sp-icon-checkmark600>', story: (size) => html `<sp-icon-checkmark600 size=${size}></sp-icon-checkmark600>` },
79
+ { name: 'Checkmark75', tag: '<sp-icon-checkmark75>', story: (size) => html `<sp-icon-checkmark75 size=${size}></sp-icon-checkmark75>` },
80
+ { name: 'Chevron100', tag: '<sp-icon-chevron100>', story: (size) => html `<sp-icon-chevron100 size=${size}></sp-icon-chevron100>` },
81
+ { name: 'Chevron200', tag: '<sp-icon-chevron200>', story: (size) => html `<sp-icon-chevron200 size=${size}></sp-icon-chevron200>` },
82
+ { name: 'Chevron300', tag: '<sp-icon-chevron300>', story: (size) => html `<sp-icon-chevron300 size=${size}></sp-icon-chevron300>` },
83
+ { name: 'Chevron400', tag: '<sp-icon-chevron400>', story: (size) => html `<sp-icon-chevron400 size=${size}></sp-icon-chevron400>` },
84
+ { name: 'Chevron500', tag: '<sp-icon-chevron500>', story: (size) => html `<sp-icon-chevron500 size=${size}></sp-icon-chevron500>` },
85
+ { name: 'Chevron600', tag: '<sp-icon-chevron600>', story: (size) => html `<sp-icon-chevron600 size=${size}></sp-icon-chevron600>` },
86
+ { name: 'Chevron75', tag: '<sp-icon-chevron75>', story: (size) => html `<sp-icon-chevron75 size=${size}></sp-icon-chevron75>` },
87
+ { name: 'Corner triangle100', tag: '<sp-icon-corner-triangle100>', story: (size) => html `<sp-icon-corner-triangle100 size=${size}></sp-icon-corner-triangle100>` },
88
+ { name: 'Corner triangle200', tag: '<sp-icon-corner-triangle200>', story: (size) => html `<sp-icon-corner-triangle200 size=${size}></sp-icon-corner-triangle200>` },
89
+ { name: 'Corner triangle300', tag: '<sp-icon-corner-triangle300>', story: (size) => html `<sp-icon-corner-triangle300 size=${size}></sp-icon-corner-triangle300>` },
90
+ { name: 'Corner triangle75', tag: '<sp-icon-corner-triangle75>', story: (size) => html `<sp-icon-corner-triangle75 size=${size}></sp-icon-corner-triangle75>` },
91
+ { name: 'Cross100', tag: '<sp-icon-cross100>', story: (size) => html `<sp-icon-cross100 size=${size}></sp-icon-cross100>` },
92
+ { name: 'Cross200', tag: '<sp-icon-cross200>', story: (size) => html `<sp-icon-cross200 size=${size}></sp-icon-cross200>` },
93
+ { name: 'Cross300', tag: '<sp-icon-cross300>', story: (size) => html `<sp-icon-cross300 size=${size}></sp-icon-cross300>` },
94
+ { name: 'Cross400', tag: '<sp-icon-cross400>', story: (size) => html `<sp-icon-cross400 size=${size}></sp-icon-cross400>` },
95
+ { name: 'Cross500', tag: '<sp-icon-cross500>', story: (size) => html `<sp-icon-cross500 size=${size}></sp-icon-cross500>` },
96
+ { name: 'Cross600', tag: '<sp-icon-cross600>', story: (size) => html `<sp-icon-cross600 size=${size}></sp-icon-cross600>` },
97
+ { name: 'Cross75', tag: '<sp-icon-cross75>', story: (size) => html `<sp-icon-cross75 size=${size}></sp-icon-cross75>` },
98
+ { name: 'Dash100', tag: '<sp-icon-dash100>', story: (size) => html `<sp-icon-dash100 size=${size}></sp-icon-dash100>` },
99
+ { name: 'Dash200', tag: '<sp-icon-dash200>', story: (size) => html `<sp-icon-dash200 size=${size}></sp-icon-dash200>` },
100
+ { name: 'Dash300', tag: '<sp-icon-dash300>', story: (size) => html `<sp-icon-dash300 size=${size}></sp-icon-dash300>` },
101
+ { name: 'Dash400', tag: '<sp-icon-dash400>', story: (size) => html `<sp-icon-dash400 size=${size}></sp-icon-dash400>` },
102
+ { name: 'Dash50', tag: '<sp-icon-dash50>', story: (size) => html `<sp-icon-dash50 size=${size}></sp-icon-dash50>` },
103
+ { name: 'Dash500', tag: '<sp-icon-dash500>', story: (size) => html `<sp-icon-dash500 size=${size}></sp-icon-dash500>` },
104
+ { name: 'Dash600', tag: '<sp-icon-dash600>', story: (size) => html `<sp-icon-dash600 size=${size}></sp-icon-dash600>` },
105
+ { name: 'Dash75', tag: '<sp-icon-dash75>', story: (size) => html `<sp-icon-dash75 size=${size}></sp-icon-dash75>` },
106
+ { name: 'Double gripper', tag: '<sp-icon-double-gripper>', story: (size) => html `<sp-icon-double-gripper size=${size}></sp-icon-double-gripper>` },
107
+ { name: 'Single gripper', tag: '<sp-icon-single-gripper>', story: (size) => html `<sp-icon-single-gripper size=${size}></sp-icon-single-gripper>` },
108
+ { name: 'Triple gripper', tag: '<sp-icon-triple-gripper>', story: (size) => html `<sp-icon-triple-gripper size=${size}></sp-icon-triple-gripper>` },
109
+ ];
110
+ //# sourceMappingURL=icon-manifest.js.map
package/stories/icon-manifest.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-manifest.js","sourceRoot":"","sources":["icon-manifest.ts"],"names":[],"mappings":"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","sourcesContent":["\n/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/import {\n html,\n TemplateResult\n } from '@spectrum-web-components/base';\r\n\r\nimport '../icons/sp-icon-arrow100.js';\r\nimport '../icons/sp-icon-arrow200.js';\r\nimport '../icons/sp-icon-arrow300.js';\r\nimport '../icons/sp-icon-arrow400.js';\r\nimport '../icons/sp-icon-arrow500.js';\r\nimport '../icons/sp-icon-arrow600.js';\r\nimport '../icons/sp-icon-arrow75.js';\r\nimport '../icons/sp-icon-asterisk100.js';\r\nimport '../icons/sp-icon-asterisk200.js';\r\nimport '../icons/sp-icon-asterisk300.js';\r\nimport '../icons/sp-icon-asterisk75.js';\r\nimport '../icons/sp-icon-checkmark100.js';\r\nimport '../icons/sp-icon-checkmark200.js';\r\nimport '../icons/sp-icon-checkmark300.js';\r\nimport '../icons/sp-icon-checkmark400.js';\r\nimport '../icons/sp-icon-checkmark50.js';\r\nimport '../icons/sp-icon-checkmark500.js';\r\nimport '../icons/sp-icon-checkmark600.js';\r\nimport '../icons/sp-icon-checkmark75.js';\r\nimport '../icons/sp-icon-chevron100.js';\r\nimport '../icons/sp-icon-chevron200.js';\r\nimport '../icons/sp-icon-chevron300.js';\r\nimport '../icons/sp-icon-chevron400.js';\r\nimport '../icons/sp-icon-chevron500.js';\r\nimport '../icons/sp-icon-chevron600.js';\r\nimport '../icons/sp-icon-chevron75.js';\r\nimport '../icons/sp-icon-corner-triangle100.js';\r\nimport '../icons/sp-icon-corner-triangle200.js';\r\nimport '../icons/sp-icon-corner-triangle300.js';\r\nimport '../icons/sp-icon-corner-triangle75.js';\r\nimport '../icons/sp-icon-cross100.js';\r\nimport '../icons/sp-icon-cross200.js';\r\nimport '../icons/sp-icon-cross300.js';\r\nimport '../icons/sp-icon-cross400.js';\r\nimport '../icons/sp-icon-cross500.js';\r\nimport '../icons/sp-icon-cross600.js';\r\nimport '../icons/sp-icon-cross75.js';\r\nimport '../icons/sp-icon-dash100.js';\r\nimport '../icons/sp-icon-dash200.js';\r\nimport '../icons/sp-icon-dash300.js';\r\nimport '../icons/sp-icon-dash400.js';\r\nimport '../icons/sp-icon-dash50.js';\r\nimport '../icons/sp-icon-dash500.js';\r\nimport '../icons/sp-icon-dash600.js';\r\nimport '../icons/sp-icon-dash75.js';\r\nimport '../icons/sp-icon-double-gripper.js';\r\nimport '../icons/sp-icon-single-gripper.js';\r\nimport '../icons/sp-icon-triple-gripper.js';\r\nexport const iconManifest = [\r\n{name: 'Arrow100', tag: '<sp-icon-arrow100>', story: (size: string): TemplateResult => html`<sp-icon-arrow100 size=${size}></sp-icon-arrow100>`},\r\n{name: 'Arrow200', tag: '<sp-icon-arrow200>', story: (size: string): TemplateResult => html`<sp-icon-arrow200 size=${size}></sp-icon-arrow200>`},\r\n{name: 'Arrow300', tag: '<sp-icon-arrow300>', story: (size: string): TemplateResult => html`<sp-icon-arrow300 size=${size}></sp-icon-arrow300>`},\r\n{name: 'Arrow400', tag: '<sp-icon-arrow400>', story: (size: string): TemplateResult => html`<sp-icon-arrow400 size=${size}></sp-icon-arrow400>`},\r\n{name: 'Arrow500', tag: '<sp-icon-arrow500>', story: (size: string): TemplateResult => html`<sp-icon-arrow500 size=${size}></sp-icon-arrow500>`},\r\n{name: 'Arrow600', tag: '<sp-icon-arrow600>', story: (size: string): TemplateResult => html`<sp-icon-arrow600 size=${size}></sp-icon-arrow600>`},\r\n{name: 'Arrow75', tag: '<sp-icon-arrow75>', story: (size: string): TemplateResult => html`<sp-icon-arrow75 size=${size}></sp-icon-arrow75>`},\r\n{name: 'Asterisk100', tag: '<sp-icon-asterisk100>', story: (size: string): TemplateResult => html`<sp-icon-asterisk100 size=${size}></sp-icon-asterisk100>`},\r\n{name: 'Asterisk200', tag: '<sp-icon-asterisk200>', story: (size: string): TemplateResult => html`<sp-icon-asterisk200 size=${size}></sp-icon-asterisk200>`},\r\n{name: 'Asterisk300', tag: '<sp-icon-asterisk300>', story: (size: string): TemplateResult => html`<sp-icon-asterisk300 size=${size}></sp-icon-asterisk300>`},\r\n{name: 'Asterisk75', tag: '<sp-icon-asterisk75>', story: (size: string): TemplateResult => html`<sp-icon-asterisk75 size=${size}></sp-icon-asterisk75>`},\r\n{name: 'Checkmark100', tag: '<sp-icon-checkmark100>', story: (size: string): TemplateResult => html`<sp-icon-checkmark100 size=${size}></sp-icon-checkmark100>`},\r\n{name: 'Checkmark200', tag: '<sp-icon-checkmark200>', story: (size: string): TemplateResult => html`<sp-icon-checkmark200 size=${size}></sp-icon-checkmark200>`},\r\n{name: 'Checkmark300', tag: '<sp-icon-checkmark300>', story: (size: string): TemplateResult => html`<sp-icon-checkmark300 size=${size}></sp-icon-checkmark300>`},\r\n{name: 'Checkmark400', tag: '<sp-icon-checkmark400>', story: (size: string): TemplateResult => html`<sp-icon-checkmark400 size=${size}></sp-icon-checkmark400>`},\r\n{name: 'Checkmark50', tag: '<sp-icon-checkmark50>', story: (size: string): TemplateResult => html`<sp-icon-checkmark50 size=${size}></sp-icon-checkmark50>`},\r\n{name: 'Checkmark500', tag: '<sp-icon-checkmark500>', story: (size: string): TemplateResult => html`<sp-icon-checkmark500 size=${size}></sp-icon-checkmark500>`},\r\n{name: 'Checkmark600', tag: '<sp-icon-checkmark600>', story: (size: string): TemplateResult => html`<sp-icon-checkmark600 size=${size}></sp-icon-checkmark600>`},\r\n{name: 'Checkmark75', tag: '<sp-icon-checkmark75>', story: (size: string): TemplateResult => html`<sp-icon-checkmark75 size=${size}></sp-icon-checkmark75>`},\r\n{name: 'Chevron100', tag: '<sp-icon-chevron100>', story: (size: string): TemplateResult => html`<sp-icon-chevron100 size=${size}></sp-icon-chevron100>`},\r\n{name: 'Chevron200', tag: '<sp-icon-chevron200>', story: (size: string): TemplateResult => html`<sp-icon-chevron200 size=${size}></sp-icon-chevron200>`},\r\n{name: 'Chevron300', tag: '<sp-icon-chevron300>', story: (size: string): TemplateResult => html`<sp-icon-chevron300 size=${size}></sp-icon-chevron300>`},\r\n{name: 'Chevron400', tag: '<sp-icon-chevron400>', story: (size: string): TemplateResult => html`<sp-icon-chevron400 size=${size}></sp-icon-chevron400>`},\r\n{name: 'Chevron500', tag: '<sp-icon-chevron500>', story: (size: string): TemplateResult => html`<sp-icon-chevron500 size=${size}></sp-icon-chevron500>`},\r\n{name: 'Chevron600', tag: '<sp-icon-chevron600>', story: (size: string): TemplateResult => html`<sp-icon-chevron600 size=${size}></sp-icon-chevron600>`},\r\n{name: 'Chevron75', tag: '<sp-icon-chevron75>', story: (size: string): TemplateResult => html`<sp-icon-chevron75 size=${size}></sp-icon-chevron75>`},\r\n{name: 'Corner triangle100', tag: '<sp-icon-corner-triangle100>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle100 size=${size}></sp-icon-corner-triangle100>`},\r\n{name: 'Corner triangle200', tag: '<sp-icon-corner-triangle200>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle200 size=${size}></sp-icon-corner-triangle200>`},\r\n{name: 'Corner triangle300', tag: '<sp-icon-corner-triangle300>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle300 size=${size}></sp-icon-corner-triangle300>`},\r\n{name: 'Corner triangle75', tag: '<sp-icon-corner-triangle75>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle75 size=${size}></sp-icon-corner-triangle75>`},\r\n{name: 'Cross100', tag: '<sp-icon-cross100>', story: (size: string): TemplateResult => html`<sp-icon-cross100 size=${size}></sp-icon-cross100>`},\r\n{name: 'Cross200', tag: '<sp-icon-cross200>', story: (size: string): TemplateResult => html`<sp-icon-cross200 size=${size}></sp-icon-cross200>`},\r\n{name: 'Cross300', tag: '<sp-icon-cross300>', story: (size: string): TemplateResult => html`<sp-icon-cross300 size=${size}></sp-icon-cross300>`},\r\n{name: 'Cross400', tag: '<sp-icon-cross400>', story: (size: string): TemplateResult => html`<sp-icon-cross400 size=${size}></sp-icon-cross400>`},\r\n{name: 'Cross500', tag: '<sp-icon-cross500>', story: (size: string): TemplateResult => html`<sp-icon-cross500 size=${size}></sp-icon-cross500>`},\r\n{name: 'Cross600', tag: '<sp-icon-cross600>', story: (size: string): TemplateResult => html`<sp-icon-cross600 size=${size}></sp-icon-cross600>`},\r\n{name: 'Cross75', tag: '<sp-icon-cross75>', story: (size: string): TemplateResult => html`<sp-icon-cross75 size=${size}></sp-icon-cross75>`},\r\n{name: 'Dash100', tag: '<sp-icon-dash100>', story: (size: string): TemplateResult => html`<sp-icon-dash100 size=${size}></sp-icon-dash100>`},\r\n{name: 'Dash200', tag: '<sp-icon-dash200>', story: (size: string): TemplateResult => html`<sp-icon-dash200 size=${size}></sp-icon-dash200>`},\r\n{name: 'Dash300', tag: '<sp-icon-dash300>', story: (size: string): TemplateResult => html`<sp-icon-dash300 size=${size}></sp-icon-dash300>`},\r\n{name: 'Dash400', tag: '<sp-icon-dash400>', story: (size: string): TemplateResult => html`<sp-icon-dash400 size=${size}></sp-icon-dash400>`},\r\n{name: 'Dash50', tag: '<sp-icon-dash50>', story: (size: string): TemplateResult => html`<sp-icon-dash50 size=${size}></sp-icon-dash50>`},\r\n{name: 'Dash500', tag: '<sp-icon-dash500>', story: (size: string): TemplateResult => html`<sp-icon-dash500 size=${size}></sp-icon-dash500>`},\r\n{name: 'Dash600', tag: '<sp-icon-dash600>', story: (size: string): TemplateResult => html`<sp-icon-dash600 size=${size}></sp-icon-dash600>`},\r\n{name: 'Dash75', tag: '<sp-icon-dash75>', story: (size: string): TemplateResult => html`<sp-icon-dash75 size=${size}></sp-icon-dash75>`},\r\n{name: 'Double gripper', tag: '<sp-icon-double-gripper>', story: (size: string): TemplateResult => html`<sp-icon-double-gripper size=${size}></sp-icon-double-gripper>`},\r\n{name: 'Single gripper', tag: '<sp-icon-single-gripper>', story: (size: string): TemplateResult => html`<sp-icon-single-gripper size=${size}></sp-icon-single-gripper>`},\r\n{name: 'Triple gripper', tag: '<sp-icon-triple-gripper>', story: (size: string): TemplateResult => html`<sp-icon-triple-gripper size=${size}></sp-icon-triple-gripper>`},\r\n];\r\n"]}
package/stories/icons-ui.stories.js ADDED
@@ -0,0 +1,106 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icon/sp-icon.js';
13
+ import '../../iconset/stories/icons-demo.js';
14
+ import { html } from '@spectrum-web-components/base';
15
+ import { until } from '@spectrum-web-components/base/src/directives.js';
16
+ export default {
17
+ title: 'Icons/UI',
18
+ argTypes: {
19
+ color: { control: 'color' },
20
+ size: {
21
+ control: {
22
+ type: 'inline-radio',
23
+ options: ['s', 'm', 'l', 'xl'],
24
+ },
25
+ },
26
+ },
27
+ args: {
28
+ color: '#000000',
29
+ size: 'm',
30
+ },
31
+ swc_vrt: {
32
+ preload: async () => {
33
+ await import('./icon-manifest.js');
34
+ },
35
+ },
36
+ };
37
+ export const elements = ({ color, size }) => {
38
+ const content = import('./icon-manifest.js').then((iconManifest) => html `
39
+ <icons-demo
40
+ style="color: ${color}"
41
+ size=${size}
42
+ .icons=${iconManifest.iconManifest}
43
+ ></icons-demo>
44
+ `);
45
+ return html `
46
+ <style>
47
+ .icon {
48
+ display: flex;
49
+ flex-direction: column;
50
+ align-items: center;
51
+ text-align: center;
52
+ }
53
+ sp-icon {
54
+ margin-bottom: 10px;
55
+ }
56
+ </style>
57
+ <delayed-ready>
58
+ ${until(content, html `
59
+ Loading...
60
+ `)}
61
+ </delayed-ready>
62
+ `;
63
+ };
64
+ export const Icons = ({ color, size }) => {
65
+ const content = import('../').then((icons) => {
66
+ const iconTemplates = [];
67
+ for (const icon in icons) {
68
+ if (icon === 'setCustomTemplateLiteralTag')
69
+ continue;
70
+ iconTemplates.push({
71
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
72
+ template: icons[icon],
73
+ name: icon,
74
+ });
75
+ }
76
+ return html `
77
+ <icons-demo style="color: ${color}">
78
+ ${iconTemplates.map((icon) => html `
79
+ <bdo class="icon" dir="ltr">
80
+ <sp-icon size=${size}>${icon.template()}</sp-icon>
81
+ ${icon.name}
82
+ </bdo>
83
+ `)}
84
+ </icons-demo>
85
+ `;
86
+ });
87
+ return html `
88
+ <style>
89
+ .icon {
90
+ display: flex;
91
+ flex-direction: column;
92
+ align-items: center;
93
+ text-align: center;
94
+ }
95
+ sp-icon {
96
+ margin-bottom: 10px;
97
+ }
98
+ </style>
99
+ <delayed-ready>
100
+ ${until(content, html `
101
+ Loading...
102
+ `)}
103
+ </delayed-ready>
104
+ `;
105
+ };
106
+ //# sourceMappingURL=icons-ui.stories.js.map
package/stories/icons-ui.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons-ui.stories.js","sourceRoot":"","sources":["icons-ui.stories.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,0CAA0C,CAAC;AAClD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AAExE,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC3B,IAAI,EAAE;YACF,OAAO,EAAE;gBACL,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC;aACjC;SACJ;KACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,GAAG;KACZ;IACD,OAAO,EAAE;QACL,OAAO,EAAE,KAAK,IAAmB,EAAE;YAC/B,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC;QACvC,CAAC;KACJ;CACJ,CAAC;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAc,EAAkB,EAAE;IACpE,MAAM,OAAO,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAC7C,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;gCAEE,KAAK;uBACd,IAAI;yBACF,YAAY,CAAC,YAAY;;SAEzC,CACJ,CAAC;IACF,OAAO,IAAI,CAAA;;;;;;;;;;;;;cAaD,KAAK,CACH,OAAO,EACP,IAAI,CAAA;;iBAEH,CACJ;;KAER,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAc,EAAkB,EAAE;IACjE,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;QACzC,MAAM,aAAa,GAGb,EAAE,CAAC;QACT,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACtB,IAAI,IAAI,KAAK,6BAA6B;gBAAE,SAAS;YACrD,aAAa,CAAC,IAAI,CAAC;gBACf,8DAA8D;gBAC9D,QAAQ,EAAG,KAAa,CAAC,IAAI,CAAC;gBAC9B,IAAI,EAAE,IAAI;aACb,CAAC,CAAC;SACN;QACD,OAAO,IAAI,CAAA;wCACqB,KAAK;kBAC3B,aAAa,CAAC,GAAG,CACf,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;4CAEU,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;8BACrC,IAAI,CAAC,IAAI;;qBAElB,CACJ;;SAER,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAA;;;;;;;;;;;;;cAaD,KAAK,CACH,OAAO,EACP,IAAI,CAAA;;iBAEH,CACJ;;KAER,CAAC;AACN,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '../../iconset/stories/icons-demo.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { until } from '@spectrum-web-components/base/src/directives.js';\n\nexport default {\n title: 'Icons/UI',\n argTypes: {\n color: { control: 'color' },\n size: {\n control: {\n type: 'inline-radio',\n options: ['s', 'm', 'l', 'xl'],\n },\n },\n },\n args: {\n color: '#000000',\n size: 'm',\n },\n swc_vrt: {\n preload: async (): Promise<void> => {\n await import('./icon-manifest.js');\n },\n },\n};\n\ninterface Properties {\n color: string;\n size: 's' | 'm' | 'l' | 'xl';\n}\n\nexport const elements = ({ color, size }: Properties): TemplateResult => {\n const content = import('./icon-manifest.js').then(\n (iconManifest) => html`\n <icons-demo\n style=\"color: ${color}\"\n size=${size}\n .icons=${iconManifest.iconManifest}\n ></icons-demo>\n `\n );\n return html`\n <style>\n .icon {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n sp-icon {\n margin-bottom: 10px;\n }\n </style>\n <delayed-ready>\n ${until(\n content,\n html`\n Loading...\n `\n )}\n </delayed-ready>\n `;\n};\n\nexport const Icons = ({ color, size }: Properties): TemplateResult => {\n const content = import('../').then((icons) => {\n const iconTemplates: {\n template: () => TemplateResult;\n name: string;\n }[] = [];\n for (const icon in icons) {\n if (icon === 'setCustomTemplateLiteralTag') continue;\n iconTemplates.push({\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n template: (icons as any)[icon],\n name: icon,\n });\n }\n return html`\n <icons-demo style=\"color: ${color}\">\n ${iconTemplates.map(\n (icon) => html`\n <bdo class=\"icon\" dir=\"ltr\">\n <sp-icon size=${size}>${icon.template()}</sp-icon>\n ${icon.name}\n </bdo>\n `\n )}\n </icons-demo>\n `;\n });\n return html`\n <style>\n .icon {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n sp-icon {\n margin-bottom: 10px;\n }\n </style>\n <delayed-ready>\n ${until(\n content,\n html`\n Loading...\n `\n )}\n </delayed-ready>\n `;\n};\n"]}
package/test/benchmark/test-attribute-many.js ADDED
@@ -0,0 +1,68 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icon/sp-icon.js';
13
+ import '@spectrum-web-components/icons/sp-icons-medium.js';
14
+ import { html } from '@spectrum-web-components/base';
15
+ import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
16
+ const iconset = document.createElement('sp-icons-medium');
17
+ document.body.append(iconset);
18
+ measureFixtureCreation(html `
19
+ <sp-icon name="ui:Arrow100"></sp-icon>
20
+ <sp-icon name="ui:Arrow200"></sp-icon>
21
+ <sp-icon name="ui:Arrow300"></sp-icon>
22
+ <sp-icon name="ui:Arrow400"></sp-icon>
23
+ <sp-icon name="ui:Arrow500"></sp-icon>
24
+ <sp-icon name="ui:Arrow600"></sp-icon>
25
+ <sp-icon name="ui:Arrow75"></sp-icon>
26
+ <sp-icon name="ui:Asterisk100"></sp-icon>
27
+ <sp-icon name="ui:Asterisk200"></sp-icon>
28
+ <sp-icon name="ui:Asterisk300"></sp-icon>
29
+ <sp-icon name="ui:Asterisk75"></sp-icon>
30
+ <sp-icon name="ui:Checkmark100"></sp-icon>
31
+ <sp-icon name="ui:Checkmark200"></sp-icon>
32
+ <sp-icon name="ui:Checkmark300"></sp-icon>
33
+ <sp-icon name="ui:Checkmark400"></sp-icon>
34
+ <sp-icon name="ui:Checkmark50"></sp-icon>
35
+ <sp-icon name="ui:Checkmark500"></sp-icon>
36
+ <sp-icon name="ui:Checkmark600"></sp-icon>
37
+ <sp-icon name="ui:Checkmark75"></sp-icon>
38
+ <sp-icon name="ui:Chevron100"></sp-icon>
39
+ <sp-icon name="ui:Chevron200"></sp-icon>
40
+ <sp-icon name="ui:Chevron300"></sp-icon>
41
+ <sp-icon name="ui:Chevron400"></sp-icon>
42
+ <sp-icon name="ui:Chevron500"></sp-icon>
43
+ <sp-icon name="ui:Chevron600"></sp-icon>
44
+ <sp-icon name="ui:Chevron75"></sp-icon>
45
+ <sp-icon name="ui:CornerTriangle100"></sp-icon>
46
+ <sp-icon name="ui:CornerTriangle200"></sp-icon>
47
+ <sp-icon name="ui:CornerTriangle300"></sp-icon>
48
+ <sp-icon name="ui:CornerTriangle75"></sp-icon>
49
+ <sp-icon name="ui:Cross100"></sp-icon>
50
+ <sp-icon name="ui:Cross200"></sp-icon>
51
+ <sp-icon name="ui:Cross300"></sp-icon>
52
+ <sp-icon name="ui:Cross400"></sp-icon>
53
+ <sp-icon name="ui:Cross500"></sp-icon>
54
+ <sp-icon name="ui:Cross600"></sp-icon>
55
+ <sp-icon name="ui:Cross75"></sp-icon>
56
+ <sp-icon name="ui:Dash100"></sp-icon>
57
+ <sp-icon name="ui:Dash200"></sp-icon>
58
+ <sp-icon name="ui:Dash300"></sp-icon>
59
+ <sp-icon name="ui:Dash400"></sp-icon>
60
+ <sp-icon name="ui:Dash50"></sp-icon>
61
+ <sp-icon name="ui:Dash500"></sp-icon>
62
+ <sp-icon name="ui:Dash600"></sp-icon>
63
+ <sp-icon name="ui:Dash75"></sp-icon>
64
+ <sp-icon name="ui:DoubleGripper"></sp-icon>
65
+ <sp-icon name="ui:SingleGripper"></sp-icon>
66
+ <sp-icon name="ui:TripleGripper"></sp-icon>
67
+ `);
68
+ //# sourceMappingURL=test-attribute-many.js.map
package/test/benchmark/test-attribute-many.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-attribute-many.js","sourceRoot":"","sources":["test-attribute-many.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,0CAA0C,CAAC;AAClD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAC1D,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE9B,sBAAsB,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nconst iconset = document.createElement('sp-icons-medium');\ndocument.body.append(iconset);\n\nmeasureFixtureCreation(html`\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow200\"></sp-icon>\n <sp-icon name=\"ui:Arrow300\"></sp-icon>\n <sp-icon name=\"ui:Arrow400\"></sp-icon>\n <sp-icon name=\"ui:Arrow500\"></sp-icon>\n <sp-icon name=\"ui:Arrow600\"></sp-icon>\n <sp-icon name=\"ui:Arrow75\"></sp-icon>\n <sp-icon name=\"ui:Asterisk100\"></sp-icon>\n <sp-icon name=\"ui:Asterisk200\"></sp-icon>\n <sp-icon name=\"ui:Asterisk300\"></sp-icon>\n <sp-icon name=\"ui:Asterisk75\"></sp-icon>\n <sp-icon name=\"ui:Checkmark100\"></sp-icon>\n <sp-icon name=\"ui:Checkmark200\"></sp-icon>\n <sp-icon name=\"ui:Checkmark300\"></sp-icon>\n <sp-icon name=\"ui:Checkmark400\"></sp-icon>\n <sp-icon name=\"ui:Checkmark50\"></sp-icon>\n <sp-icon name=\"ui:Checkmark500\"></sp-icon>\n <sp-icon name=\"ui:Checkmark600\"></sp-icon>\n <sp-icon name=\"ui:Checkmark75\"></sp-icon>\n <sp-icon name=\"ui:Chevron100\"></sp-icon>\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n <sp-icon name=\"ui:Chevron300\"></sp-icon>\n <sp-icon name=\"ui:Chevron400\"></sp-icon>\n <sp-icon name=\"ui:Chevron500\"></sp-icon>\n <sp-icon name=\"ui:Chevron600\"></sp-icon>\n <sp-icon name=\"ui:Chevron75\"></sp-icon>\n <sp-icon name=\"ui:CornerTriangle100\"></sp-icon>\n <sp-icon name=\"ui:CornerTriangle200\"></sp-icon>\n <sp-icon name=\"ui:CornerTriangle300\"></sp-icon>\n <sp-icon name=\"ui:CornerTriangle75\"></sp-icon>\n <sp-icon name=\"ui:Cross100\"></sp-icon>\n <sp-icon name=\"ui:Cross200\"></sp-icon>\n <sp-icon name=\"ui:Cross300\"></sp-icon>\n <sp-icon name=\"ui:Cross400\"></sp-icon>\n <sp-icon name=\"ui:Cross500\"></sp-icon>\n <sp-icon name=\"ui:Cross600\"></sp-icon>\n <sp-icon name=\"ui:Cross75\"></sp-icon>\n <sp-icon name=\"ui:Dash100\"></sp-icon>\n <sp-icon name=\"ui:Dash200\"></sp-icon>\n <sp-icon name=\"ui:Dash300\"></sp-icon>\n <sp-icon name=\"ui:Dash400\"></sp-icon>\n <sp-icon name=\"ui:Dash50\"></sp-icon>\n <sp-icon name=\"ui:Dash500\"></sp-icon>\n <sp-icon name=\"ui:Dash600\"></sp-icon>\n <sp-icon name=\"ui:Dash75\"></sp-icon>\n <sp-icon name=\"ui:DoubleGripper\"></sp-icon>\n <sp-icon name=\"ui:SingleGripper\"></sp-icon>\n <sp-icon name=\"ui:TripleGripper\"></sp-icon>\n`);\n"]}
package/test/benchmark/test-attribute.js ADDED
@@ -0,0 +1,68 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icon/sp-icon.js';
13
+ import '@spectrum-web-components/icons/sp-icons-medium.js';
14
+ import { html } from '@spectrum-web-components/base';
15
+ import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
16
+ const iconset = document.createElement('sp-icons-medium');
17
+ document.body.append(iconset);
18
+ measureFixtureCreation(html `
19
+ <sp-icon name="ui:Arrow100"></sp-icon>
20
+ <sp-icon name="ui:Arrow100"></sp-icon>
21
+ <sp-icon name="ui:Arrow100"></sp-icon>
22
+ <sp-icon name="ui:Arrow100"></sp-icon>
23
+ <sp-icon name="ui:Arrow100"></sp-icon>
24
+ <sp-icon name="ui:Arrow100"></sp-icon>
25
+ <sp-icon name="ui:Arrow100"></sp-icon>
26
+ <sp-icon name="ui:Arrow100"></sp-icon>
27
+ <sp-icon name="ui:Arrow100"></sp-icon>
28
+ <sp-icon name="ui:Arrow100"></sp-icon>
29
+ <sp-icon name="ui:Arrow100"></sp-icon>
30
+ <sp-icon name="ui:Arrow100"></sp-icon>
31
+ <sp-icon name="ui:Arrow100"></sp-icon>
32
+ <sp-icon name="ui:Arrow100"></sp-icon>
33
+ <sp-icon name="ui:Arrow100"></sp-icon>
34
+ <sp-icon name="ui:Arrow100"></sp-icon>
35
+ <sp-icon name="ui:Arrow100"></sp-icon>
36
+ <sp-icon name="ui:Arrow100"></sp-icon>
37
+ <sp-icon name="ui:Arrow100"></sp-icon>
38
+ <sp-icon name="ui:Arrow100"></sp-icon>
39
+ <sp-icon name="ui:Arrow100"></sp-icon>
40
+ <sp-icon name="ui:Arrow100"></sp-icon>
41
+ <sp-icon name="ui:Arrow100"></sp-icon>
42
+ <sp-icon name="ui:Arrow100"></sp-icon>
43
+ <sp-icon name="ui:Arrow100"></sp-icon>
44
+ <sp-icon name="ui:Arrow100"></sp-icon>
45
+ <sp-icon name="ui:Arrow100"></sp-icon>
46
+ <sp-icon name="ui:Arrow100"></sp-icon>
47
+ <sp-icon name="ui:Arrow100"></sp-icon>
48
+ <sp-icon name="ui:Arrow100"></sp-icon>
49
+ <sp-icon name="ui:Arrow100"></sp-icon>
50
+ <sp-icon name="ui:Arrow100"></sp-icon>
51
+ <sp-icon name="ui:Arrow100"></sp-icon>
52
+ <sp-icon name="ui:Arrow100"></sp-icon>
53
+ <sp-icon name="ui:Arrow100"></sp-icon>
54
+ <sp-icon name="ui:Arrow100"></sp-icon>
55
+ <sp-icon name="ui:Arrow100"></sp-icon>
56
+ <sp-icon name="ui:Arrow100"></sp-icon>
57
+ <sp-icon name="ui:Arrow100"></sp-icon>
58
+ <sp-icon name="ui:Arrow100"></sp-icon>
59
+ <sp-icon name="ui:Arrow100"></sp-icon>
60
+ <sp-icon name="ui:Arrow100"></sp-icon>
61
+ <sp-icon name="ui:Arrow100"></sp-icon>
62
+ <sp-icon name="ui:Arrow100"></sp-icon>
63
+ <sp-icon name="ui:Arrow100"></sp-icon>
64
+ <sp-icon name="ui:Arrow100"></sp-icon>
65
+ <sp-icon name="ui:Arrow100"></sp-icon>
66
+ <sp-icon name="ui:Arrow100"></sp-icon>
67
+ `);
68
+ //# sourceMappingURL=test-attribute.js.map
package/test/benchmark/test-attribute.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-attribute.js","sourceRoot":"","sources":["test-attribute.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,0CAA0C,CAAC;AAClD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAC1D,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE9B,sBAAsB,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nconst iconset = document.createElement('sp-icons-medium');\ndocument.body.append(iconset);\n\nmeasureFixtureCreation(html`\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n`);\n"]}
package/test/benchmark/test-injected-many.js ADDED
@@ -0,0 +1,115 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icon/sp-icon.js';
13
+ import { Arrow75Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow75.js';
14
+ import { Arrow100Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow100.js';
15
+ import { Arrow200Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow200.js';
16
+ import { Arrow300Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow300.js';
17
+ import { Arrow400Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow400.js';
18
+ import { Arrow500Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow500.js';
19
+ import { Arrow600Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow600.js';
20
+ import { Asterisk75Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk75.js';
21
+ import { Asterisk100Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk100.js';
22
+ import { Asterisk200Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk200.js';
23
+ import { Asterisk300Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk300.js';
24
+ import { Checkmark50Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark50.js';
25
+ import { Checkmark75Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark75.js';
26
+ import { Checkmark100Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark100.js';
27
+ import { Checkmark200Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark200.js';
28
+ import { Checkmark300Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark300.js';
29
+ import { Checkmark400Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark400.js';
30
+ import { Checkmark500Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark500.js';
31
+ import { Checkmark600Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark600.js';
32
+ import { Chevron75Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron75.js';
33
+ import { Chevron100Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron100.js';
34
+ import { Chevron200Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron200.js';
35
+ import { Chevron300Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron300.js';
36
+ import { Chevron400Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron400.js';
37
+ import { Chevron500Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron500.js';
38
+ import { Chevron600Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron600.js';
39
+ import { CornerTriangle75Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle75.js';
40
+ import { CornerTriangle100Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle100.js';
41
+ import { CornerTriangle200Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle200.js';
42
+ import { CornerTriangle300Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle300.js';
43
+ import { Cross75Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross75.js';
44
+ import { Cross100Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross100.js';
45
+ import { Cross200Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross200.js';
46
+ import { Cross300Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross300.js';
47
+ import { Cross400Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross400.js';
48
+ import { Cross500Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross500.js';
49
+ import { Cross600Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross600.js';
50
+ import { Dash50Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash50.js';
51
+ import { Dash75Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash75.js';
52
+ import { Dash100Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash100.js';
53
+ import { Dash200Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash200.js';
54
+ import { Dash300Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash300.js';
55
+ import { Dash400Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash400.js';
56
+ import { Dash500Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash500.js';
57
+ import { Dash600Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash600.js';
58
+ import { DoubleGripperIcon } from '@spectrum-web-components/icons-ui/src/icons/DoubleGripper.js';
59
+ import { SingleGripperIcon } from '@spectrum-web-components/icons-ui/src/icons/SingleGripper.js';
60
+ import { TripleGripperIcon } from '@spectrum-web-components/icons-ui/src/icons/TripleGripper.js';
61
+ import { setCustomTemplateLiteralTag } from '@spectrum-web-components/icons-ui/src/custom-tag.js';
62
+ import { html } from '@spectrum-web-components/base';
63
+ import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
64
+ setCustomTemplateLiteralTag(html);
65
+ measureFixtureCreation(html `
66
+ <sp-icon>${Arrow75Icon()}</sp-icon>
67
+ <sp-icon>${Arrow100Icon()}</sp-icon>
68
+ <sp-icon>${Arrow200Icon()}</sp-icon>
69
+ <sp-icon>${Arrow300Icon()}</sp-icon>
70
+ <sp-icon>${Arrow400Icon()}</sp-icon>
71
+ <sp-icon>${Arrow500Icon()}</sp-icon>
72
+ <sp-icon>${Arrow600Icon()}</sp-icon>
73
+ <sp-icon>${Asterisk75Icon()}</sp-icon>
74
+ <sp-icon>${Asterisk100Icon()}</sp-icon>
75
+ <sp-icon>${Asterisk200Icon()}</sp-icon>
76
+ <sp-icon>${Asterisk300Icon()}</sp-icon>
77
+ <sp-icon>${Checkmark50Icon()}</sp-icon>
78
+ <sp-icon>${Checkmark75Icon()}</sp-icon>
79
+ <sp-icon>${Checkmark100Icon()}</sp-icon>
80
+ <sp-icon>${Checkmark200Icon()}</sp-icon>
81
+ <sp-icon>${Checkmark300Icon()}</sp-icon>
82
+ <sp-icon>${Checkmark400Icon()}</sp-icon>
83
+ <sp-icon>${Checkmark500Icon()}</sp-icon>
84
+ <sp-icon>${Checkmark600Icon()}</sp-icon>
85
+ <sp-icon>${Chevron75Icon()}</sp-icon>
86
+ <sp-icon>${Chevron100Icon()}</sp-icon>
87
+ <sp-icon>${Chevron200Icon()}</sp-icon>
88
+ <sp-icon>${Chevron300Icon()}</sp-icon>
89
+ <sp-icon>${Chevron400Icon()}</sp-icon>
90
+ <sp-icon>${Chevron500Icon()}</sp-icon>
91
+ <sp-icon>${Chevron600Icon()}</sp-icon>
92
+ <sp-icon>${CornerTriangle75Icon()}</sp-icon>
93
+ <sp-icon>${CornerTriangle100Icon()}</sp-icon>
94
+ <sp-icon>${CornerTriangle200Icon()}</sp-icon>
95
+ <sp-icon>${CornerTriangle300Icon()}</sp-icon>
96
+ <sp-icon>${Cross75Icon()}</sp-icon>
97
+ <sp-icon>${Cross100Icon()}</sp-icon>
98
+ <sp-icon>${Cross200Icon()}</sp-icon>
99
+ <sp-icon>${Cross300Icon()}</sp-icon>
100
+ <sp-icon>${Cross400Icon()}</sp-icon>
101
+ <sp-icon>${Cross500Icon()}</sp-icon>
102
+ <sp-icon>${Cross600Icon()}</sp-icon>
103
+ <sp-icon>${Dash50Icon()}</sp-icon>
104
+ <sp-icon>${Dash75Icon()}</sp-icon>
105
+ <sp-icon>${Dash100Icon()}</sp-icon>
106
+ <sp-icon>${Dash200Icon()}</sp-icon>
107
+ <sp-icon>${Dash300Icon()}</sp-icon>
108
+ <sp-icon>${Dash400Icon()}</sp-icon>
109
+ <sp-icon>${Dash500Icon()}</sp-icon>
110
+ <sp-icon>${Dash600Icon()}</sp-icon>
111
+ <sp-icon>${DoubleGripperIcon()}</sp-icon>
112
+ <sp-icon>${SingleGripperIcon()}</sp-icon>
113
+ <sp-icon>${TripleGripperIcon()}</sp-icon>
114
+ `);
115
+ //# sourceMappingURL=test-injected-many.js.map
package/test/benchmark/test-injected-many.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-injected-many.js","sourceRoot":"","sources":["test-injected-many.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport { Arrow75Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow75.js';\nimport { Arrow100Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow100.js';\nimport { Arrow200Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow200.js';\nimport { Arrow300Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow300.js';\nimport { Arrow400Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow400.js';\nimport { Arrow500Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow500.js';\nimport { Arrow600Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow600.js';\nimport { Asterisk75Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk75.js';\nimport { Asterisk100Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk100.js';\nimport { Asterisk200Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk200.js';\nimport { Asterisk300Icon } from '@spectrum-web-components/icons-ui/src/icons/Asterisk300.js';\nimport { Checkmark50Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark50.js';\nimport { Checkmark75Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark75.js';\nimport { Checkmark100Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark100.js';\nimport { Checkmark200Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark200.js';\nimport { Checkmark300Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark300.js';\nimport { Checkmark400Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark400.js';\nimport { Checkmark500Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark500.js';\nimport { Checkmark600Icon } from '@spectrum-web-components/icons-ui/src/icons/Checkmark600.js';\nimport { Chevron75Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron75.js';\nimport { Chevron100Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron100.js';\nimport { Chevron200Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron200.js';\nimport { Chevron300Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron300.js';\nimport { Chevron400Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron400.js';\nimport { Chevron500Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron500.js';\nimport { Chevron600Icon } from '@spectrum-web-components/icons-ui/src/icons/Chevron600.js';\nimport { CornerTriangle75Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle75.js';\nimport { CornerTriangle100Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle100.js';\nimport { CornerTriangle200Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle200.js';\nimport { CornerTriangle300Icon } from '@spectrum-web-components/icons-ui/src/icons/CornerTriangle300.js';\nimport { Cross75Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross75.js';\nimport { Cross100Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross100.js';\nimport { Cross200Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross200.js';\nimport { Cross300Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross300.js';\nimport { Cross400Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross400.js';\nimport { Cross500Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross500.js';\nimport { Cross600Icon } from '@spectrum-web-components/icons-ui/src/icons/Cross600.js';\nimport { Dash50Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash50.js';\nimport { Dash75Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash75.js';\nimport { Dash100Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash100.js';\nimport { Dash200Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash200.js';\nimport { Dash300Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash300.js';\nimport { Dash400Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash400.js';\nimport { Dash500Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash500.js';\nimport { Dash600Icon } from '@spectrum-web-components/icons-ui/src/icons/Dash600.js';\nimport { DoubleGripperIcon } from '@spectrum-web-components/icons-ui/src/icons/DoubleGripper.js';\nimport { SingleGripperIcon } from '@spectrum-web-components/icons-ui/src/icons/SingleGripper.js';\nimport { TripleGripperIcon } from '@spectrum-web-components/icons-ui/src/icons/TripleGripper.js';\nimport { setCustomTemplateLiteralTag } from '@spectrum-web-components/icons-ui/src/custom-tag.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nsetCustomTemplateLiteralTag(html);\n\nmeasureFixtureCreation(html`\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow100Icon()}</sp-icon>\n <sp-icon>${Arrow200Icon()}</sp-icon>\n <sp-icon>${Arrow300Icon()}</sp-icon>\n <sp-icon>${Arrow400Icon()}</sp-icon>\n <sp-icon>${Arrow500Icon()}</sp-icon>\n <sp-icon>${Arrow600Icon()}</sp-icon>\n <sp-icon>${Asterisk75Icon()}</sp-icon>\n <sp-icon>${Asterisk100Icon()}</sp-icon>\n <sp-icon>${Asterisk200Icon()}</sp-icon>\n <sp-icon>${Asterisk300Icon()}</sp-icon>\n <sp-icon>${Checkmark50Icon()}</sp-icon>\n <sp-icon>${Checkmark75Icon()}</sp-icon>\n <sp-icon>${Checkmark100Icon()}</sp-icon>\n <sp-icon>${Checkmark200Icon()}</sp-icon>\n <sp-icon>${Checkmark300Icon()}</sp-icon>\n <sp-icon>${Checkmark400Icon()}</sp-icon>\n <sp-icon>${Checkmark500Icon()}</sp-icon>\n <sp-icon>${Checkmark600Icon()}</sp-icon>\n <sp-icon>${Chevron75Icon()}</sp-icon>\n <sp-icon>${Chevron100Icon()}</sp-icon>\n <sp-icon>${Chevron200Icon()}</sp-icon>\n <sp-icon>${Chevron300Icon()}</sp-icon>\n <sp-icon>${Chevron400Icon()}</sp-icon>\n <sp-icon>${Chevron500Icon()}</sp-icon>\n <sp-icon>${Chevron600Icon()}</sp-icon>\n <sp-icon>${CornerTriangle75Icon()}</sp-icon>\n <sp-icon>${CornerTriangle100Icon()}</sp-icon>\n <sp-icon>${CornerTriangle200Icon()}</sp-icon>\n <sp-icon>${CornerTriangle300Icon()}</sp-icon>\n <sp-icon>${Cross75Icon()}</sp-icon>\n <sp-icon>${Cross100Icon()}</sp-icon>\n <sp-icon>${Cross200Icon()}</sp-icon>\n <sp-icon>${Cross300Icon()}</sp-icon>\n <sp-icon>${Cross400Icon()}</sp-icon>\n <sp-icon>${Cross500Icon()}</sp-icon>\n <sp-icon>${Cross600Icon()}</sp-icon>\n <sp-icon>${Dash50Icon()}</sp-icon>\n <sp-icon>${Dash75Icon()}</sp-icon>\n <sp-icon>${Dash100Icon()}</sp-icon>\n <sp-icon>${Dash200Icon()}</sp-icon>\n <sp-icon>${Dash300Icon()}</sp-icon>\n <sp-icon>${Dash400Icon()}</sp-icon>\n <sp-icon>${Dash500Icon()}</sp-icon>\n <sp-icon>${Dash600Icon()}</sp-icon>\n <sp-icon>${DoubleGripperIcon()}</sp-icon>\n <sp-icon>${SingleGripperIcon()}</sp-icon>\n <sp-icon>${TripleGripperIcon()}</sp-icon>\n`);\n"]}
package/test/benchmark/test-injected.js ADDED
@@ -0,0 +1,56 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icon/sp-icon.js';
13
+ import { Arrow75Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow75.js';
14
+ import { setCustomTemplateLiteralTag } from '@spectrum-web-components/icons-ui/src/custom-tag.js';
15
+ import { html } from '@spectrum-web-components/base';
16
+ import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
17
+ setCustomTemplateLiteralTag(html);
18
+ measureFixtureCreation(html `
19
+ <sp-icon>${Arrow75Icon()}</sp-icon>
20
+ <sp-icon>${Arrow75Icon()}</sp-icon>
21
+ <sp-icon>${Arrow75Icon()}</sp-icon>
22
+ <sp-icon>${Arrow75Icon()}</sp-icon>
23
+ <sp-icon>${Arrow75Icon()}</sp-icon>
24
+ <sp-icon>${Arrow75Icon()}</sp-icon>
25
+ <sp-icon>${Arrow75Icon()}</sp-icon>
26
+ <sp-icon>${Arrow75Icon()}</sp-icon>
27
+ <sp-icon>${Arrow75Icon()}</sp-icon>
28
+ <sp-icon>${Arrow75Icon()}</sp-icon>
29
+ <sp-icon>${Arrow75Icon()}</sp-icon>
30
+ <sp-icon>${Arrow75Icon()}</sp-icon>
31
+ <sp-icon>${Arrow75Icon()}</sp-icon>
32
+ <sp-icon>${Arrow75Icon()}</sp-icon>
33
+ <sp-icon>${Arrow75Icon()}</sp-icon>
34
+ <sp-icon>${Arrow75Icon()}</sp-icon>
35
+ <sp-icon>${Arrow75Icon()}</sp-icon>
36
+ <sp-icon>${Arrow75Icon()}</sp-icon>
37
+ <sp-icon>${Arrow75Icon()}</sp-icon>
38
+ <sp-icon>${Arrow75Icon()}</sp-icon>
39
+ <sp-icon>${Arrow75Icon()}</sp-icon>
40
+ <sp-icon>${Arrow75Icon()}</sp-icon>
41
+ <sp-icon>${Arrow75Icon()}</sp-icon>
42
+ <sp-icon>${Arrow75Icon()}</sp-icon>
43
+ <sp-icon>${Arrow75Icon()}</sp-icon>
44
+ <sp-icon>${Arrow75Icon()}</sp-icon>
45
+ <sp-icon>${Arrow75Icon()}</sp-icon>
46
+ <sp-icon>${Arrow75Icon()}</sp-icon>
47
+ <sp-icon>${Arrow75Icon()}</sp-icon>
48
+ <sp-icon>${Arrow75Icon()}</sp-icon>
49
+ <sp-icon>${Arrow75Icon()}</sp-icon>
50
+ <sp-icon>${Arrow75Icon()}</sp-icon>
51
+ <sp-icon>${Arrow75Icon()}</sp-icon>
52
+ <sp-icon>${Arrow75Icon()}</sp-icon>
53
+ <sp-icon>${Arrow75Icon()}</sp-icon>
54
+ <sp-icon>${Arrow75Icon()}</sp-icon>
55
+ `);
56
+ //# sourceMappingURL=test-injected.js.map
package/test/benchmark/test-injected.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-injected.js","sourceRoot":"","sources":["test-injected.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,wDAAwD,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,qDAAqD,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,2BAA2B,CAAC,IAAI,CAAC,CAAC;AAElC,sBAAsB,CAAC,IAAI,CAAA;eACZ,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;eACb,WAAW,EAAE;CAC3B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport { Arrow75Icon } from '@spectrum-web-components/icons-ui/src/icons/Arrow75.js';\nimport { setCustomTemplateLiteralTag } from '@spectrum-web-components/icons-ui/src/custom-tag.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nsetCustomTemplateLiteralTag(html);\n\nmeasureFixtureCreation(html`\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n <sp-icon>${Arrow75Icon()}</sp-icon>\n`);\n"]}
package/test/benchmark/test-registered-many.js ADDED
@@ -0,0 +1,112 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow75.js';
13
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';
14
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow200.js';
15
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow300.js';
16
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow400.js';
17
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow500.js';
18
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow600.js';
19
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk75.js';
20
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk100.js';
21
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk200.js';
22
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk300.js';
23
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark50.js';
24
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';
25
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';
26
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';
27
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js';
28
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark400.js';
29
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark500.js';
30
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark600.js';
31
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js';
32
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
33
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js';
34
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron300.js';
35
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron400.js';
36
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron500.js';
37
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron600.js';
38
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle75.js';
39
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle100.js';
40
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle200.js';
41
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle300.js';
42
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';
43
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';
44
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';
45
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';
46
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';
47
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';
48
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross600.js';
49
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash50.js';
50
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';
51
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';
52
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';
53
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';
54
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash400.js';
55
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash500.js';
56
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash600.js';
57
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-double-gripper.js';
58
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-single-gripper.js';
59
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-triple-gripper.js';
60
+ import { html } from '@spectrum-web-components/base';
61
+ import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
62
+ measureFixtureCreation(html `
63
+ <sp-icon-arrow75></sp-icon-arrow75>
64
+ <sp-icon-arrow100></sp-icon-arrow100>
65
+ <sp-icon-arrow200></sp-icon-arrow200>
66
+ <sp-icon-arrow300></sp-icon-arrow300>
67
+ <sp-icon-arrow400></sp-icon-arrow400>
68
+ <sp-icon-arrow500></sp-icon-arrow500>
69
+ <sp-icon-arrow600></sp-icon-arrow600>
70
+ <sp-icon-asterisk75></sp-icon-asterisk75>
71
+ <sp-icon-asterisk100></sp-icon-asterisk100>
72
+ <sp-icon-asterisk200></sp-icon-asterisk200>
73
+ <sp-icon-asterisk300></sp-icon-asterisk300>
74
+ <sp-icon-checkmark50></sp-icon-checkmark50>
75
+ <sp-icon-checkmark75></sp-icon-checkmark75>
76
+ <sp-icon-checkmark100></sp-icon-checkmark100>
77
+ <sp-icon-checkmark200></sp-icon-checkmark200>
78
+ <sp-icon-checkmark300></sp-icon-checkmark300>
79
+ <sp-icon-checkmark400></sp-icon-checkmark400>
80
+ <sp-icon-checkmark500></sp-icon-checkmark500>
81
+ <sp-icon-checkmark600></sp-icon-checkmark600>
82
+ <sp-icon-chevron75></sp-icon-chevron75>
83
+ <sp-icon-chevron100></sp-icon-chevron100>
84
+ <sp-icon-chevron200></sp-icon-chevron200>
85
+ <sp-icon-chevron300></sp-icon-chevron300>
86
+ <sp-icon-chevron400></sp-icon-chevron400>
87
+ <sp-icon-chevron500></sp-icon-chevron500>
88
+ <sp-icon-chevron600></sp-icon-chevron600>
89
+ <sp-icon-corner-triangle75></sp-icon-corner-triangle75>
90
+ <sp-icon-corner-triangle100></sp-icon-corner-triangle100>
91
+ <sp-icon-corner-triangle200></sp-icon-corner-triangle200>
92
+ <sp-icon-corner-triangle300></sp-icon-corner-triangle300>
93
+ <sp-icon-cross75></sp-icon-cross75>
94
+ <sp-icon-cross100></sp-icon-cross100>
95
+ <sp-icon-cross200></sp-icon-cross200>
96
+ <sp-icon-cross300></sp-icon-cross300>
97
+ <sp-icon-cross400></sp-icon-cross400>
98
+ <sp-icon-cross500></sp-icon-cross500>
99
+ <sp-icon-cross600></sp-icon-cross600>
100
+ <sp-icon-dash50></sp-icon-dash50>
101
+ <sp-icon-dash75></sp-icon-dash75>
102
+ <sp-icon-dash100></sp-icon-dash100>
103
+ <sp-icon-dash200></sp-icon-dash200>
104
+ <sp-icon-dash300></sp-icon-dash300>
105
+ <sp-icon-dash400></sp-icon-dash400>
106
+ <sp-icon-dash500></sp-icon-dash500>
107
+ <sp-icon-dash600></sp-icon-dash600>
108
+ <sp-icon-double-gripper></sp-icon-double-gripper>
109
+ <sp-icon-single-gripper></sp-icon-single-gripper>
110
+ <sp-icon-triple-gripper></sp-icon-triple-gripper>
111
+ `);
112
+ //# sourceMappingURL=test-registered-many.js.map
package/test/benchmark/test-registered-many.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-registered-many.js","sourceRoot":"","sources":["test-registered-many.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,4DAA4D,CAAC;AACpE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+DAA+D,CAAC;AACvE,OAAO,gEAAgE,CAAC;AACxE,OAAO,gEAAgE,CAAC;AACxE,OAAO,gEAAgE,CAAC;AACxE,OAAO,gEAAgE,CAAC;AACxE,OAAO,gEAAgE,CAAC;AACxE,OAAO,iEAAiE,CAAC;AACzE,OAAO,iEAAiE,CAAC;AACzE,OAAO,iEAAiE,CAAC;AACzE,OAAO,iEAAiE,CAAC;AACzE,OAAO,iEAAiE,CAAC;AACzE,OAAO,iEAAiE,CAAC;AACzE,OAAO,8DAA8D,CAAC;AACtE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AACvE,OAAO,sEAAsE,CAAC;AAC9E,OAAO,uEAAuE,CAAC;AAC/E,OAAO,uEAAuE,CAAC;AAC/E,OAAO,uEAAuE,CAAC;AAC/E,OAAO,4DAA4D,CAAC;AACpE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,6DAA6D,CAAC;AACrE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,4DAA4D,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,4DAA4D,CAAC;AACpE,OAAO,mEAAmE,CAAC;AAC3E,OAAO,mEAAmE,CAAC;AAC3E,OAAO,mEAAmE,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,sBAAsB,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow500.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow600.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark50.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark500.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark600.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron500.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron600.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross600.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash50.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash400.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash500.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash600.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-double-gripper.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-single-gripper.js';\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-triple-gripper.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n <sp-icon-arrow75></sp-icon-arrow75>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow200></sp-icon-arrow200>\n <sp-icon-arrow300></sp-icon-arrow300>\n <sp-icon-arrow400></sp-icon-arrow400>\n <sp-icon-arrow500></sp-icon-arrow500>\n <sp-icon-arrow600></sp-icon-arrow600>\n <sp-icon-asterisk75></sp-icon-asterisk75>\n <sp-icon-asterisk100></sp-icon-asterisk100>\n <sp-icon-asterisk200></sp-icon-asterisk200>\n <sp-icon-asterisk300></sp-icon-asterisk300>\n <sp-icon-checkmark50></sp-icon-checkmark50>\n <sp-icon-checkmark75></sp-icon-checkmark75>\n <sp-icon-checkmark100></sp-icon-checkmark100>\n <sp-icon-checkmark200></sp-icon-checkmark200>\n <sp-icon-checkmark300></sp-icon-checkmark300>\n <sp-icon-checkmark400></sp-icon-checkmark400>\n <sp-icon-checkmark500></sp-icon-checkmark500>\n <sp-icon-checkmark600></sp-icon-checkmark600>\n <sp-icon-chevron75></sp-icon-chevron75>\n <sp-icon-chevron100></sp-icon-chevron100>\n <sp-icon-chevron200></sp-icon-chevron200>\n <sp-icon-chevron300></sp-icon-chevron300>\n <sp-icon-chevron400></sp-icon-chevron400>\n <sp-icon-chevron500></sp-icon-chevron500>\n <sp-icon-chevron600></sp-icon-chevron600>\n <sp-icon-corner-triangle75></sp-icon-corner-triangle75>\n <sp-icon-corner-triangle100></sp-icon-corner-triangle100>\n <sp-icon-corner-triangle200></sp-icon-corner-triangle200>\n <sp-icon-corner-triangle300></sp-icon-corner-triangle300>\n <sp-icon-cross75></sp-icon-cross75>\n <sp-icon-cross100></sp-icon-cross100>\n <sp-icon-cross200></sp-icon-cross200>\n <sp-icon-cross300></sp-icon-cross300>\n <sp-icon-cross400></sp-icon-cross400>\n <sp-icon-cross500></sp-icon-cross500>\n <sp-icon-cross600></sp-icon-cross600>\n <sp-icon-dash50></sp-icon-dash50>\n <sp-icon-dash75></sp-icon-dash75>\n <sp-icon-dash100></sp-icon-dash100>\n <sp-icon-dash200></sp-icon-dash200>\n <sp-icon-dash300></sp-icon-dash300>\n <sp-icon-dash400></sp-icon-dash400>\n <sp-icon-dash500></sp-icon-dash500>\n <sp-icon-dash600></sp-icon-dash600>\n <sp-icon-double-gripper></sp-icon-double-gripper>\n <sp-icon-single-gripper></sp-icon-single-gripper>\n <sp-icon-triple-gripper></sp-icon-triple-gripper>\n`);\n"]}
package/test/benchmark/test-registered.js ADDED
@@ -0,0 +1,64 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';
13
+ import { html } from '@spectrum-web-components/base';
14
+ import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
15
+ measureFixtureCreation(html `
16
+ <sp-icon-arrow100></sp-icon-arrow100>
17
+ <sp-icon-arrow100></sp-icon-arrow100>
18
+ <sp-icon-arrow100></sp-icon-arrow100>
19
+ <sp-icon-arrow100></sp-icon-arrow100>
20
+ <sp-icon-arrow100></sp-icon-arrow100>
21
+ <sp-icon-arrow100></sp-icon-arrow100>
22
+ <sp-icon-arrow100></sp-icon-arrow100>
23
+ <sp-icon-arrow100></sp-icon-arrow100>
24
+ <sp-icon-arrow100></sp-icon-arrow100>
25
+ <sp-icon-arrow100></sp-icon-arrow100>
26
+ <sp-icon-arrow100></sp-icon-arrow100>
27
+ <sp-icon-arrow100></sp-icon-arrow100>
28
+ <sp-icon-arrow100></sp-icon-arrow100>
29
+ <sp-icon-arrow100></sp-icon-arrow100>
30
+ <sp-icon-arrow100></sp-icon-arrow100>
31
+ <sp-icon-arrow100></sp-icon-arrow100>
32
+ <sp-icon-arrow100></sp-icon-arrow100>
33
+ <sp-icon-arrow100></sp-icon-arrow100>
34
+ <sp-icon-arrow100></sp-icon-arrow100>
35
+ <sp-icon-arrow100></sp-icon-arrow100>
36
+ <sp-icon-arrow100></sp-icon-arrow100>
37
+ <sp-icon-arrow100></sp-icon-arrow100>
38
+ <sp-icon-arrow100></sp-icon-arrow100>
39
+ <sp-icon-arrow100></sp-icon-arrow100>
40
+ <sp-icon-arrow100></sp-icon-arrow100>
41
+ <sp-icon-arrow100></sp-icon-arrow100>
42
+ <sp-icon-arrow100></sp-icon-arrow100>
43
+ <sp-icon-arrow100></sp-icon-arrow100>
44
+ <sp-icon-arrow100></sp-icon-arrow100>
45
+ <sp-icon-arrow100></sp-icon-arrow100>
46
+ <sp-icon-arrow100></sp-icon-arrow100>
47
+ <sp-icon-arrow100></sp-icon-arrow100>
48
+ <sp-icon-arrow100></sp-icon-arrow100>
49
+ <sp-icon-arrow100></sp-icon-arrow100>
50
+ <sp-icon-arrow100></sp-icon-arrow100>
51
+ <sp-icon-arrow100></sp-icon-arrow100>
52
+ <sp-icon-arrow100></sp-icon-arrow100>
53
+ <sp-icon-arrow100></sp-icon-arrow100>
54
+ <sp-icon-arrow100></sp-icon-arrow100>
55
+ <sp-icon-arrow100></sp-icon-arrow100>
56
+ <sp-icon-arrow100></sp-icon-arrow100>
57
+ <sp-icon-arrow100></sp-icon-arrow100>
58
+ <sp-icon-arrow100></sp-icon-arrow100>
59
+ <sp-icon-arrow100></sp-icon-arrow100>
60
+ <sp-icon-arrow100></sp-icon-arrow100>
61
+ <sp-icon-arrow100></sp-icon-arrow100>
62
+ <sp-icon-arrow100></sp-icon-arrow100>
63
+ `);
64
+ //# sourceMappingURL=test-registered.js.map
package/test/benchmark/test-registered.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-registered.js","sourceRoot":"","sources":["test-registered.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,6DAA6D,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,sBAAsB,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';\nimport { html } from '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n <sp-icon-arrow100></sp-icon-arrow100>\n`);\n"]}
package/test/icons-ui.test-vrt.js ADDED
@@ -0,0 +1,15 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+ import * as stories from '../stories/icons-ui.stories.js';
13
+ import { regressVisuals } from '../../../test/visual/test.js';
14
+ regressVisuals('IconsUIStories', stories);
15
+ //# sourceMappingURL=icons-ui.test-vrt.js.map
package/test/icons-ui.test-vrt.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons-ui.test-vrt.js","sourceRoot":"","sources":["icons-ui.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/icons-ui.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('IconsUIStories', stories);\n"]}