@litigiovirtual/ius-design-components 1.0.267 → 1.0.269

package/src/lib/card-impulso-procesal/card-impulso-procesal.component.ts

@@ -1,100 +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 { ButtonMenuLinkComponent } from "../button-menu-link";
-import { PopoverDirective } from '../directives/popover.directive';
-
-registerLocaleData(localeEs);
-
-@Component({
-  selector: 'ius-card-impulso-procesal',
-  standalone: true,
-  imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective],
-  providers: [
-    { provide: LOCALE_ID, useValue: 'es' },
-    DatePipe
-  ],
-  templateUrl: './card-impulso-procesal.component.html',
-  styleUrl: './card-impulso-procesal.component.scss'
-})
-export class CardImpulsoProcesalComponent {
-
-  constructor(private datePipe: DatePipe) {}
-
-  @Input() priority: boolean = true;
-  @Input() hasDocuments: boolean = false;
-  @Input() read: boolean = true;
-  @Input() collapse: boolean = true;
-
-  @Input() titulo?: string;
-  @Input() text1?: string;
-  @Input() origen?: string;
-  @Input() fechaPrincipal?: Date;
-  @Input() descripcion?: string;
-
-  @Output() onClickButtonCopy = new EventEmitter<Event>();
-  @Output() onClickButtonRead = new EventEmitter<Event>();
-  @Output() onClickButtonEdit = new EventEmitter<Event>();
-  @Output() onClickButtonDelete = new EventEmitter<Event>();
-  @Output() onClickButtonDocs = new EventEmitter<Event>();
-
-  toggleCollapse(): void {
-    const wasCollapsed = this.collapse;
-    this.collapse = !this.collapse;
-    if (wasCollapsed && !this.read) {
-      this.onClickButtonRead.emit(new Event('autoExpand'));
-    }
-  }
-
-  async clickButtonCopy(event: Event) {
-    event.stopImmediatePropagation();
-    try {
-      await navigator.clipboard.writeText(this.getCardSummary());
-      this.onClickButtonCopy.emit(event);
-    } catch {
-      // clipboard write failed; no emit, no snackbar
-    }
-  }
-
-  private getCardSummary(): string {
-    const lines: string[] = [];
-    lines.push('Gestión - Impulso Procesal');
-    if (this.titulo) lines.push(`Título: ${this.titulo}`);
-    if (this.fechaPrincipal) lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
-    if (this.text1) lines.push(this.text1);
-    if (this.origen) lines.push(`Origen: ${this.origen}`);
-    if (this.descripcion) {
-      lines.push('');
-      lines.push('Descripción:');
-      lines.push(this.descripcion);
-    }
-    return lines.join('\n');
-  }
-
-  private formatDate(d: Date | string): string {
-    return this.datePipe.transform(d, 'd MMM y') ?? '';
-  }
-
-  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);
-  }
-
-  clickButtonDocs(event: Event) {
-    event.stopImmediatePropagation();
-    this.onClickButtonDocs.emit(event);
-  }
-}

package/src/lib/card-impulso-procesal/index.ts

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

package/src/lib/card-info-facturacion/card-info-facturacion.component.html

