@pie-players/pie-tool-periodic-table 0.3.74 → 1.0.0-beta.0
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/README.md +2 -2
- package/custom-elements.json +68 -0
- package/dist/tool-periodic-table.js +941 -940
- package/package.json +7 -6
- package/periodic-table-data.json +0 -3315
package/README.md
CHANGED
|
@@ -25,13 +25,13 @@ Tag: `pie-tool-periodic-table`
|
|
|
25
25
|
- Category-based color coding
|
|
26
26
|
- Keyboard accessible: focusable cells with Enter/Space to select
|
|
27
27
|
|
|
28
|
-
## Category
|
|
28
|
+
## Category colors
|
|
29
29
|
|
|
30
30
|
Category fills are a fixed palette, not theme tokens: they encode the data, so
|
|
31
31
|
their ink is pinned to match rather than inherited from `--pie-text`, which is
|
|
32
32
|
near-white under a dark theme.
|
|
33
33
|
|
|
34
|
-
Under a
|
|
34
|
+
Under a color scheme they collapse. `--pie-fixed-hue-collapse` is `100%` there,
|
|
35
35
|
which folds every fill into `--pie-background-dark` and the ink back into
|
|
36
36
|
`--pie-text`, and takes the cell edge to `--pie-border` so a cell still reads as
|
|
37
37
|
a cell. Category then lives in the badge row that filters by it, the
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "2.1.0",
|
|
3
|
+
"modules": [
|
|
4
|
+
{
|
|
5
|
+
"kind": "javascript-module",
|
|
6
|
+
"path": "dist/tool-periodic-table.js",
|
|
7
|
+
"declarations": [
|
|
8
|
+
{
|
|
9
|
+
"kind": "class",
|
|
10
|
+
"description": "Periodic table reference panel: all 118 elements in their table positions, colour-coded by category, with a detail panel for the selected element's symbol, name, atomic mass and number, electron configuration and phase. Category badges filter the table by de-emphasising the other elements. The host shows it with `visible`; the toolkit runtime context supplies its interface locale.",
|
|
11
|
+
"name": "ToolPeriodicTable",
|
|
12
|
+
"tagName": "pie-tool-periodic-table",
|
|
13
|
+
"customElement": true,
|
|
14
|
+
"members": [
|
|
15
|
+
{
|
|
16
|
+
"kind": "field",
|
|
17
|
+
"name": "visible",
|
|
18
|
+
"type": {
|
|
19
|
+
"text": "boolean"
|
|
20
|
+
},
|
|
21
|
+
"default": "false",
|
|
22
|
+
"attribute": "visible"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"kind": "field",
|
|
26
|
+
"name": "toolId",
|
|
27
|
+
"type": {
|
|
28
|
+
"text": "string"
|
|
29
|
+
},
|
|
30
|
+
"default": "'periodicTable'",
|
|
31
|
+
"attribute": "tool-id"
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
"attributes": [
|
|
35
|
+
{
|
|
36
|
+
"name": "visible",
|
|
37
|
+
"type": {
|
|
38
|
+
"text": "boolean"
|
|
39
|
+
},
|
|
40
|
+
"default": "false",
|
|
41
|
+
"fieldName": "visible"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "tool-id",
|
|
45
|
+
"type": {
|
|
46
|
+
"text": "string"
|
|
47
|
+
},
|
|
48
|
+
"default": "'periodicTable'",
|
|
49
|
+
"fieldName": "toolId"
|
|
50
|
+
}
|
|
51
|
+
],
|
|
52
|
+
"x-pie": {
|
|
53
|
+
"shadow": "open"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"exports": [
|
|
58
|
+
{
|
|
59
|
+
"kind": "custom-element-definition",
|
|
60
|
+
"name": "pie-tool-periodic-table",
|
|
61
|
+
"declaration": {
|
|
62
|
+
"name": "ToolPeriodicTable"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
}
|