@litigiovirtual/ius-design-components 1.0.201 → 1.0.203

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 (9) hide show
  1. package/esm2022/lib/progress-bar/progress-bar.component.mjs +18 -13
  2. package/esm2022/lib/toolbar/toolbar.component.mjs +23 -3
  3. package/esm2022/lib/toolbar-user-menu/toolbar-user-menu.component.mjs +9 -3
  4. package/fesm2022/litigiovirtual-ius-design-components.mjs +47 -16
  5. package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
  6. package/lib/progress-bar/progress-bar.component.d.ts +10 -5
  7. package/lib/toolbar/toolbar.component.d.ts +8 -5
  8. package/lib/toolbar-user-menu/toolbar-user-menu.component.d.ts +5 -2
  9. package/package.json +1 -1
package/fesm2022/litigiovirtual-ius-design-components.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Input, Component, EventEmitter, Output, HostListener, HostBinding, inject, ViewContainerRef, ElementRef, Directive, computed, ViewChild, ViewChildren, signal, forwardRef, LOCALE_ID } from '@angular/core';
2
+ import { Input, Component, EventEmitter, Output, HostListener, HostBinding, inject, ViewContainerRef, ElementRef, Directive, signal, computed, ViewChild, ViewChildren, forwardRef, LOCALE_ID } from '@angular/core';
3
3
  import * as i1$1 from '@angular/common';
4
4
  import { CommonModule, DatePipe, NgClass, registerLocaleData } from '@angular/common';
5
5
  import * as i1 from '@angular/platform-browser';
@@ -3677,11 +3677,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
3677
3677
 
