@spectrum-web-components/color-loupe
Version:
An `<sp-color-loupe>` shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.
90 lines (89 loc) • 2.15 kB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "sp-color-loupe.js",
"declarations": [],
"exports": [
{
"kind": "custom-element-definition",
"name": "sp-color-loupe",
"declaration": {
"name": "ColorLoupe",
"module": "/src/ColorLoupe.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/ColorLoupe.js",
"declarations": [
{
"kind": "class",
"description": "",
"name": "ColorLoupe",
"members": [
{
"kind": "field",
"name": "open",
"type": {
"text": "boolean"
},
"privacy": "public",
"default": "false",
"attribute": "open",
"reflects": true
},
{
"kind": "field",
"name": "color",
"type": {
"text": "string"
},
"privacy": "public",
"default": "'rgba(255, 0, 0, 0.5)'",
"attribute": "color"
}
],
"attributes": [
{
"name": "open",
"type": {
"text": "boolean"
},
"default": "false",
"fieldName": "open"
},
{
"name": "color",
"type": {
"text": "string"
},
"default": "'rgba(255, 0, 0, 0.5)'",
"fieldName": "color"
}
],
"superclass": {
"name": "SpectrumElement",
"package": "@spectrum-web-components/base"
},
"tagName": "sp-color-loupe",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "ColorLoupe",
"declaration": {
"name": "ColorLoupe",
"module": "src/ColorLoupe.js"
}
}
]
}
]
}