humanmap-vas 1.0.1 → 1.0.2
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/humanmap-vas-standalone.js +5 -5
- package/package.json +1 -1
- package/src/img/head_left.svg +65 -7
- package/src/img/head_right.svg +66 -5
- package/src/img/neck_back.svg +21 -22
- package/src/img/neck_front.svg +23 -22
- package/src/img/neck_left.svg +28 -24
- package/src/img/neck_right.svg +28 -24
- package/src/img/torax_back.svg +96 -92
- package/src/img/torax_front.svg +274 -272
|
@@ -11,15 +11,15 @@
|
|
|
11
11
|
.zone { fill: rgba(31,41,55,0); transition: fill 120ms ease; cursor: pointer; }
|
|
12
12
|
.zone:hover { fill: rgba(31,41,55,0.22); }
|
|
13
13
|
.zone.selected { fill: rgba(31,41,55,0.36); }
|
|
14
|
-
.label { fill:#0a0a0a; font-size:
|
|
14
|
+
.label { fill:#0a0a0a; font-size:36px; pointer-events: none; user-select: none; text-anchor: middle; dominant-baseline: middle; font-weight:800; }
|
|
15
15
|
`;
|
|
16
16
|
|
|
17
17
|
// ───────────────────────────────────────────────────────────────────────────
|
|
18
18
|
// ZONAS — Cabeza, Cuello, Tórax
|
|
19
19
|
const ZONES = (() => {
|
|
20
20
|
const cfg = {
|
|
21
|
-
head_right: {x0:0.
|
|
22
|
-
head_left: {x0:0.
|
|
21
|
+
head_right: {x0:0.05, x1:0.90, y0:0.15, y1:0.80},
|
|
22
|
+
head_left: {x0:0.10, x1:0.95, y0:0.15, y1:0.80},
|
|
23
23
|
neck_right: {x0:0.25, x1:0.75, y0:0.37, y1:0.65},
|
|
24
24
|
neck_left: {x0:0.25, x1:0.75, y0:0.37, y1:0.65},
|
|
25
25
|
thorax_front: {x0:0.10, x1:0.90, y0:0.35, y1:0.75},
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
constructor(){
|
|
115
115
|
super();
|
|
116
116
|
this.attachShadow({mode:'open'});
|
|
117
|
-
this._view=this.getAttribute('view')||'head_right';
|
|
117
|
+
this._view=this.getAttribute('view') || 'head_right';
|
|
118
118
|
this._zones=ZONES;
|
|
119
119
|
this._selected=new Set();
|
|
120
120
|
this._bg={
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
connectedCallback(){this._renderShell();this._renderCanvas();}
|
|
131
|
-
static get observedAttributes(){return['view'];}
|
|
131
|
+
static get observedAttributes() { return ['view']; }
|
|
132
132
|
attributeChangedCallback(n,o,v){if(o!==v&&n==='view'){this._view=v;if(this._root)this._renderCanvas();}}
|
|
133
133
|
|
|
134
134
|
getSelected(){
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "humanmap-vas",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "**HumanMap VAS** es una librería web que permite graficar el cuerpo humano con vistas anatómicas interactivas para identificar zonas según el sistema VAS. Desarrollada como *Web Component standalone*, puede integrarse fácilmente en proyectos **HTML**, **Django**, o **Vue.js**.",
|
|
5
5
|
"main": "humanmap-vas-standalone.js",
|
|
6
6
|
"files": [
|