3678
3678
  class ProgressBarComponent {
3679
3679
  constructor() {
3680
- this.total = 0;
3681
- this.v1 = 0;
3682
- this.v2 = 0;
3683
- this.v3 = 0;
3684
- this.v4 = 0;
3680
+ this._total = signal(0);
3681
+ this._v1 = signal(0);
3682
+ this._v2 = signal(0);
3683
+ this._v3 = signal(0);
3684
+ this._v4 = signal(0);
3685
3685
  this.titleV1 = '';
3686
3686
  this.titleV2 = '';
3687
3687
  this.titleV3 = '';
@@ -3691,11 +3691,11 @@ class ProgressBarComponent {
3691
3691
  this.showPopover3 = false;
3692
3692
  this.showPopover4 = false;
3693
3693
  this.showPopoverGray = false;
3694
- this.t = computed(() => Math.max(0, this.n(this.total)));
3695
- this.a1 = computed(() => Math.max(0, this.n(this.v1)));
3696
- this.a2 = computed(() => Math.max(0, this.n(this.v2)));
3697
- this.a3 = computed(() => Math.max(0, this.n(this.v3)));
3698
- this.a4 = computed(() => Math.max(0, this.n(this.v4)));
3694
+ this.t = computed(() => this._total());
3695
+ this.a1 = computed(() => this._v1());
3696
+ this.a2 = computed(() => this._v2());
3697
+ this.a3 = computed(() => this._v3());
3698
+ this.a4 = computed(() => this._v4());
3699
3699
  this.used = computed(() => this.a1() + this.a2() + this.a3() + this.a4());
3700
3700
  this.available = computed(() => Math.max(0, this.t() - this.used()));
3701
3701
  //evita desbordes
@@ -3715,9 +3715,14 @@ class ProgressBarComponent {
3715
3715
  return { p1: p1 * k, p2: p2 * k, p3: p3 * k, p4: p4 * k, pg: 0 };
3716
3716
  });
3717
3717
  }
3718
+ set total(v) { this._total.set(this.n(v)); }
3719
+ set v1(v) { this._v1.set(this.n(v)); }
3720
+ set v2(v) { this._v2.set(this.n(v)); }
3721
+ set v3(v) { this._v3.set(this.n(v)); }
3722
+ set v4(v) { this._v4.set(this.n(v)); }
3718
3723
  n(v) {
3719
3724
  const x = Number(v);
3720
- return Number.isFinite(x) ? x : 0;
3725
+ return Number.isFinite(x) ? Math.max(0, x) : 0;
3721
3726
  }
3722
3727
  onMouseEnter(segment) {
3723
3728
  switch (segment) {
@@ -3846,14 +3851,20 @@ class ToolbarUserMenuComponent {
3846
3851
  this.requestClose.emit();
3847
3852
  }
3848
3853
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3849
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarUserMenuComponent, isStandalone: true, selector: "ius-toolbar-user-menu", inputs: { object: "object" }, outputs: { clickPerfilPreferencias: "clickPerfilPreferencias", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickReferir: "clickReferir", requestClose: "requestClose", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickDesvincularAccount: "clickDesvincularAccount", clickAgregarAccount: "clickAgregarAccount" }, ngImport: i0, template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{object.nombreCompany}}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{object.cuentaID}}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{object.rol}}</span>\r\n </div>\r\n </div>\r\n @if(!showFormSwitchAccount){\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{object.correo}}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\">Perfil, preferencias y\r\n seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{object!.detailSubscripcion.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{object!.detailSubscripcion.namePlan}}</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{object!.detailSubscripcion.cantTotal}}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{object!.detailSubscripcion.cantDisponible}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{object!.detailSubscripcion.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%;\">\r\n <ius-progress-bar [total]=\"object!.detailSubscripcion.cantTotal!\" [titleV1]=\"'Insolvencia'\"\r\n [v1]=\"object!.detailSubscripcion.cantInsolvencia!\" [titleV2]=\"'Judicial'\"\r\n [v2]=\"object!.detailSubscripcion.cantJudicial!\" [v3]=\"object!.detailSubscripcion.cantProcesos3!\"\r\n [v4]=\"object!.detailSubscripcion.cantProcesos4!\"></ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-set\" class=\"icon-storage-set\"></ius-icon-xs>\r\n <span>{{object!.detailSubscripcion.asignados}}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-plus\" class=\"icon-storage-plus\"></ius-icon-xs>\r\n <span>{{object!.detailSubscripcion.cantAsignadaDisponible}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (object!.detallesConsumo) {\r\n @for (detail of object!.detallesConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{detail.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{detail.cantConsumida}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{detail.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n <ius-button-standard-tertiary class=\"btn-list\"\r\n [iconName]=\"showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\"\r\n (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? 'Mostrar menos' : 'Mostrar m\u00E1s' }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item iconName=\"icon-groups\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y\r\n roles</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-build\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la\r\n cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-finance-chip\" (buttonClicked)=\"onClickPagos()\">Pagos y\r\n facturaci\u00F3n</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-enterprise\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y\r\n servicios</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-row-1 tx-rol\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of object!.accountList; track account; let i = $index) {\r\n <ius-button-accounts (accountSelected)=\"onClickAccount(account)\"\r\n (onPressedPredeterminado)=\"clickAccountPredeterminada.emit(account)\" ,\r\n (onPressedEditar)=\"clickEditAccount.emit(account)\" ,\r\n (onPressedDesvincular)=\"clickDesvincularAccount.emit(account)\"\r\n [account]=\"account\"></ius-button-accounts>\r\n }\r\n </div>\r\n <!-- <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary> -->\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"{{!showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'}}\"\r\n (buttonClicked)=\"onClickCambiarCuenta()\">{{!showFormSwitchAccount ? 'Cambiar de cuenta' : 'Volver al menu de usuario'}}</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{padding:0 16px;display:flex;flex-direction:column;gap:8px}.container-list{display:flex;flex-direction:column;gap:4px;width:90%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "route"], outputs: ["click"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: MenuItemComponent, selector: "ius-menu-item", inputs: ["isActive", "iconName", "numberAlerts"], outputs: ["buttonClicked"] }, { kind: "component", type: ProgressBarComponent, selector: "ius-progress-bar", inputs: ["total", "v1", "v2", "v3", "v4", "titleV1", "titleV2", "titleV3", "titleV4"] }, { kind: "component", type: ButtonAccountsComponent, selector: "ius-button-accounts", inputs: ["account"], outputs: ["accountSelected", "onPressedPredeterminado", "onPressedDesvincular", "onPressedEditar"] }] }); }
3854
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarUserMenuComponent, isStandalone: true, selector: "ius-toolbar-user-menu", inputs: { object: "object", subscripcionDetalle: "subscripcionDetalle", detallesConsumo: "detallesConsumo", accountList: "accountList" }, outputs: { clickPerfilPreferencias: "clickPerfilPreferencias", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickReferir: "clickReferir", requestClose: "requestClose", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickDesvincularAccount: "clickDesvincularAccount", clickAgregarAccount: "clickAgregarAccount" }, ngImport: i0, template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm\r\n iconName=\"icon-account-circle\"\r\n class=\"icon-acc-circle\"\r\n ></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{ object.nombreCompany }}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{ object.cuentaID }}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{ object.rol }}</span>\r\n </div>\r\n </div>\r\n @if (!showFormSwitchAccount) {\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs\r\n iconName=\"icon-alternate-email\"\r\n class=\"icon-alt-email\"\r\n ></ius-icon-xs>\r\n <span>{{ object.correo }}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\"\r\n >Perfil, preferencias y seguridad</ius-dropdown-option-item\r\n >\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n subscripcionDetalle?.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{\r\n subscripcionDetalle?.namePlan\r\n }}</span>\r\n <ius-icon-md\r\n iconName=\"icon-help\"\r\n class=\"icon-help\"\r\n ></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantTotal\r\n }}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantDisponible\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n subscripcionDetalle?.estado\r\n }}</span>\r\n </div>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-discover-tune\"\r\n ></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%\">\r\n <ius-progress-bar\r\n [total]=\"subscripcionDetalle?.cantTotal ?? 0\"\r\n [titleV1]=\"'Insolvencia'\"\r\n [v1]=\"subscripcionDetalle?.cantInsolvencia ?? 0\"\r\n [titleV2]=\"'Judicial'\"\r\n [v2]=\"subscripcionDetalle?.cantJudicial ?? 0\"\r\n [v3]=\"subscripcionDetalle?.cantProcesos3 ?? 0\"\r\n [v4]=\"subscripcionDetalle?.cantProcesos4 ?? 0\"\r\n >\r\n </ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs\r\n iconName=\"icon-storage-set\"\r\n class=\"icon-storage-set\"\r\n ></ius-icon-xs>\r\n <span>{{ subscripcionDetalle?.asignados ?? 0 }}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs\r\n iconName=\"icon-storage-plus\"\r\n class=\"icon-storage-plus\"\r\n ></ius-icon-xs>\r\n <span>{{\r\n subscripcionDetalle?.cantAsignadaDisponible ?? 0\r\n }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (detallesConsumo) {\r\n @for (detail of detallesConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n detail.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md\r\n iconName=\"icon-help\"\r\n class=\"icon-help\"\r\n ></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{\r\n detail.cantConsumida\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n detail.estado\r\n }}</span>\r\n </div>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-discover-tune\"\r\n ></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n <ius-button-standard-tertiary\r\n class=\"btn-list\"\r\n [iconName]=\"\r\n showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \"\r\n (buttonClicked)=\"clickShowMore()\"\r\n >\r\n {{ showMore ? \"Mostrar menos\" : \"Mostrar m\u00E1s\" }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item\r\n iconName=\"icon-groups\"\r\n (buttonClicked)=\"onClickUsuariosRoles()\"\r\n >Usuarios y roles</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickConfiguracion()\"\r\n >Configuraci\u00F3n de la cuenta</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-finance-chip\"\r\n (buttonClicked)=\"onClickPagos()\"\r\n >Pagos y facturaci\u00F3n</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-enterprise\"\r\n (buttonClicked)=\"onClickSubsServicios()\"\r\n >Suscripciones y servicios</ius-menu-item\r\n >\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\"\r\n >Referir servicio</ius-menu-item\r\n >\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-row-1 tx-rol\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of accountList; track account; let i = $index) {\r\n <ius-button-accounts\r\n (accountSelected)=\"onClickAccount(account)\"\r\n (onPressedPredeterminado)=\"\r\n clickAccountPredeterminada.emit(account)\r\n \"\r\n ,\r\n (onPressedEditar)=\"clickEditAccount.emit(account)\"\r\n ,\r\n (onPressedDesvincular)=\"clickDesvincularAccount.emit(account)\"\r\n [account]=\"account\"\r\n ></ius-button-accounts>\r\n }\r\n </div>\r\n <!-- <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary> -->\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item\r\n iconName=\"{{\r\n !showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'\r\n }}\"\r\n (buttonClicked)=\"onClickCambiarCuenta()\"\r\n >{{\r\n !showFormSwitchAccount\r\n ? \"Cambiar de cuenta\"\r\n : \"Volver al menu de usuario\"\r\n }}</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-exit-to-app\"\r\n (buttonClicked)=\"onClickCerrarSesion()\"\r\n >Cerrar sesi\u00F3n</ius-menu-item\r\n >\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{padding:0 16px;display:flex;flex-direction:column;gap:8px}.container-list{display:flex;flex-direction:column;gap:4px;width:90%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "route"], outputs: ["click"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: MenuItemComponent, selector: "ius-menu-item", inputs: ["isActive", "iconName", "numberAlerts"], outputs: ["buttonClicked"] }, { kind: "component", type: ProgressBarComponent, selector: "ius-progress-bar", inputs: ["total", "v1", "v2", "v3", "v4", "titleV1", "titleV2", "titleV3", "titleV4"] }, { kind: "component", type: ButtonAccountsComponent, selector: "ius-button-accounts", inputs: ["account"], outputs: ["accountSelected", "onPressedPredeterminado", "onPressedDesvincular", "onPressedEditar"] }] }); }
3850
3855
  }
3851
3856
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarUserMenuComponent, decorators: [{
3852
3857
  type: Component,
3853
- args: [{ selector: 'ius-toolbar-user-menu', standalone: true, imports: [CommonModule, IconSmComponent, IconXsComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconMdComponent, ButtonCircleTertiaryComponent, ButtonStandardTertiaryComponent, MenuItemComponent, ProgressBarComponent, ButtonAccountsComponent], template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{object.nombreCompany}}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{object.cuentaID}}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{object.rol}}</span>\r\n </div>\r\n </div>\r\n @if(!showFormSwitchAccount){\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{object.correo}}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\">Perfil, preferencias y\r\n seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{object!.detailSubscripcion.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{object!.detailSubscripcion.namePlan}}</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{object!.detailSubscripcion.cantTotal}}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{object!.detailSubscripcion.cantDisponible}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{object!.detailSubscripcion.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%;\">\r\n <ius-progress-bar [total]=\"object!.detailSubscripcion.cantTotal!\" [titleV1]=\"'Insolvencia'\"\r\n [v1]=\"object!.detailSubscripcion.cantInsolvencia!\" [titleV2]=\"'Judicial'\"\r\n [v2]=\"object!.detailSubscripcion.cantJudicial!\" [v3]=\"object!.detailSubscripcion.cantProcesos3!\"\r\n [v4]=\"object!.detailSubscripcion.cantProcesos4!\"></ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-set\" class=\"icon-storage-set\"></ius-icon-xs>\r\n <span>{{object!.detailSubscripcion.asignados}}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-plus\" class=\"icon-storage-plus\"></ius-icon-xs>\r\n <span>{{object!.detailSubscripcion.cantAsignadaDisponible}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (object!.detallesConsumo) {\r\n @for (detail of object!.detallesConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{detail.tipoServicio}}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{detail.cantConsumida}}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{detail.estado}}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n <ius-button-standard-tertiary class=\"btn-list\"\r\n [iconName]=\"showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\"\r\n (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? 'Mostrar menos' : 'Mostrar m\u00E1s' }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item iconName=\"icon-groups\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y\r\n roles</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-build\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la\r\n cuenta</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-finance-chip\" (buttonClicked)=\"onClickPagos()\">Pagos y\r\n facturaci\u00F3n</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-enterprise\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y\r\n servicios</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-row-1 tx-rol\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of object!.accountList; track account; let i = $index) {\r\n <ius-button-accounts (accountSelected)=\"onClickAccount(account)\"\r\n (onPressedPredeterminado)=\"clickAccountPredeterminada.emit(account)\" ,\r\n (onPressedEditar)=\"clickEditAccount.emit(account)\" ,\r\n (onPressedDesvincular)=\"clickDesvincularAccount.emit(account)\"\r\n [account]=\"account\"></ius-button-accounts>\r\n }\r\n </div>\r\n <!-- <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary> -->\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"{{!showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'}}\"\r\n (buttonClicked)=\"onClickCambiarCuenta()\">{{!showFormSwitchAccount ? 'Cambiar de cuenta' : 'Volver al menu de usuario'}}</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{padding:0 16px;display:flex;flex-direction:column;gap:8px}.container-list{display:flex;flex-direction:column;gap:4px;width:90%}\n"] }]
3858
+ args: [{ selector: 'ius-toolbar-user-menu', standalone: true, imports: [CommonModule, IconSmComponent, IconXsComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconMdComponent, ButtonCircleTertiaryComponent, ButtonStandardTertiaryComponent, MenuItemComponent, ProgressBarComponent, ButtonAccountsComponent], template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Estas navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm\r\n iconName=\"icon-account-circle\"\r\n class=\"icon-acc-circle\"\r\n ></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{ object.nombreCompany }}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{ object.cuentaID }}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{ object.rol }}</span>\r\n </div>\r\n </div>\r\n @if (!showFormSwitchAccount) {\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs\r\n iconName=\"icon-alternate-email\"\r\n class=\"icon-alt-email\"\r\n ></ius-icon-xs>\r\n <span>{{ object.correo }}</span>\r\n </div>\r\n <ius-dropdown-option-item (click)=\"onClickPerfilPreferencias()\"\r\n >Perfil, preferencias y seguridad</ius-dropdown-option-item\r\n >\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n subscripcionDetalle?.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{\r\n subscripcionDetalle?.namePlan\r\n }}</span>\r\n <ius-icon-md\r\n iconName=\"icon-help\"\r\n class=\"icon-help\"\r\n ></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantTotal\r\n }}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantDisponible\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n subscripcionDetalle?.estado\r\n }}</span>\r\n </div>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-discover-tune\"\r\n ></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%\">\r\n <ius-progress-bar\r\n [total]=\"subscripcionDetalle?.cantTotal ?? 0\"\r\n [titleV1]=\"'Insolvencia'\"\r\n [v1]=\"subscripcionDetalle?.cantInsolvencia ?? 0\"\r\n [titleV2]=\"'Judicial'\"\r\n [v2]=\"subscripcionDetalle?.cantJudicial ?? 0\"\r\n [v3]=\"subscripcionDetalle?.cantProcesos3 ?? 0\"\r\n [v4]=\"subscripcionDetalle?.cantProcesos4 ?? 0\"\r\n >\r\n </ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs\r\n iconName=\"icon-storage-set\"\r\n class=\"icon-storage-set\"\r\n ></ius-icon-xs>\r\n <span>{{ subscripcionDetalle?.asignados ?? 0 }}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs\r\n iconName=\"icon-storage-plus\"\r\n class=\"icon-storage-plus\"\r\n ></ius-icon-xs>\r\n <span>{{\r\n subscripcionDetalle?.cantAsignadaDisponible ?? 0\r\n }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (detallesConsumo) {\r\n @for (detail of detallesConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n detail.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md\r\n iconName=\"icon-help\"\r\n class=\"icon-help\"\r\n ></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{\r\n detail.cantConsumida\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n detail.estado\r\n }}</span>\r\n </div>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-discover-tune\"\r\n ></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n <ius-button-standard-tertiary\r\n class=\"btn-list\"\r\n [iconName]=\"\r\n showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \"\r\n (buttonClicked)=\"clickShowMore()\"\r\n >\r\n {{ showMore ? \"Mostrar menos\" : \"Mostrar m\u00E1s\" }}\r\n </ius-button-standard-tertiary>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n <ius-menu-item\r\n iconName=\"icon-groups\"\r\n (buttonClicked)=\"onClickUsuariosRoles()\"\r\n >Usuarios y roles</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-build\"\r\n (buttonClicked)=\"onClickConfiguracion()\"\r\n >Configuraci\u00F3n de la cuenta</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-finance-chip\"\r\n (buttonClicked)=\"onClickPagos()\"\r\n >Pagos y facturaci\u00F3n</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-enterprise\"\r\n (buttonClicked)=\"onClickSubsServicios()\"\r\n >Suscripciones y servicios</ius-menu-item\r\n >\r\n <ius-menu-item iconName=\"icon-stream\" (buttonClicked)=\"onClickReferir()\"\r\n >Referir servicio</ius-menu-item\r\n >\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-row-1 tx-rol\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of accountList; track account; let i = $index) {\r\n <ius-button-accounts\r\n (accountSelected)=\"onClickAccount(account)\"\r\n (onPressedPredeterminado)=\"\r\n clickAccountPredeterminada.emit(account)\r\n \"\r\n ,\r\n (onPressedEditar)=\"clickEditAccount.emit(account)\"\r\n ,\r\n (onPressedDesvincular)=\"clickDesvincularAccount.emit(account)\"\r\n [account]=\"account\"\r\n ></ius-button-accounts>\r\n }\r\n </div>\r\n <!-- <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary> -->\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item\r\n iconName=\"{{\r\n !showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'\r\n }}\"\r\n (buttonClicked)=\"onClickCambiarCuenta()\"\r\n >{{\r\n !showFormSwitchAccount\r\n ? \"Cambiar de cuenta\"\r\n : \"Volver al menu de usuario\"\r\n }}</ius-menu-item\r\n >\r\n <ius-menu-item\r\n iconName=\"icon-exit-to-app\"\r\n (buttonClicked)=\"onClickCerrarSesion()\"\r\n >Cerrar sesi\u00F3n</ius-menu-item\r\n >\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{padding:0 16px;display:flex;flex-direction:column;gap:8px}.container-list{display:flex;flex-direction:column;gap:4px;width:90%}\n"] }]
3854
3859
  }], propDecorators: { object: [{
3855
3860
  type: Input,
3856
3861
  args: [{ required: true }]
3862
+ }], subscripcionDetalle: [{
3863
+ type: Input
3864
+ }], detallesConsumo: [{
3865
+ type: Input
3866
+ }], accountList: [{
3867
+ type: Input
3857
3868
  }], clickPerfilPreferencias: [{
3858
3869
  type: Output
3859
3870
  }], clickUsuariosRoles: [{
@@ -4092,6 +4103,7 @@ class ToolbarComponent {
4092
4103
  this.sanitizer = sanitizer;
4093
4104
  this.pagina = '';
4094
4105
  this.notificationsCount = 0;
4106
+ this.clickOpenToolbarUserMenu = new EventEmitter();
4095
4107
  this.clickUsuariosRoles = new EventEmitter();
4096
4108
  this.clickConfiguracion = new EventEmitter();
4097
4109
  this.clickPagos = new EventEmitter();
@@ -4100,6 +4112,7 @@ class ToolbarComponent {
4100
4112
  this.clickCerrarSesion = new EventEmitter();
4101
4113
  this.clickPerfilPreferencias = new EventEmitter();
4102
4114
  this.clickReferir = new EventEmitter();
4115
+ this.clickNotificaciones = new EventEmitter();
4103
4116
  this.clickServicioVigilancia = new EventEmitter();
4104
4117
  this.clickServicioCorreo = new EventEmitter();
4105
4118
  this.clickServicioLocalizador = new EventEmitter();
@@ -4271,13 +4284,16 @@ class ToolbarComponent {
4271
4284
  this.supportPanel = !this.supportPanel;
4272
4285
  }
4273
4286
  onAddTicket() {
4287
+ this.supportPanel = false;
4274
4288
  this.onClickAddTicket.emit();
4275
4289
  }
4276
4290
  onShowTickets() {
4291
+ this.supportPanel = false;
4277
4292
  this.onClickShowTickets.emit();
4278
4293
  }
4279
4294
  onClickNotifications() {
4280
4295
  this.notificationsOpen = !this.notificationsOpen;
4296
+ this.clickNotificaciones.emit();
4281
4297
  }
4282
4298
  handleDoneAlert(event) {
4283
4299
  this.onDoneAlert.emit(event);
@@ -4285,6 +4301,9 @@ class ToolbarComponent {
4285
4301
  handlePostponeAlert(event) {
4286
4302
  this.onPostponeAlert.emit(event);
4287
4303
  }
4304
+ onClickOpenToolbarUserMenu() {
4305
+ this.clickOpenToolbarUserMenu.emit();
4306
+ }
4288
4307
  onClickUsuariosRoles() {
4289
4308
  this.clickUsuariosRoles.emit();
4290
4309
  }
@@ -4340,11 +4359,11 @@ class ToolbarComponent {
4340
4359
  this.clickAgregarAccount.emit($event);
4341
4360
  }
4342
4361
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
4343
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarComponent, isStandalone: true, selector: "ius-toolbar", inputs: { object: "object", pagina: "pagina", notificationsCount: "notificationsCount" }, outputs: { clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickPerfilPreferencias: "clickPerfilPreferencias", clickReferir: "clickReferir", clickServicioVigilancia: "clickServicioVigilancia", clickServicioCorreo: "clickServicioCorreo", clickServicioLocalizador: "clickServicioLocalizador", clickServicioFirma: "clickServicioFirma", clickServicioCRM: "clickServicioCRM", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickUnlinkAccount: "clickUnlinkAccount", clickAgregarAccount: "clickAgregarAccount", onDoneAlert: "onDoneAlert", onPostponeAlert: "onPostponeAlert", onClickShowTickets: "onClickShowTickets", onClickAddTicket: "onClickAddTicket" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "buttonsAccion", first: true, predicate: ["buttonsAccion"], descendants: true }], ngImport: i0, template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\" />\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"\r\n ></ius-button-circle-tertiary>\r\n <div class=\"notification-wrapper\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"\r\n ></ius-button-circle-tertiary>\r\n @if (notificationsCount > 0) {\r\n <span class=\"notification-badge\">{{ notificationsCount }}</span>\r\n }\r\n </div>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-apps\"\r\n (buttonClicked)=\"toggleShowMore()\"\r\n >\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLitigio\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"\r\n ></span\r\n >Vigilancia\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCorreo\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"\r\n ></span\r\n >Correo\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLocalizador\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"\r\n ></span\r\n >Localizador\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgFirma\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"\r\n ></span\r\n >Firma\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCrm\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"\r\n ></span\r\n >CRM\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu\r\n #userDropdown\r\n [nameUser]=\"object.nombreUsuario\"\r\n class=\"dropdown\"\r\n [avatar]=\"object.avatarUsuario!\"\r\n [logo]=\"object.logoCompany!\"\r\n >\r\n <ius-toolbar-user-menu\r\n [object]=\"object\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\"\r\n (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\"\r\n (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\"\r\n (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"\r\n (clickAgregarAccount)=\"onClickAgregarAccount($event)\"\r\n (clickAccountSelected)=\"onClickAccountSelected($event)\"\r\n (clickAccountPredeterminada)=\"onClickAccountPredeterminada($event)\"\r\n (clickEditAccount)=\"onClickEditAccount($event)\"\r\n (clickDesvincularAccount)=\"onClickUnlinkAccount($event)\"\r\n (requestClose)=\"userDropdown.close()\"\r\n ></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n\r\n@if (notificationsOpen) {\r\n <ius-notifications\r\n [alerts]=\"object.alerts!\"\r\n (onPressedBackEvent)=\"onClickNotifications()\"\r\n (onDrawerClosed)=\"notificationsOpen = false\"\r\n (onDoneAlert)=\"handleDoneAlert($event)\"\r\n (onPostponeAlert)=\"handlePostponeAlert($event)\"\r\n ></ius-notifications>\r\n}\r\n\r\n@if (supportPanel) {\r\n <ius-support-panel\r\n (onCloseForm)=\"supportPanel = false\"\r\n (onClickAddTicket)=\"onAddTicket()\"\r\n (onClickShowTickets)=\"onShowTickets()\"\r\n ></ius-support-panel>\r\n}\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.notification-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:#db2e2a;border:1px solid #ffffff;color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;display:flex;align-items:center;justify-content:center;z-index:1}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"], dependencies: [{ kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownUserMenuComponent, selector: "ius-dropdown-user-menu", inputs: ["isActive", "nameUser", "logo", "avatar", "disabled", "iconColor"], outputs: ["buttonClicked"] }, { kind: "component", type: ToolbarUserMenuComponent, selector: "ius-toolbar-user-menu", inputs: ["object"], outputs: ["clickPerfilPreferencias", "clickUsuariosRoles", "clickConfiguracion", "clickPagos", "clickSubsServicios", "clickCambiarCuenta", "clickCerrarSesion", "clickReferir", "requestClose", "clickAccountSelected", "clickAccountPredeterminada", "clickEditAccount", "clickDesvincularAccount", "clickAgregarAccount"] }, { kind: "component", type: NotificationsComponent, selector: "ius-notifications", inputs: ["alerts", "titleDrawer", "percentProgressBar"], outputs: ["onDoneAlert", "onPostponeAlert", "onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SupportPanelComponent, selector: "ius-support-panel", outputs: ["onCloseForm", "onClickAddTicket", "onClickShowTickets"] }] }); }
4362
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarComponent, isStandalone: true, selector: "ius-toolbar", inputs: { object: "object", pagina: "pagina", notificationsCount: "notificationsCount", subscripcionDetalle: "subscripcionDetalle", detallesConsumo: "detallesConsumo", accountList: "accountList", alerts: "alerts" }, outputs: { clickOpenToolbarUserMenu: "clickOpenToolbarUserMenu", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickPerfilPreferencias: "clickPerfilPreferencias", clickReferir: "clickReferir", clickNotificaciones: "clickNotificaciones", clickServicioVigilancia: "clickServicioVigilancia", clickServicioCorreo: "clickServicioCorreo", clickServicioLocalizador: "clickServicioLocalizador", clickServicioFirma: "clickServicioFirma", clickServicioCRM: "clickServicioCRM", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickUnlinkAccount: "clickUnlinkAccount", clickAgregarAccount: "clickAgregarAccount", onDoneAlert: "onDoneAlert", onPostponeAlert: "onPostponeAlert", onClickShowTickets: "onClickShowTickets", onClickAddTicket: "onClickAddTicket" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "buttonsAccion", first: true, predicate: ["buttonsAccion"], descendants: true }], ngImport: i0, template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\" />\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"\r\n ></ius-button-circle-tertiary>\r\n <div class=\"notification-wrapper\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"\r\n ></ius-button-circle-tertiary>\r\n @if (notificationsCount > 0) {\r\n <span class=\"notification-badge\">{{ notificationsCount }}</span>\r\n }\r\n </div>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-apps\"\r\n (buttonClicked)=\"toggleShowMore()\"\r\n >\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLitigio\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"\r\n ></span\r\n >Vigilancia\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCorreo\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"\r\n ></span\r\n >Correo\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLocalizador\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"\r\n ></span\r\n >Localizador\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgFirma\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"\r\n ></span\r\n >Firma\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCrm\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"\r\n ></span\r\n >CRM\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu\r\n #userDropdown\r\n [nameUser]=\"object.nombreUsuario\"\r\n class=\"dropdown\"\r\n [avatar]=\"object.avatarUsuario!\"\r\n [logo]=\"object.logoCompany!\"\r\n (buttonClicked)=\"onClickOpenToolbarUserMenu()\"\r\n >\r\n <ius-toolbar-user-menu\r\n [object]=\"object\"\r\n [accountList]=\"accountList\"\r\n [detallesConsumo]=\"detallesConsumo\"\r\n [subscripcionDetalle]=\"subscripcionDetalle\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\"\r\n (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\"\r\n (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\"\r\n (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"\r\n (clickAgregarAccount)=\"onClickAgregarAccount($event)\"\r\n (clickAccountSelected)=\"onClickAccountSelected($event)\"\r\n (clickAccountPredeterminada)=\"onClickAccountPredeterminada($event)\"\r\n (clickEditAccount)=\"onClickEditAccount($event)\"\r\n (clickDesvincularAccount)=\"onClickUnlinkAccount($event)\"\r\n (requestClose)=\"userDropdown.close()\"\r\n ></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n\r\n@if (notificationsOpen) {\r\n <ius-notifications\r\n [alerts]=\"alerts ?? []\"\r\n (onPressedBackEvent)=\"onClickNotifications()\"\r\n (onDrawerClosed)=\"notificationsOpen = false\"\r\n (onDoneAlert)=\"handleDoneAlert($event)\"\r\n (onPostponeAlert)=\"handlePostponeAlert($event)\"\r\n ></ius-notifications>\r\n}\r\n\r\n@if (supportPanel) {\r\n <ius-support-panel\r\n (onCloseForm)=\"supportPanel = false\"\r\n (onClickAddTicket)=\"onAddTicket()\"\r\n (onClickShowTickets)=\"onShowTickets()\"\r\n ></ius-support-panel>\r\n}\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.notification-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:#db2e2a;border:1px solid #ffffff;color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;display:flex;align-items:center;justify-content:center;z-index:1}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"], dependencies: [{ kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownUserMenuComponent, selector: "ius-dropdown-user-menu", inputs: ["isActive", "nameUser", "logo", "avatar", "disabled", "iconColor"], outputs: ["buttonClicked"] }, { kind: "component", type: ToolbarUserMenuComponent, selector: "ius-toolbar-user-menu", inputs: ["object", "subscripcionDetalle", "detallesConsumo", "accountList"], outputs: ["clickPerfilPreferencias", "clickUsuariosRoles", "clickConfiguracion", "clickPagos", "clickSubsServicios", "clickCambiarCuenta", "clickCerrarSesion", "clickReferir", "requestClose", "clickAccountSelected", "clickAccountPredeterminada", "clickEditAccount", "clickDesvincularAccount", "clickAgregarAccount"] }, { kind: "component", type: NotificationsComponent, selector: "ius-notifications", inputs: ["alerts", "titleDrawer", "percentProgressBar"], outputs: ["onDoneAlert", "onPostponeAlert", "onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SupportPanelComponent, selector: "ius-support-panel", outputs: ["onCloseForm", "onClickAddTicket", "onClickShowTickets"] }] }); }
4344
4363
  }
4345
4364
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
4346
4365
  type: Component,
4347
- args: [{ selector: 'ius-toolbar', standalone: true, imports: [ButtonCircleTertiaryComponent, DropdownUserMenuComponent, ToolbarUserMenuComponent, NotificationsComponent, SupportPanelComponent], template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\" />\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"\r\n ></ius-button-circle-tertiary>\r\n <div class=\"notification-wrapper\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"\r\n ></ius-button-circle-tertiary>\r\n @if (notificationsCount > 0) {\r\n <span class=\"notification-badge\">{{ notificationsCount }}</span>\r\n }\r\n </div>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-apps\"\r\n (buttonClicked)=\"toggleShowMore()\"\r\n >\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLitigio\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"\r\n ></span\r\n >Vigilancia\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCorreo\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"\r\n ></span\r\n >Correo\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLocalizador\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"\r\n ></span\r\n >Localizador\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgFirma\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"\r\n ></span\r\n >Firma\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCrm\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"\r\n ></span\r\n >CRM\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu\r\n #userDropdown\r\n [nameUser]=\"object.nombreUsuario\"\r\n class=\"dropdown\"\r\n [avatar]=\"object.avatarUsuario!\"\r\n [logo]=\"object.logoCompany!\"\r\n >\r\n <ius-toolbar-user-menu\r\n [object]=\"object\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\"\r\n (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\"\r\n (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\"\r\n (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"\r\n (clickAgregarAccount)=\"onClickAgregarAccount($event)\"\r\n (clickAccountSelected)=\"onClickAccountSelected($event)\"\r\n (clickAccountPredeterminada)=\"onClickAccountPredeterminada($event)\"\r\n (clickEditAccount)=\"onClickEditAccount($event)\"\r\n (clickDesvincularAccount)=\"onClickUnlinkAccount($event)\"\r\n (requestClose)=\"userDropdown.close()\"\r\n ></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n\r\n@if (notificationsOpen) {\r\n <ius-notifications\r\n [alerts]=\"object.alerts!\"\r\n (onPressedBackEvent)=\"onClickNotifications()\"\r\n (onDrawerClosed)=\"notificationsOpen = false\"\r\n (onDoneAlert)=\"handleDoneAlert($event)\"\r\n (onPostponeAlert)=\"handlePostponeAlert($event)\"\r\n ></ius-notifications>\r\n}\r\n\r\n@if (supportPanel) {\r\n <ius-support-panel\r\n (onCloseForm)=\"supportPanel = false\"\r\n (onClickAddTicket)=\"onAddTicket()\"\r\n (onClickShowTickets)=\"onShowTickets()\"\r\n ></ius-support-panel>\r\n}\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.notification-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:#db2e2a;border:1px solid #ffffff;color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;display:flex;align-items:center;justify-content:center;z-index:1}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"] }]
4366
+ args: [{ selector: 'ius-toolbar', standalone: true, imports: [ButtonCircleTertiaryComponent, DropdownUserMenuComponent, ToolbarUserMenuComponent, NotificationsComponent, SupportPanelComponent], template: "<div class=\"tlb\">\r\n <div class=\"logo-page\">\r\n <div class=\"logo-lt\">\r\n <img [src]=\"object.logoLt\" alt=\"logo\" />\r\n </div>\r\n <div class=\"page\">{{ pagina }}</div>\r\n </div>\r\n <div class=\"btns\">\r\n <div class=\"tools\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-support-agent\"\r\n (buttonClicked)=\"onClickSupport()\"\r\n ></ius-button-circle-tertiary>\r\n <div class=\"notification-wrapper\">\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-notifications\"\r\n (buttonClicked)=\"onClickNotifications()\"\r\n ></ius-button-circle-tertiary>\r\n @if (notificationsCount > 0) {\r\n <span class=\"notification-badge\">{{ notificationsCount }}</span>\r\n }\r\n </div>\r\n <div class=\"relative\" #buttonsAccion>\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-apps\"\r\n (buttonClicked)=\"toggleShowMore()\"\r\n >\r\n </ius-button-circle-tertiary>\r\n\r\n <div class=\"more-box\" [class.active]=\"showButtonsAccion\">\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLitigio\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioVigilancia()\"\r\n ></span\r\n >Vigilancia\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCorreo\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCorreo()\"\r\n ></span\r\n >Correo\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgLocalizador\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioLocalizador()\"\r\n ></span\r\n >Localizador\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgFirma\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioFirma()\"\r\n ></span\r\n >Firma\r\n </button>\r\n <button class=\"item-btn\">\r\n <span\r\n [innerHTML]=\"svgCrm\"\r\n class=\"icon-btn\"\r\n (click)=\"onClickServicioCRM()\"\r\n ></span\r\n >CRM\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-dropdown-user-menu\r\n #userDropdown\r\n [nameUser]=\"object.nombreUsuario\"\r\n class=\"dropdown\"\r\n [avatar]=\"object.avatarUsuario!\"\r\n [logo]=\"object.logoCompany!\"\r\n (buttonClicked)=\"onClickOpenToolbarUserMenu()\"\r\n >\r\n <ius-toolbar-user-menu\r\n [object]=\"object\"\r\n [accountList]=\"accountList\"\r\n [detallesConsumo]=\"detallesConsumo\"\r\n [subscripcionDetalle]=\"subscripcionDetalle\"\r\n (clickUsuariosRoles)=\"onClickUsuariosRoles()\"\r\n (clickConfiguracion)=\"onClickConfiguracion()\"\r\n (clickPagos)=\"onClickPagos()\"\r\n (clickSubsServicios)=\"onClickSubsServicios()\"\r\n (clickCambiarCuenta)=\"onClickCambiarCuenta()\"\r\n (clickCerrarSesion)=\"onClickCerrarSesion()\"\r\n (clickPerfilPreferencias)=\"onClickPerfilPreferencias()\"\r\n (clickReferir)=\"onClickReferir()\"\r\n (clickAgregarAccount)=\"onClickAgregarAccount($event)\"\r\n (clickAccountSelected)=\"onClickAccountSelected($event)\"\r\n (clickAccountPredeterminada)=\"onClickAccountPredeterminada($event)\"\r\n (clickEditAccount)=\"onClickEditAccount($event)\"\r\n (clickDesvincularAccount)=\"onClickUnlinkAccount($event)\"\r\n (requestClose)=\"userDropdown.close()\"\r\n ></ius-toolbar-user-menu>\r\n </ius-dropdown-user-menu>\r\n </div>\r\n</div>\r\n\r\n@if (notificationsOpen) {\r\n <ius-notifications\r\n [alerts]=\"alerts ?? []\"\r\n (onPressedBackEvent)=\"onClickNotifications()\"\r\n (onDrawerClosed)=\"notificationsOpen = false\"\r\n (onDoneAlert)=\"handleDoneAlert($event)\"\r\n (onPostponeAlert)=\"handlePostponeAlert($event)\"\r\n ></ius-notifications>\r\n}\r\n\r\n@if (supportPanel) {\r\n <ius-support-panel\r\n (onCloseForm)=\"supportPanel = false\"\r\n (onClickAddTicket)=\"onAddTicket()\"\r\n (onClickShowTickets)=\"onShowTickets()\"\r\n ></ius-support-panel>\r\n}\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.tlb{position:relative;height:48px;display:flex;padding:8px 12px 8px 24px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.logo-page{display:flex;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.logo-lt{width:212.876px;height:38px;aspect-ratio:212.88/38}.page{color:#595959;font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:400;line-height:22px}.btns{display:flex;align-items:center;gap:24px}.tools{display:flex;align-items:center;gap:4px}.relative{position:relative}.notification-wrapper{position:relative;display:inline-flex}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:#db2e2a;border:1px solid #ffffff;color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;display:flex;align-items:center;justify-content:center;z-index:1}.more-box{position:absolute;top:48px;right:0;padding:12px;gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}.more-box .item-btn{display:flex;width:90px;height:100px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s ease;border-radius:8px;border:none;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.more-box .item-btn:hover{transform:translateY(-2px);background:#f6f8fa}.icon-btn{width:64px;height:64px}\n"] }]
4348
4367
  }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { object: [{
4349
4368
  type: Input,
4350
4369
  args: [{ required: true }]
@@ -4352,6 +4371,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
4352
4371
  type: Input
4353
4372
  }], notificationsCount: [{
4354
4373
  type: Input
4374
+ }], subscripcionDetalle: [{
4375
+ type: Input
4376
+ }], detallesConsumo: [{
4377
+ type: Input
4378
+ }], accountList: [{
4379
+ type: Input
4380
+ }], alerts: [{
4381
+ type: Input
4382
+ }], clickOpenToolbarUserMenu: [{
4383
+ type: Output
4355
4384
  }], clickUsuariosRoles: [{
4356
4385
  type: Output
4357
4386
  }], clickConfiguracion: [{
@@ -4368,6 +4397,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
4368
4397
  type: Output
4369
4398
  }], clickReferir: [{
4370
4399
  type: Output
4400
+ }], clickNotificaciones: [{
4401
+ type: Output
4371
4402
  }], clickServicioVigilancia: [{
4372
4403
  type: Output
4373
4404
  }], clickServicioCorreo: [{