From eb1268aba9d7f7ee7bf8a3397df8d6a39b843e22 Mon Sep 17 00:00:00 2001 From: nicolasarana <90768149+nicolasarana@users.noreply.github.com> Date: Mon, 9 Mar 2026 15:43:19 -0300 Subject: [PATCH 1/7] =?UTF-8?q?(MONIT):"Agregar=20par=C3=A1metro=20en=20mo?= =?UTF-8?q?l=C3=A9culas=20para=20visualizar=20titulo"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../rup/components/elementos/moleculaBase.component.ts | 5 +++++ src/app/modules/rup/components/elementos/moleculaBase.html | 3 +++ 2 files changed, 8 insertions(+) diff --git a/src/app/modules/rup/components/elementos/moleculaBase.component.ts b/src/app/modules/rup/components/elementos/moleculaBase.component.ts index 031d020615..64da71a9ec 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.component.ts +++ b/src/app/modules/rup/components/elementos/moleculaBase.component.ts @@ -11,6 +11,7 @@ export class MoleculaBaseComponent extends RUPComponent implements OnInit { public contentLoaded = false; public ultimaConsulta; public validacion = false; + mostrarTituloSubmolecula = false; public estados = [ { id: 'resuelto', nombre: 'Resuelto' }, { id: 'activo', nombre: 'Activo' } @@ -19,6 +20,10 @@ export class MoleculaBaseComponent extends RUPComponent implements OnInit { public evoluciones; ngOnInit() { + if (this.params?.mostrarTituloSubmolecula) { + } + + this.mostrarTituloSubmolecula = this.params?.mostrarTituloSubmolecula || false; if (this.registro.concepto.semanticTag === 'trastorno') { if (!this.registro.valor) { this.registro.valor = { estado: 'activo' }; diff --git a/src/app/modules/rup/components/elementos/moleculaBase.html b/src/app/modules/rup/components/elementos/moleculaBase.html index e2417ceb81..9a561329fe 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.html +++ b/src/app/modules/rup/components/elementos/moleculaBase.html @@ -1,3 +1,6 @@ +
+ +
From 6a818b842b645d19b993e19b21ab28490f330e9b Mon Sep 17 00:00:00 2001 From: nicolasarana <90768149+nicolasarana@users.noreply.github.com> Date: Tue, 10 Mar 2026 12:22:18 -0300 Subject: [PATCH 2/7] style(MONIT):"Arreglos visuales" --- .../modules/rup/components/elementos/moleculaBase.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/app/modules/rup/components/elementos/moleculaBase.html b/src/app/modules/rup/components/elementos/moleculaBase.html index 9a561329fe..c1bfacb53c 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.html +++ b/src/app/modules/rup/components/elementos/moleculaBase.html @@ -1,5 +1,6 @@ -
- +
+ {{registro.nombre || + registro.concepto.term}}
@@ -58,4 +59,6 @@
- \ No newline at end of file + + +
\ No newline at end of file From 486a3e2c216156b343fcd9bb352d9b253384d2b0 Mon Sep 17 00:00:00 2001 From: nicolasarana <90768149+nicolasarana@users.noreply.github.com> Date: Wed, 15 Apr 2026 09:40:27 -0300 Subject: [PATCH 3/7] fix - el title de Submolecula pasa a ser global --- src/app/modules/rup/components/core/_rup.scss | 7 ++++++ .../rup/components/core/rup.component.ts | 23 ++++++++++++++----- src/app/modules/rup/components/core/rup.html | 12 +++++++--- .../elementos/moleculaBase.component.ts | 5 ---- .../components/elementos/moleculaBase.html | 8 +------ 5 files changed, 34 insertions(+), 21 deletions(-) diff --git a/src/app/modules/rup/components/core/_rup.scss b/src/app/modules/rup/components/core/_rup.scss index 3e4b1d1eab..5c68e77c13 100644 --- a/src/app/modules/rup/components/core/_rup.scss +++ b/src/app/modules/rup/components/core/_rup.scss @@ -770,4 +770,11 @@ plex-layout [type="invert"] { .readonly span { color: white; } +} + +.hr-grueso { + border: none; + height: 4px; + background-color: #4a4a4a; + opacity: 1; } \ No newline at end of file diff --git a/src/app/modules/rup/components/core/rup.component.ts b/src/app/modules/rup/components/core/rup.component.ts index 18cc0e04cf..a23c0d0d59 100644 --- a/src/app/modules/rup/components/core/rup.component.ts +++ b/src/app/modules/rup/components/core/rup.component.ts @@ -1,7 +1,7 @@ import { Auth } from '@andes/auth'; import { Plex, PlexVisualizadorService } from '@andes/plex'; import { calcularEdad } from '@andes/shared'; -import { AfterViewInit, Component, ComponentFactoryResolver, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Optional, Output, QueryList, SimpleChanges, ViewChild, ViewChildren, ViewContainerRef, ViewEncapsulation } from '@angular/core'; +import { AfterViewInit, Component, ComponentFactoryResolver, ComponentRef, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Optional, Output, QueryList, SimpleChanges, ViewChild, ViewChildren, ViewContainerRef, ViewEncapsulation } from '@angular/core'; import { DomSanitizer } from '@angular/platform-browser'; import { ActivatedRoute } from '@angular/router'; import { Engine } from 'json-rules-engine'; @@ -41,11 +41,18 @@ import { InternacionResumenHTTP } from '../../../../apps/rup/mapa-camas/services @Component({ selector: 'rup', encapsulation: ViewEncapsulation.None, - template: '' + template: ` +
+ {{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} +
+
+ + ` }) export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges { - @ViewChildren(RUPComponent) rupElements: QueryList; + @ViewChildren(RUPComponent) rupElements!: QueryList; @ViewChild('form', { static: false }) formulario: any; + @ViewChild('componentContainer', { read: ViewContainerRef, static: true }) componentContainer!: ViewContainerRef; // Propiedades @Input() elementoRUP: IElementoRUP; @@ -65,7 +72,7 @@ export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges private rulesEngine: Engine; private rulesEvent = new Subject<{ type: string; params: any }>(); private rulesEvent$ = this.rulesEvent.asObservable(); - + public mostrarTituloSubmolecula = false; /** * Determina si un elemento RUP es valido. Se setea apartir de reglas. */ @@ -96,9 +103,12 @@ export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges } // Cargamos el componente - const component = ElementosRUPRegister.get(this.elementoRUP.componente).component; + const component = ElementosRUPRegister.get(this.elementoRUP!.componente)?.component; + if (!component) { + return; + } const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component as any); - const componentReference = this.viewContainerRef.createComponent(componentFactory); + const componentReference: ComponentRef = this.componentContainer.createComponent(componentFactory); // Copia todas las propiedades componentReference.instance['prestacion'] = this.prestacion; @@ -173,6 +183,7 @@ export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges ngOnInit() { this.loadComponent(); + this.mostrarTituloSubmolecula = !!this.params?.mostrarTituloSubmolecula; } ngOnDestroy() { diff --git a/src/app/modules/rup/components/core/rup.html b/src/app/modules/rup/components/core/rup.html index 17ed995b04..e4b6460f99 100644 --- a/src/app/modules/rup/components/core/rup.html +++ b/src/app/modules/rup/components/core/rup.html @@ -8,9 +8,15 @@
+
+ {{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} +
+
+ + - - + +
-
\ No newline at end of file + diff --git a/src/app/modules/rup/components/elementos/moleculaBase.component.ts b/src/app/modules/rup/components/elementos/moleculaBase.component.ts index 64da71a9ec..031d020615 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.component.ts +++ b/src/app/modules/rup/components/elementos/moleculaBase.component.ts @@ -11,7 +11,6 @@ export class MoleculaBaseComponent extends RUPComponent implements OnInit { public contentLoaded = false; public ultimaConsulta; public validacion = false; - mostrarTituloSubmolecula = false; public estados = [ { id: 'resuelto', nombre: 'Resuelto' }, { id: 'activo', nombre: 'Activo' } @@ -20,10 +19,6 @@ export class MoleculaBaseComponent extends RUPComponent implements OnInit { public evoluciones; ngOnInit() { - if (this.params?.mostrarTituloSubmolecula) { - } - - this.mostrarTituloSubmolecula = this.params?.mostrarTituloSubmolecula || false; if (this.registro.concepto.semanticTag === 'trastorno') { if (!this.registro.valor) { this.registro.valor = { estado: 'activo' }; diff --git a/src/app/modules/rup/components/elementos/moleculaBase.html b/src/app/modules/rup/components/elementos/moleculaBase.html index c1bfacb53c..e2417ceb81 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.html +++ b/src/app/modules/rup/components/elementos/moleculaBase.html @@ -1,7 +1,3 @@ -
- {{registro.nombre || - registro.concepto.term}} -
@@ -59,6 +55,4 @@
- - -
\ No newline at end of file + \ No newline at end of file From 3dc53f9a27ec7a7489d1994f1aa96f6df39ef02e Mon Sep 17 00:00:00 2001 From: nicolasarana <90768149+nicolasarana@users.noreply.github.com> Date: Thu, 16 Apr 2026 14:38:54 -0300 Subject: [PATCH 4/7] fix - arreglo visual --- src/app/modules/rup/components/core/_rup.scss | 4 ++++ .../modules/rup/components/core/rup.component.ts | 10 +++++++--- src/app/modules/rup/components/core/rup.html | 14 +++++++++++--- 3 files changed, 22 insertions(+), 6 deletions(-) diff --git a/src/app/modules/rup/components/core/_rup.scss b/src/app/modules/rup/components/core/_rup.scss index 5c68e77c13..dbf06ce944 100644 --- a/src/app/modules/rup/components/core/_rup.scss +++ b/src/app/modules/rup/components/core/_rup.scss @@ -1,4 +1,8 @@ @import "../variables"; +rup { + display: block; + width: 100%; +} $rotate: -90deg; diff --git a/src/app/modules/rup/components/core/rup.component.ts b/src/app/modules/rup/components/core/rup.component.ts index a23c0d0d59..f4cdbfdf26 100644 --- a/src/app/modules/rup/components/core/rup.component.ts +++ b/src/app/modules/rup/components/core/rup.component.ts @@ -44,7 +44,7 @@ import { InternacionResumenHTTP } from '../../../../apps/rup/mapa-camas/services template: `
{{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} -
+
` @@ -72,7 +72,8 @@ export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges private rulesEngine: Engine; private rulesEvent = new Subject<{ type: string; params: any }>(); private rulesEvent$ = this.rulesEvent.asObservable(); - public mostrarTituloSubmolecula = false; + @Input() public mostrarTituloSubmolecula = null; + /** * Determina si un elemento RUP es valido. Se setea apartir de reglas. */ @@ -183,9 +184,12 @@ export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges ngOnInit() { this.loadComponent(); - this.mostrarTituloSubmolecula = !!this.params?.mostrarTituloSubmolecula; + if (this.mostrarTituloSubmolecula === null) { + this.mostrarTituloSubmolecula = !!this.params?.mostrarTituloSubmolecula; + } } + ngOnDestroy() { this.onDestroy(); this.onDestroy$.next(null); diff --git a/src/app/modules/rup/components/core/rup.html b/src/app/modules/rup/components/core/rup.html index e4b6460f99..b3bf29bcc6 100644 --- a/src/app/modules/rup/components/core/rup.html +++ b/src/app/modules/rup/components/core/rup.html @@ -8,9 +8,8 @@
-
+
{{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} -
@@ -19,11 +18,20 @@
+ +
+
+ {{ item.params?.titulo || registro.registros[i]?.nombre || item.elementoRUP?.conceptos[0]?.term }} +
+
+
+ [style]="item.style" (change)="emitChange($event)" [conceptosAsociados]="conceptosAsociados" + [mostrarTituloSubmolecula]="false">
From 1eed810bd0d38c92f787f864bab79c075e3f8b93 Mon Sep 17 00:00:00 2001 From: nicolasarana <90768149+nicolasarana@users.noreply.github.com> Date: Mon, 20 Apr 2026 09:55:51 -0300 Subject: [PATCH 5/7] =?UTF-8?q?fix=20-=20Correcci=C3=B3n=20title?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/modules/rup/components/core/rup.component.ts | 1 - .../rup/components/elementos/consultaDeNinoSanoE2Y3A.html | 4 ++-- .../rup/components/elementos/consultaDeNinoSanoE3Y6A.html | 1 - .../rup/components/elementos/consultaDeNinoSanoM2A.html | 1 - 4 files changed, 2 insertions(+), 5 deletions(-) diff --git a/src/app/modules/rup/components/core/rup.component.ts b/src/app/modules/rup/components/core/rup.component.ts index f4cdbfdf26..513ad6c7e0 100644 --- a/src/app/modules/rup/components/core/rup.component.ts +++ b/src/app/modules/rup/components/core/rup.component.ts @@ -44,7 +44,6 @@ import { InternacionResumenHTTP } from '../../../../apps/rup/mapa-camas/services template: `
{{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} -
` diff --git a/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html b/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html index d3138accb7..800c3feb8f 100644 --- a/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html +++ b/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html @@ -1,11 +1,11 @@
- Registros tomados el {{ (ultimaConsulta.updatedAt || ultimaConsulta.createdAt) | fecha }}, por {{ ultimaConsulta.createdBy + Registros tomados el {{ (ultimaConsulta.updatedAt || ultimaConsulta.createdAt) | fecha }}, por {{ + ultimaConsulta.createdBy | nombre }})
-
-
-
Date: Mon, 5 Oct 2026 14:34:42 -0300 Subject: [PATCH 6/7] =?UTF-8?q?fix=20-=20Correcci=C3=B3n=20mejoras=20de=20?= =?UTF-8?q?visualizaci=C3=B3n?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/modules/rup/components/core/_rup.scss | 8 +++---- .../rup/components/core/rup.component.ts | 9 +++++--- src/app/modules/rup/components/core/rup.html | 23 ++++++++----------- .../components/elementos/moleculaBase.html | 4 +++- 4 files changed, 22 insertions(+), 22 deletions(-) diff --git a/src/app/modules/rup/components/core/_rup.scss b/src/app/modules/rup/components/core/_rup.scss index dbf06ce944..dfc87c3035 100644 --- a/src/app/modules/rup/components/core/_rup.scss +++ b/src/app/modules/rup/components/core/_rup.scss @@ -1,4 +1,5 @@ @import "../variables"; + rup { display: block; width: 100%; @@ -777,8 +778,7 @@ plex-layout [type="invert"] { } .hr-grueso { - border: none; - height: 4px; - background-color: #4a4a4a; - opacity: 1; + border: none; + height: 1px; + background-color: #4a4a4a; } \ No newline at end of file diff --git a/src/app/modules/rup/components/core/rup.component.ts b/src/app/modules/rup/components/core/rup.component.ts index 513ad6c7e0..8bfaba43ab 100644 --- a/src/app/modules/rup/components/core/rup.component.ts +++ b/src/app/modules/rup/components/core/rup.component.ts @@ -42,10 +42,13 @@ import { InternacionResumenHTTP } from '../../../../apps/rup/mapa-camas/services selector: 'rup', encapsulation: ViewEncapsulation.None, template: ` -
- {{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} -
+ +
+ {{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} +
+
+
` }) export class RUPComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges { diff --git a/src/app/modules/rup/components/core/rup.html b/src/app/modules/rup/components/core/rup.html index b3bf29bcc6..27b6f548c6 100644 --- a/src/app/modules/rup/components/core/rup.html +++ b/src/app/modules/rup/components/core/rup.html @@ -8,8 +8,10 @@ -
- {{ params?.titulo || registro?.nombre || elementoRUP?.conceptos[0]?.term }} +
+ {{ params?.titulo || + registro?.nombre || elementoRUP?.conceptos[0]?.term }}
@@ -18,22 +20,15 @@
- -
-
- {{ item.params?.titulo || registro.registros[i]?.nombre || item.elementoRUP?.conceptos[0]?.term }} -
-
-
+
+ class="col-{{ item.params?.mostrarTituloSubmolecula ? 12 : item.style.columns }} mr-{{ item.style?.offset ? item.style.offset : '0' }}"> + [style]="item.style" (change)="emitChange($event)" [conceptosAsociados]="conceptosAsociados">
+
-
+ \ No newline at end of file diff --git a/src/app/modules/rup/components/elementos/moleculaBase.html b/src/app/modules/rup/components/elementos/moleculaBase.html index e2417ceb81..311231a2ac 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.html +++ b/src/app/modules/rup/components/elementos/moleculaBase.html @@ -45,13 +45,15 @@
+
+ class="col-{{ item.params?.mostrarTituloSubmolecula ? 12 : item.style.columns }} mr-{{ item.style?.offset ? item.style.offset : '0' }}">
+
From 3fadec04686b1e9cee8c1646b71b9ffd2ac38f63 Mon Sep 17 00:00:00 2001 From: nicolasarana <90768149+nicolasarana@users.noreply.github.com> Date: Tue, 6 Oct 2026 12:15:21 -0300 Subject: [PATCH 7/7] =?UTF-8?q?style=20-=20Mejora=20visualizaci=C3=B3n=20(?= =?UTF-8?q?quita=20doble=20t=C3=ADtulo=20y=20prioriza=20mol=C3=A9cula)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/modules/rup/components/core/rup.html | 8 ++++--- .../elementos/consultaDeNinoSanoE2Y3A.html | 21 +++++++++++++--- .../elementos/consultaDeNinoSanoE3Y6A.html | 24 +++++++++++++++---- .../elementos/consultaDeNinoSanoM2A.html | 24 +++++++++++++++---- .../elementos/desarrolloPsicomotor.html | 9 +++---- .../rup/components/elementos/lactancia.html | 9 +++---- .../components/elementos/moleculaBase.html | 8 ++++--- 7 files changed, 78 insertions(+), 25 deletions(-) diff --git a/src/app/modules/rup/components/core/rup.html b/src/app/modules/rup/components/core/rup.html index 27b6f548c6..0493f15392 100644 --- a/src/app/modules/rup/components/core/rup.html +++ b/src/app/modules/rup/components/core/rup.html @@ -20,15 +20,17 @@
-
+
+ class="col-{{ (item.params?.mostrarTituloSubmolecula || item.elementoRUP?.requeridos?.length) ? 12 : item.style.columns }} mr-{{ item.style?.offset ? item.style.offset : '0' }}">
-
+
\ No newline at end of file diff --git a/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html b/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html index 800c3feb8f..323b40465d 100644 --- a/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html +++ b/src/app/modules/rup/components/elementos/consultaDeNinoSanoE2Y3A.html @@ -13,12 +13,17 @@
-
+
+
+
@@ -29,12 +34,17 @@
-
+
+
+
@@ -45,12 +55,17 @@
-
+
+
+
diff --git a/src/app/modules/rup/components/elementos/consultaDeNinoSanoE3Y6A.html b/src/app/modules/rup/components/elementos/consultaDeNinoSanoE3Y6A.html index 2fbac08c53..323b40465d 100644 --- a/src/app/modules/rup/components/elementos/consultaDeNinoSanoE3Y6A.html +++ b/src/app/modules/rup/components/elementos/consultaDeNinoSanoE3Y6A.html @@ -1,7 +1,8 @@
- Registros tomados el {{ (ultimaConsulta.updatedAt || ultimaConsulta.createdAt) | fecha }}, por {{ ultimaConsulta.createdBy + Registros tomados el {{ (ultimaConsulta.updatedAt || ultimaConsulta.createdAt) | fecha }}, por {{ + ultimaConsulta.createdBy | nombre }})
@@ -12,12 +13,17 @@
-
+
+
+
@@ -28,12 +34,17 @@
-
+
+
+
@@ -44,12 +55,17 @@
-
+
+
+
diff --git a/src/app/modules/rup/components/elementos/consultaDeNinoSanoM2A.html b/src/app/modules/rup/components/elementos/consultaDeNinoSanoM2A.html index 55cb6a45c3..ec006fd792 100644 --- a/src/app/modules/rup/components/elementos/consultaDeNinoSanoM2A.html +++ b/src/app/modules/rup/components/elementos/consultaDeNinoSanoM2A.html @@ -1,7 +1,8 @@
- Registros tomados el {{ (ultimaConsulta.updatedAt || ultimaConsulta.createdAt) | fecha }}, por {{ ultimaConsulta.createdBy + Registros tomados el {{ (ultimaConsulta.updatedAt || ultimaConsulta.createdAt) | fecha }}, por {{ + ultimaConsulta.createdBy | nombre }}
@@ -12,12 +13,17 @@
-
+
+
+
@@ -28,12 +34,17 @@
-
+
+
+
@@ -44,12 +55,17 @@
-
+
+
+
diff --git a/src/app/modules/rup/components/elementos/desarrolloPsicomotor.html b/src/app/modules/rup/components/elementos/desarrolloPsicomotor.html index 70d838695e..1c7f3718e7 100644 --- a/src/app/modules/rup/components/elementos/desarrolloPsicomotor.html +++ b/src/app/modules/rup/components/elementos/desarrolloPsicomotor.html @@ -1,12 +1,13 @@ -

- + \ No newline at end of file diff --git a/src/app/modules/rup/components/elementos/lactancia.html b/src/app/modules/rup/components/elementos/lactancia.html index d55be9f6c5..8938052033 100644 --- a/src/app/modules/rup/components/elementos/lactancia.html +++ b/src/app/modules/rup/components/elementos/lactancia.html @@ -1,12 +1,13 @@ - - +

@@ -21,4 +22,4 @@
-

+

\ No newline at end of file diff --git a/src/app/modules/rup/components/elementos/moleculaBase.html b/src/app/modules/rup/components/elementos/moleculaBase.html index 311231a2ac..530474ec04 100644 --- a/src/app/modules/rup/components/elementos/moleculaBase.html +++ b/src/app/modules/rup/components/elementos/moleculaBase.html @@ -45,15 +45,17 @@
-
+
+ class="col-{{ (item.params?.mostrarTituloSubmolecula || item.elementoRUP?.requeridos?.length) ? 12 : item.style.columns }} mr-{{ item.style?.offset ? item.style.offset : '0' }}">
-
+