@@ -1,63 +0,0 @@
-<div class="container-general">
-    <div class="header">
-        <span class="title">{{title}}</span>
-    </div>
-    <ius-simple-divider></ius-simple-divider>
-    <div class="container-interno-general">
-        <div class="row-1">
-            <div class="container-dot"><ius-icon-xs [iconName]="'icon-dot'"></ius-icon-xs></div>
-            <div class="row2">
-                <div class="row-2-interno">
-                    <span class="text">{{label1}}</span>
-                </div>
-                <div class="row-2-end">
-                    <span class="label-base" >{{data1}}</span>
-                </div>
-            </div>
-        </div>
-        <div class="row-1">
-            <div class="container-dot"><ius-icon-xs [iconName]="'icon-dot'"></ius-icon-xs></div>
-            <div class="row2">
-                <div class="row-2-interno">
-                    <span class="text">{{label2}}</span>
-                </div>
-                <div class="row-2-end">
-                    <span class="label-base">{{data2}}</span>
-                </div>
-            </div>
-        </div>
-        <div class="row-1">
-            <div class="container-dot"><ius-icon-xs [iconName]="'icon-dot'"></ius-icon-xs></div>
-            <div class="row2">
-                <div class="row-2-interno">
-                    <span class="text">{{label3}}</span>
-                </div>
-                <div class="row-2-end">
-                    <span class="label-base">{{data3}}</span>
-                </div>
-            </div>
-        </div>
-        <div class="row-1">
-            <div class="container-dot"><ius-icon-xs [iconName]="'icon-dot'"></ius-icon-xs></div>
-            <div class="row2">
-                <div class="row-2-interno">
-                    <span class="text">{{label4}}</span>
-                </div>
-                <div class="row-2-end">
-                    <span class="label-base">{{data4}}</span>
-                </div>
-            </div>
-        </div>
-        <div class="container-footer">
-            <div class="container-footer-interno">
-                <div class="row-2-interno">
-                    <span class="label-base">{{label5}}</span>
-                </div>
-                <button class="container-button" (click)="onClick($event)">
-                    <span class="body-sm">{{data5}}</span>
-                    <ius-icon-xs [iconName]="'icon-bill'"></ius-icon-xs>
-                </button>
-            </div>
-        </div>
-    </div>
-</div>

package/src/lib/card-info-facturacion/card-info-facturacion.component.scss

