@litigiovirtual/ius-design-components 1.0.267 → 1.0.269

package/src/lib/card-actividad-evento/card-actividad-evento.component.scss

@@ -1,192 +0,0 @@
-@use "@litigiovirtual/ius-design-styles/lib/colors" as colors;
-@use "@litigiovirtual/ius-design-styles/lib/typography" as typography;
-@use "@litigiovirtual/ius-design-styles/lib/variables" as variables;
-@use "@litigiovirtual/ius-design-styles/lib/semantic-colors" as semantic-colors;
-
-.ctn-gnrl {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    cursor: pointer;
-    padding: variables.$spacing-xs variables.$spacing-sm;
-    box-sizing: border-box;
-    border-radius: variables.$radius-sm;
-    border: 1px solid colors.$neutral-4;
-
-    &:hover {
-        border: 1px solid colors.$info-200;
-        box-shadow: variables.$elevation-100;
-
-        .fecha {
-            display: none;
-            pointer-events: none;
-        }
-
-        .buttons-hove {
-            display: flex;
-            pointer-events: auto;
-        }
-    }
-}
-
-.ctn-card {
-    position: relative;
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-lg;
-}
-
-.ctn-inf {
-    display: flex;
-    flex: 1 0 0;
-    align-items: center;
-    gap: variables.$spacing-md;
-}
-
-.icon-calendar-clock {
-    color: colors.$neutral-7 !important;
-}
-
-.priority-tx {
-    color: colors.$info-600;
-}
-
-.tx-asig {
-    display: flex;
-    gap: variables.$spacing-lg;
-}
-
-.info {
-    display: flex;
-    flex: 1 0 0;
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.ctn-icons {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-md;
-}
-
-.icon-dot {
-    display: flex;
-    align-items: center;
-    width: 8px;
-    height: 8px;
-    aspect-ratio: 1/1;
-    background-color: colors.$info-500;
-    border-radius: variables.$radius-pill;
-}
-
-.icon-dot-warning {
-    display: flex;
-    align-items: center;
-    width: 8px;
-    height: 8px;
-    aspect-ratio: 1/1;
-    background-color: colors.$warning-500;
-    border-radius: variables.$radius-pill;
-}
-
-.icon-emergency-home {
-    color: colors.$warning-500;
-}
-
-.fecha {
-    width: 76px;
-}
-
-.buttons-hove {
-    display: none;
-    pointer-events: none;
-    gap: variables.$spacing-xxs;
-}
-
-.ctn-collapse-card {
-    max-height: 1000px;
-    overflow: hidden;
-    transition: max-height 0.3s ease-in-out;
-
-    &.collapsed {
-        max-height: 0px;
-    }
-}
-
-.ctn-clp {
-    display: flex;
-    gap: variables.$spacing-xs;
-}
-
-.ctn-info-clp {
-    display: flex;
-    padding: variables.$spacing-xxs variables.$spacing-xs;
-    flex-direction: column;
-    gap: variables.$spacing-sm;
-    flex: 1 0 0;
-}
-
-.text-info {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    flex: 1 0 0;
-}
-
-.tx-read {
-    color: colors.$success-700;
-}
-
-.tx-warn {
-    color: colors.$warning-600;
-}
-
-.tx-info {
-    color: colors.$info-400
-}
-
-ius-simple-divider {
-    margin: variables.$spacing-xs 0;
-}
-
-.row-text-1 {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-xs;
-}
-
-.row-text-2 {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-}
-
-.txt-pry {
-    color: semantic-colors.$color-text-primary-on-light;
-}
-
-.txt-sec {
-    color: semantic-colors.$color-text-secundary-on-light;
-}
-
-.txt-ter {
-    color: semantic-colors.$color-text-tertiary-on-light;
-}
-
-.link-actividad {
-    display: inline-flex;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-    margin-top: variables.$spacing-xxs;
-    padding: variables.$spacing-xxs variables.$spacing-xs;
-    border-radius: variables.$radius-sm;
-    color: semantic-colors.$color-text-secundary-on-light;
-    cursor: pointer;
-    text-decoration: none;
-    word-break: break-all;
-
-    &:hover {
-        background-color: colors.$info-100;
-        text-decoration: underline;
-    }
-}

package/src/lib/card-actividad-evento/card-actividad-evento.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CardActividadEventoComponent } from './card-actividad-evento.component';
-
-describe('CardActividadEventoComponent', () => {
-  let component: CardActividadEventoComponent;
-  let fixture: ComponentFixture<CardActividadEventoComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CardActividadEventoComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(CardActividadEventoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/card-actividad-evento/card-actividad-evento.component.ts

@@ -1,142 +0,0 @@
-import { Component, EventEmitter, Input, Output, LOCALE_ID } from '@angular/core';
-import { NgClass, DatePipe, registerLocaleData } from '@angular/common';
-import localeEs from '@angular/common/locales/es';
-import { IconSmComponent } from "../icon-sm";
-import { ButtonCircleTertiaryComponent } from "../button-circle-tertiary";
-import { SimpleDividerComponent } from "../simple-divider";
-import { IconXsComponent } from "../icon-xs";
-import { PopoverDirective } from '../directives/popover.directive';
-
-registerLocaleData(localeEs);
-
-@Component({
-  selector: 'ius-card-actividad-evento',
-  standalone: true,
-  imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, IconXsComponent, DatePipe, PopoverDirective],
-  providers: [
-    { provide: LOCALE_ID, useValue: 'es' },
-    DatePipe
-  ],
-  templateUrl: './card-actividad-evento.component.html',
-  styleUrl: './card-actividad-evento.component.scss'
-})
-export class CardActividadEventoComponent {
-
-  constructor(private datePipe: DatePipe) { }
-
-  @Input() read: boolean = true;
-  @Input() warning: boolean = false;
-  @Input() collapse: boolean = true;
-  @Input() done: boolean = false;
-
-  @Input() titulo?: string;
-  @Input() usuarioAsignado?: string;
-  @Input() fechaProgramacion?: Date;
-  @Input() fechaPrincipal?: Date;
-  @Input() text1?: string;
-  @Input() estado?: string;
-  @Input() fechaInicio?: Date;
-  @Input() fechaFin?: Date;
-  @Input() descripcion?: string;
-  @Input() link?: string;
-
-  @Output() onClickButtonCopy = new EventEmitter<Event>();
-  @Output() onClickButtonRead = new EventEmitter<Event>();
-  @Output() onClickButtonEdit = new EventEmitter<Event>();
-  @Output() onClickButtonDelete = new EventEmitter<Event>();
-  @Output() onClickButtonDone = new EventEmitter<Event>();
-
-  toggleCollapse(): void {
-    const wasCollapsed = this.collapse;
-    this.collapse = !this.collapse;
-    if (wasCollapsed && !this.read) {
-      this.onClickButtonRead.emit(new Event('autoExpand'));
-    }
-  }
-
-  get headerFechaLabel(): string {
-    return this.estado === 'Finalizada' ? 'Realizada el' : 'Programada para el';
-  }
-
-  get estadoLabel(): string {
-    if (this.estado === 'Finalizada') return 'Finalizada';
-    if (this.estado === 'Pausada' && this.warning!) return 'Pausada';
-    if (this.estado === 'Pausada' && this.warning) return 'Pausada - Vencida';
-    return 'Programada';
-  }
-
-  get estadoLabelClass(): string {
-    if (this.estado === 'Finalizada') return 'txt-ter';
-    if (this.estado === 'Pausada' && this.warning!) return 'tx-info';
-    if (this.estado === 'Pausada' && this.warning) return 'tx-warn';
-    if (this.warning) return 'tx-warn';
-    return 'tx-read';
-  }
-
-  async clickButtonCopy(event: Event) {
-    event.stopImmediatePropagation();
-    try {
-      await navigator.clipboard.writeText(this.getCardSummary());
-      this.onClickButtonCopy.emit(event);
-    } catch {
-      // clipboard write failed; no emit
-    }
-  }
-
-  private getCardSummary(): string {
-    const lines: string[] = [];
-    lines.push('Actividades y eventos');
-    if (this.titulo) lines.push(`Título: ${this.titulo}`);
-    if (this.usuarioAsignado) lines.push(`Asignado a: ${this.usuarioAsignado}`);
-    if (this.fechaProgramacion) lines.push(`${this.headerFechaLabel}: ${this.formatDateTime(this.fechaProgramacion)}`);
-    if (this.text1) lines.push(this.text1);
-    lines.push(`Estado: ${this.estadoLabel}`);
-    if (this.fechaInicio || this.fechaFin) {
-      const partes: string[] = [];
-      if (this.fechaInicio) partes.push(this.formatDateTime(this.fechaInicio));
-      if (this.fechaFin) partes.push(this.formatDateTime(this.fechaFin));
-      lines.push(`Rango: ${partes.join(' - ')}`);
-    }
-    if (this.descripcion) {
-      lines.push('');
-      lines.push('Descripción:');
-      lines.push(this.descripcion);
-    }
-    if (this.link) {
-      lines.push('');
-      lines.push(`Link: ${this.link}`);
-    }
-    return lines.join('\n');
-  }
-
-  openLink(event: Event) {
-    event.stopImmediatePropagation();
-    if (this.link) {
-      window.open(this.link, '_blank', 'noopener,noreferrer');
-    }
-  }
-
-  private formatDateTime(d: Date | string): string {
-    return this.datePipe.transform(d, 'dd MMM yyyy h:mm a') ?? '';
-  }
-
-  clickButtonRead(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonRead.emit(event);
-  }
-
-  clickButtonEdit(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonEdit.emit(event);
-  }
-
-  clickButtonDelete(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonDelete.emit(event);
-  }
-
-  clickButtonDone(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonDone.emit(event);
-  }
-}

package/src/lib/card-actividad-evento/index.ts

@@ -1,2 +0,0 @@
-export * from './card-actividad-evento.component';
-

package/src/lib/card-agenda-judicial/card-agenda-judicial.component.html

@@ -1,53 +0,0 @@
-<div class="ctn-gnrl" (click)="toggleCollapse()">
-    <div class="ctn-card">
-        <div class="ctn-inf">
-            <ius-icon-sm iconName="icon-calendar-judge" class="txt-pry"></ius-icon-sm>
-            <div class="info">
-                <span class="caption-sm txt-ter">Agenda Litigiovirtual</span>
-                <span class="label-base txt-pry" [ngClass]="{'body-base-1': read === false}">{{titulo}}</span>
-                <span class="body-base-1 txt-sec">{{tipoAgenda}}</span>
-            </div>
-        </div>
-        <div class="ctn-icons">
-            @if (hasDocuments) {
-            <div class="row-text-1">
-                <ius-icon-sm iconName="icon-notification-2" class="txt-sec"></ius-icon-sm>
-                <ius-icon-sm iconName="icon-docs-2" class="txt-sec"></ius-icon-sm>
-            </div>
-            }
-            <div class="row-text-2">
-                <div class="icon-dot" [ngClass]="{'icon-dot-f': read === false}"></div>
-                <span class="body-sm txt-ter fecha">{{fechaPrincipal | date: 'd MMM y'}}</span>
-                <span class="buttons-hove">
-                    <ius-button-circle-tertiary iconName="icon-mark-chat-read"
-                        (click)="clickButtonRead($event)"></ius-button-circle-tertiary>
-                    <ius-button-circle-tertiary iconName="icon-content-copy"
-                        (click)="clickButtonCopy($event)"></ius-button-circle-tertiary>
-                </span>
-            </div>
-            <ius-icon-sm [iconName]="collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'"
-                class="txt-pry"></ius-icon-sm>
-        </div>
-    </div>
-    <div class="ctn-collapse-card" [ngClass]="{'collapsed': collapse}">
-        <ius-simple-divider></ius-simple-divider>
-        <div class="ctn-clp">
-            <div class="ctn-info-clp">
-                <div class="text-info">
-                    <div class=" body-sm txt-ter">
-                        <span>{{fechaAgenda | date: 'd MMM y - hh:mm a'}}</span>
-                    </div>
-                    <span class="label-base txt-ter">{{text1}}</span>
-                    <span class="body-base-1 txt-sec">{{text2}}</span>
-                </div>
-            </div>
-            <div class="buttons-clp">
-                <ius-button-menu-link iconName="icon-notificacion" iconColor="#184FDB"></ius-button-menu-link>
-                <ius-simple-divider></ius-simple-divider>
-                <ius-button-menu-link iconName="icon-docs" iconColor="#184FDB"></ius-button-menu-link>
-                <ius-simple-divider></ius-simple-divider>
-                <ius-button-menu-link iconName="icon-notes" iconColor="#184FDB"></ius-button-menu-link>
-            </div>
-        </div>
-    </div>
-</div>

package/src/lib/card-agenda-judicial/card-agenda-judicial.component.scss

@@ -1,151 +0,0 @@
-@use "@litigiovirtual/ius-design-styles/lib/colors" as colors;
-@use "@litigiovirtual/ius-design-styles/lib/typography" as typography;
-@use "@litigiovirtual/ius-design-styles/lib/variables" as variables;
-@use "@litigiovirtual/ius-design-styles/lib/semantic-colors" as semantic-colors;
-
-.ctn-gnrl {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    cursor: pointer;
-    padding: variables.$spacing-xs variables.$spacing-sm;
-    box-sizing: border-box;
-    border-radius: variables.$radius-sm;
-    border: 1px solid colors.$neutral-4;
-
-    &:hover {
-        border: 1px solid colors.$info-200;
-        box-shadow: variables.$elevation-100;
-
-        .fecha {
-            display: none;
-            pointer-events: none;
-        }
-
-        .buttons-hove {
-            display: flex;
-            pointer-events: auto;
-        }
-    }
-}
-
-.ctn-card {
-    position: relative;
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-lg;
-}
-
-.ctn-inf {
-    display: flex;
-    flex: 1 0 0;
-    align-items: center;
-    gap: variables.$spacing-md;
-}
-
-.priority-tx {
-    color: colors.$success-800;
-}
-
-.info {
-    display: flex;
-    flex: 1 0 0;
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.ctn-icons {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-md;
-}
-
-.icon-dot {
-    display: flex;
-    align-items: center;
-    width: 8px;
-    height: 8px;
-    aspect-ratio: 1/1;
-    background-color: colors.$info-500;
-    border-radius: variables.$radius-pill;
-}
-
-.icon-dot-f {
-    background-color: transparent;
-}
-
-.fecha {
-    width: 76px;
-}
-
-.buttons-hove {
-    display: none;
-    pointer-events: none;
-    gap: variables.$spacing-xxs;
-    width: 76px;
-}
-
-.ctn-collapse-card {
-    max-height: 1000px;
-    overflow: hidden;
-    transition: max-height 0.3s ease-in-out;
-
-    &.collapsed {
-        max-height: 0px;
-    }
-}
-
-.ctn-clp {
-    display: flex;
-    gap: variables.$spacing-xs;
-}
-
-.buttons-clp {
-    display: flex;
-    padding: variables.$spacing-xxs;
-    flex-direction: column;
-    gap: variables.$spacing-xxs;
-}
-
-.ctn-info-clp {
-    display: flex;
-    padding: variables.$spacing-xxs variables.$spacing-xs;
-    flex-direction: column;
-    gap: variables.$spacing-sm;
-    flex: 1 0 0;
-}
-
-.text-info {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    flex: 1 0 0;
-}
-
-ius-simple-divider {
-    margin: variables.$spacing-xs 0;
-}
-
-.row-text-1 {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-xs;
-}
-
-.row-text-2 {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-}
-
-.txt-pry {
-    color: semantic-colors.$color-text-primary-on-light;
-}
-
-.txt-sec {
-    color: semantic-colors.$color-text-secundary-on-light;
-}
-
-.txt-ter {
-    color: semantic-colors.$color-text-tertiary-on-light;
-}

package/src/lib/card-agenda-judicial/card-agenda-judicial.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CardAgendaJudicialComponent } from './card-agenda-judicial.component';
-
-describe('CardAgendaJudicialComponent', () => {
-  let component: CardAgendaJudicialComponent;
-  let fixture: ComponentFixture<CardAgendaJudicialComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CardAgendaJudicialComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(CardAgendaJudicialComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/card-agenda-judicial/card-agenda-judicial.component.ts

@@ -1,51 +0,0 @@
-import { Component, EventEmitter, Input, Output, LOCALE_ID } from '@angular/core';
-import { IconSmComponent } from "../icon-sm";
-import { DatePipe, NgClass, registerLocaleData } from '@angular/common';
-import localeEs from '@angular/common/locales/es';
-import { ButtonCircleTertiaryComponent } from "../button-circle-tertiary";
-import { SimpleDividerComponent } from "../simple-divider";
-import { ButtonMenuLinkComponent } from "../button-menu-link";
-
-registerLocaleData(localeEs);
-
-@Component({
-  selector: 'ius-card-agenda-judicial',
-  standalone: true,
-  imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe],
-  providers: [
-    { provide: LOCALE_ID, useValue: 'es' }
-  ],
-  templateUrl: './card-agenda-judicial.component.html',
-  styleUrl: './card-agenda-judicial.component.scss'
-})
-export class CardAgendaJudicialComponent {
-
-  @Input() hasDocuments: boolean = false;
-  @Input() read: boolean = true;
-  @Input() collapse: boolean = true;
-
-  @Input() titulo?: string;
-  @Input() tipoAgenda?: string;
-  @Input() fechaPrincipal?: Date;
-  @Input() fechaAgenda?: Date;
-  @Input() text1?: string;
-  @Input() text2?: string;
-
-  @Output() onClickButtonCopy = new EventEmitter<Event>();
-  @Output() onClickButtonRead = new EventEmitter<Event>();
-
-  toggleCollapse(): void {
-    this.collapse = !this.collapse;
-  }
-
-  clickButtonCopy(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonCopy.emit(event);
-  }
-
-  clickButtonRead(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonRead.emit(event);
-  }
-
-}

package/src/lib/card-agenda-judicial/index.ts

@@ -1,2 +0,0 @@
-export * from './card-agenda-judicial.component';
-

package/src/lib/card-block/card-block.component.html

@@ -1,56 +0,0 @@
-<div class="general-container">
-  <div class="card-block">
-    <div class="user">
-      <ius-avatar-icon
-        size="lg"
-        [imageUrl]="urlImage"
-        [iconName]="iconName"
-        [iconColor]="iconColor"
-      ></ius-avatar-icon>
-      <p class="user-name">{{ userName }}</p>
-    </div>
-    <div style="width: 100%">
-      <ius-input-select
-        [componentId]="componentID"
-        [required]="true"
-        labelSuperior="Rol dentro del proceso"
-        labelInput="Seleccione el rol dentro del proceso"
-        [textInput]="option?.text"
-      >
-        @for (option of options; track option) {
-        <ius-option (optionClick)="onSelectOption(option)">
-          {{ option.text }}
-        </ius-option>
-        }
-      </ius-input-select>
-    </div>
-    <ius-simple-divider></ius-simple-divider>
-    <div class="collapse">
-      <div class="cnt-procesos">
-        <p class="negrita">{{cntSeleccionados}}</p>
-        <p class="normal">de</p>
-        <p class="negrita">{{ cantProcesos }}</p>
-        <p class="normal">procesos compartidos</p>
-      </div>
-      <button
-        (click)="toggleProcesos()"
-        class="btn"
-      >
-        <ius-icon-sm
-          [iconName]="
-            showProcesos
-              ? 'icon-keyboard-double-arrow-up'
-              : 'icon-keyboard-double-arrow-down'
-          "
-        ></ius-icon-sm>
-      </button>
-    </div>
-    @if (showProcesos) {
-    <div class="list-procesos">
-      <div class="container">
-        <ng-content></ng-content>
-      </div>
-    </div>
-    }
-  </div>
-</div>