@@ -1,126 +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;
-
-.container-general {
-    display: flex;
-    padding: variables.$spacing-sm variables.$spacing-md;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: variables.$spacing-none;
-    flex: 1 0 0;
-    align-self: stretch;
-    border-radius: var(--Border-Radius-Radius-lg, 14px);
-    border: 1px solid var(--Stroke, #EAEAEA);
-}
-
-.header {
-    display: flex;
-    min-width: 89px;
-    align-items: center;
-    gap: 10px;
-}
-
-.title {
-    flex: 1 0 0;
-    color: colors.$neutral-10;
-    font-family: typography.$font-primary;
-    font-size: typography.$font-size-large;
-    font-style: normal;
-    font-weight: 500;
-    line-height: typography.$line-height-large;
-}
-
-.container-interno-general {
-    display: flex;
-    padding: variables.$spacing-xs variables.$spacing-none;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: variables.$spacing-xs;
-    align-self: stretch;
-}
-
-.row-1 {
-    display: flex;
-    padding: variables.$spacing-none variables.$spacing-xs;
-    align-items: center;
-    gap: variables.$spacing-xs;
-    align-self: stretch;
-}
-
-
-.container-dot {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 8px;
-    aspect-ratio: 1/1;
-    padding-bottom: 8px;
-}
-
-.row2 {
-    display: flex;
-    padding: variables.$spacing-none 0;
-    align-items: flex-start;
-    gap: variables.$spacing-xs;
-    flex: 1 0 0;
-}
-
-.row-2-interno {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    flex: 1 0 0;
-}
-
-.row-2-end {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: 10px;
-    flex: 1 0 0;
-}
-
-.container-footer {
-    display: flex;
-    padding-left: variables.$spacing-xs;
-    align-items: center;
-    gap: variables.$spacing-xs;
-    align-self: stretch;
-}
-
-.container-footer-interno {
-    display: flex;
-    padding: variables.$spacing-none 0;
-    align-items: center;
-    gap: variables.$spacing-xs;
-    flex: 1 0 0;
-}
-
-.container-button {
-    display: flex;
-    padding: variables.$spacing-xs;
-    justify-content: center;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-    border-radius: var(--Border-Radius-Radius-lg, 14px);
-    background: colors.$neutral-white;
-    border: none;
-    cursor: pointer;
-}
-
-.container-button:hover {
-    background: colors.$primary-900;
-    color: colors.$neutral-white;
-}
-
-.text {
-    color: colors.$neutral-8;
-    font-family: typography.$font-secondary;
-    font-size: typography.$font-size-base;
-    font-style: normal;
-    font-weight: 400;
-    line-height: typography.$line-height-base;
-    letter-spacing: 0.28px;
-}

package/src/lib/card-info-facturacion/card-info-facturacion.component.spec.ts

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

package/src/lib/card-info-facturacion/card-info-facturacion.component.ts

@@ -1,31 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { SimpleDividerComponent } from "../simple-divider";
-import { IconXsComponent } from "../icon-xs";
-
-@Component({
-  selector: 'ius-card-info-facturacion',
-  standalone: true,
-  imports: [SimpleDividerComponent, IconXsComponent],
-  templateUrl: './card-info-facturacion.component.html',
-  styleUrl: './card-info-facturacion.component.scss'
-})
-export class CardInfoFacturacionComponent {
-
-  @Input() title?: string;
-  @Input() label1?: string;
-  @Input() data1?: string | number;
-  @Input() label2?: string;
-  @Input() data2?: string | Date;
-  @Input() label3?: string;
-  @Input() data3?: string | Date;
-  @Input() label4?: string;
-  @Input() data4?: string | Date;
-  @Input() label5?: string;
-  @Input() data5?: string;
-
-  @Output() onClickEvent = new EventEmitter<any>();
-
-  onClick(event: Event): void {
-    this.onClickEvent.emit(event);
-  }
-}

package/src/lib/card-info-facturacion/index.ts

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

package/src/lib/card-list-consumo/card-list-consumo.component.html

@@ -1,23 +0,0 @@
-<div class="general-container">
-  <div class="container-card" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()" (click)="clickCard($event)">
-    <div class="data">
-      <div class="left-data">
-        <div class="data-container">
-          <p class="fecha">
-            {{ fecha }}
-          </p>
-          <p class="name">{{ name }}</p>
-        </div>
-      </div>
-      <div class="right-data">
-        <div class="container">
-        @if (cant) {
-          <div class="data-container">
-            <p class="cantidad">{{ cant }}</p>
-          </div>
-          }
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/src/lib/card-list-consumo/card-list-consumo.component.scss

@@ -1,132 +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;
-
-.general-container {
-  position: relative;
-}
-
-.container-card {
-  display: flex;
-  padding: variables.$spacing-md variables.$spacing-xl;
-  align-items: center;
-  align-content: center;
-  gap: variables.$spacing-sm;
-  flex-wrap: wrap;
-  border-radius: variables.$radius-md;
-  border: 1px solid colors.$neutral-4;
-  background: colors.$neutral-white;
-
-  :hover {
-    cursor: pointer;
-  }
-}
-
-.data {
-  display: flex;
-  align-items: center;
-  gap: variables.$spacing-2xl;
-  flex: 1 0 0;
-}
-
-.left-data {
-  display: flex;
-  min-width: 280px;
-  align-items: center;
-  gap: variables.$spacing-xs;
-  flex: 1 0 0;
-
-}
-
-.data-container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: variables.$spacing-none;
-  flex: 1 0 0;
-
-  p {
-    margin: 0;
-  }
-
-  .name {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    color: semantic-colors.$color-text-primary-on-light;
-    font-family: typography.$font-secondary;
-    font-size: typography.$font-size-large;
-    font-style: normal;
-    font-weight: typography.$font-weight-regular;
-    line-height: typography.$line-height-large;
-  }
-
-  .fecha {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    align-self: stretch;
-    color: semantic-colors.$color-text-secundary-on-light;
-    font-family: typography.$font-secondary;
-    font-size: typography.$font-size-sm;
-    font-style: normal;
-    font-weight: typography.$font-weight-regular;
-    line-height: typography.$line-height-sm;
-    letter-spacing: 0.24px;
-  }
-
-}
-
-
-.right-data {
-  display: flex;
-  align-items: center;
-  gap: variables.$spacing-2xl;
-
-  p {
-    margin: 0;
-  }
-
-  .container {
-    display: flex;
-    // min-width: 280px;
-    justify-content: center;
-    align-items: center;
-    align-content: center;
-    gap: variables.$spacing-2xl;
-    flex-wrap: wrap;
-
-    .data-container {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: variables.$spacing-xxs;
-
-      .data {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        align-self: stretch;
-        color: semantic-colors.$color-text-secundary-on-light;
-        font-family: typography.$font-secondary;
-        font-size: typography.$font-size-base;
-        font-style: normal;
-        font-weight: typography.$font-weight-regular;
-        line-height: typography.$line-height-base;
-        letter-spacing: 0.28px;
-      }
-    }
-  }
-
-}
-
-.cantidad {
-  color: colors.$neutral-8;
-  font-family: typography.$font-secondary;
-  font-size: typography.$font-size-base;
-  font-style: normal;
-  font-weight: 500;
-  line-height: typography.$line-height-base;
-  letter-spacing: 0.28px;
-}

package/src/lib/card-list-consumo/card-list-consumo.component.spec.ts

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

package/src/lib/card-list-consumo/card-list-consumo.component.ts

@@ -1,39 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-@Component({
-  selector: 'ius-card-list-consumo',
-  standalone: true,
-  imports: [],
-  templateUrl: './card-list-consumo.component.html',
-  styleUrl: './card-list-consumo.component.scss'
-})
-export class CardListConsumoComponent {
-
-  hover: boolean = false;
-  options: boolean = false;
-
-  @Input() fecha?: string;
-  @Input() name?: string;
-  @Input() cant?: string;
-
-  @Output() onClickCard = new EventEmitter<any>();
-
-  onMouseEnter() {
-    this.hover = true;
-  }
-
-  onMouseLeave() {
-    this.hover = false;
-    this.options = false;
-  }
-
-  clickCard(event: Event): void {
-    event.stopImmediatePropagation();
-    this.onClickCard.emit();
-  }
-
-  clickShowMore(event: Event): void {
-    event.stopImmediatePropagation();
-    this.options = !this.options;
-  }
-}

package/src/lib/card-list-consumo/index.ts

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

package/src/lib/card-list-drag-on/card-list-drag-on.component.html

@@ -1,64 +0,0 @@
-<div class="general-container">
-  <div class="container" [class.isClicked]="isSelected" (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()"
-    (click)="clickCard($event)">
-    <ius-icon-sm [iconName]="'icon-drag-indicator'"></ius-icon-sm>
-    <div class="data-container">
-      <div class="content">
-        <div class="general-data">
-          <div class="data">
-            <div class="state">{{ state }}</div>
-            <div class="name">{{ name }}</div>
-            <div class="small-text">{{ smallText }}</div>
-          </div>
-        </div>
-        @if(etapaID){
-        <div class="optional-data">
-          <div class="title-text-container">
-            <p class="title">Subetapas</p>
-            <p class="text">{{ subetapas }}</p>
-          </div>
-          @if (hover) {
-          <div class="buttons">
-            <div>
-              <ius-button-squared-tertiary iconName="icon-edit"
-                (buttonClicked)="clickEdit($event)"></ius-button-squared-tertiary>
-            </div>
-            @if (!isUsed) {
-            <div>
-              <ius-button-squared-tertiary iconName="icon-delete"
-                (buttonClicked)="clickDelete($event)"></ius-button-squared-tertiary>
-            </div>
-            }
-          </div>
-          }@else{
-          <div class="title-text-container">
-            <p class="title">Creado/modificado</p>
-            <div class="image-date">
-              @if(fecha){
-              <ius-avatar-v2 [imageUrl]="imageUrl" [name]="userName" size="sm"></ius-avatar-v2>
-              }
-              <p class="text">{{ fecha }}</p>
-            </div>
-          </div>
-          }
-        </div>
-        } @if (hover && (subetapaID || anotherID) ) {
-        <div class="buttons">
-          <div>
-            <ius-button-squared-tertiary iconName="icon-edit"
-              (buttonClicked)="clickEdit($event)"></ius-button-squared-tertiary>
-          </div>
-          @if (!isUsed) {
-          <div>
-            <ius-button-squared-tertiary iconName="icon-delete"
-              (buttonClicked)="clickDelete($event)"></ius-button-squared-tertiary>
-          </div>
-          }
-        </div>
-        }
-      </div>
-    </div>
-
-    <ius-icon-md [iconName]="'icon-keyboard-arrow-right'"></ius-icon-md>
-  </div>
-</div>