@litigiovirtual/ius-design-components 1.0.267 → 1.0.269

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

@@ -1,161 +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;
-    min-height: 40px;
-    justify-content: center;
-}
-
-.ctn-inf {
-    display: flex;
-    flex: 1 0 0;
-    align-items: center;
-    gap: variables.$spacing-md;
-}
-
-.title-no-read{
-    font-weight: typography.$font-weight-medium;
-}
-
-.icon-account {
-    color: colors.$neutral-7;
-}
-
-.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;
-    align-items: flex-start;
-    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-vigilancia-judicial/card-vigilancia-judicial.component.spec.ts

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

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

@@ -1,111 +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-vigilancia-judicial',
-    standalone: true,
-    imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective],
-    providers: [
-        { provide: LOCALE_ID, useValue: 'es' },
-        DatePipe
-    ],
-    templateUrl: './card-vigilancia-judicial.component.html',
-    styleUrl: './card-vigilancia-judicial.component.scss'
-})
-export class CardVigilanciaJudicialComponent {
-
-    constructor(private datePipe: DatePipe) {}
-
-    @Input() collapse: boolean = true;
-    @Input() hasNotificacion: boolean = true;
-    @Input() hasAuto: boolean = true;
-    @Input() read: boolean = true;
-
-    @Input() titulo?: string;
-    @Input() juzgado?: string;
-    @Input() fechaPrincipal?: Date;
-
-    @Input() actuaciones?: any[];
-
-    @Output() onClickButtonCopy = new EventEmitter<Event>();
-    @Output() onClickButtonRead = new EventEmitter<Event>();
-    @Output() onClickButtonNotificacion = new EventEmitter<Event>();
-    @Output() onClickButtonAuto = 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('Vigilancia Judicial');
-        if (this.titulo) lines.push(`Título: ${this.titulo}`);
-        if (this.juzgado) lines.push(`Juzgado: ${this.juzgado}`);
-        if (this.fechaPrincipal) lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
-
-        if (this.actuaciones?.length) {
-            lines.push('');
-            lines.push('Actuaciones:');
-            for (const act of this.actuaciones) {
-                const tituloPartes: string[] = [];
-                if (act.actuacion) tituloPartes.push(act.actuacion);
-                if (act.anotacion) tituloPartes.push(act.anotacion);
-                if (tituloPartes.length) lines.push(`- ${tituloPartes.join(': ')}`);
-
-                const fechas: string[] = [];
-                if (act.fechaIniciaTermino) {
-                    fechas.push(`Inicia término: ${this.formatDate(act.fechaIniciaTermino)}`);
-                } else if (act.fechaActuacion) {
-                    fechas.push(`Fecha registro: ${this.formatDate(act.fechaActuacion)}`);
-                }
-                if (act.fechaFinalizaTermino) {
-                    fechas.push(`Finaliza término: ${this.formatDate(act.fechaFinalizaTermino)}`);
-                }
-                if (fechas.length) lines.push(`  ${fechas.join(' - ')}`);
-            }
-        }
-
-        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);
-    }
-
-    clickButtonNotificacion(event: Event) {
-        event.stopImmediatePropagation();
-        this.onClickButtonNotificacion.emit(event);
-    }
-
-    clickButtonAuto(event: Event) {
-        event.stopImmediatePropagation();
-        this.onClickButtonAuto.emit(event);
-    }
-}

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

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

package/src/lib/categories/categories.component.html

@@ -1,13 +0,0 @@
-<div class="category">
-  <ius-checkbox [checked]="checked" (checkedChange)="onCheckedChange($event)"></ius-checkbox>
-  <div class="circle" [ngStyle]="{'background-color': color}"></div>
-  <label class="title body-base-1" [iusPopoverContent]="title">{{ title }}</label>
-  @if(contador > 0){
-    <div class="contador-container">
-      <span class="contador">{{ contador }}</span>
-    </div>
-  }
-  <button class="option">
-      <ius-icon-md [iconName]="'icon-moreop'"></ius-icon-md>
-  </button>
-</div>

package/src/lib/categories/categories.component.scss

@@ -1,51 +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;
-
-.category {
-  display: flex;
-  align-items: center;
-  gap: variables.$spacing-xs;
-  align-self: stretch;
-}
-
-.circle{
-    width: 16px;
-    height: 16px;
-    border-radius: variables.$radius-pill;
-}
-
-.title {
-  flex: 1 1 0;
-  min-width: 0;
-  color: #000;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.contador {
-  color: #605e5e;
-
-  font-family: typography.$font-secondary;
-  font-size: typography.$font-size-sm;
-  font-style: normal;
-  font-weight: 400;
-  line-height: typography.$line-height-sm;
-  letter-spacing: 0.1px;
-}
-
-.option {
-  display: flex;
-  width: 44px;
-  height: 24px;
-  min-width: 44px;
-  padding: variables.$spacing-sm;
-  justify-content: center;
-  align-items: center;
-  gap: variables.$spacing-xs;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-}

package/src/lib/categories/categories.component.spec.ts

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

package/src/lib/categories/categories.component.ts

@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IconMdComponent } from "../icon-md";
-import { CheckboxComponent } from '../checkbox/checkbox.component';
-import { PopoverDirective } from '../directives/popover.directive';
-
-@Component({
-  selector: 'ius-categories',
-  standalone: true,
-  imports: [CommonModule, IconMdComponent, CheckboxComponent, PopoverDirective],
-  templateUrl: './categories.component.html',
-  styleUrl: './categories.component.scss'
-})
-export class CategoriesComponent {
-  @Input() title?: string;
-  @Input() id?: number;
-  @Input() contador: number = 0;
-  @Input() color?: string;
-  @Output() onCheck = new EventEmitter<any>();
-  @Output() onUnCheck = new EventEmitter<any>();
-  checked = false;
-
-  onCheckedChange(value: boolean) {
-    this.checked = value;
-    if (this.checked) {
-      this.onCheck.emit(this.id);
-    } else {
-      this.onUnCheck.emit(this.id);
-    }
-  }
-}

package/src/lib/categories/index.ts

@@ -1,2 +0,0 @@
-export * from './categories.component';
-

package/src/lib/charts-bar-grouped/charts-bar-grouped.component.html

@@ -1,79 +0,0 @@
-<div class="chart-wrapper" [class.bottom]="legendPosition === 'bottom'">
-    <div class="panes" #panes>
-        <div class="axis-ctn">
-            <svg class="chart-axis"
-                [attr.viewBox]="axisViewBox()"
-                preserveAspectRatio="xMinYMin meet"
-                [style.width.px]="margin.left"
-                [style.height.px]="chartHeight()">
-                @for (t of yTicksArr; track t) {
-                <text class="y-tick body-sm"
-                        [attr.x]="margin.left - 6"
-                        [attr.y]="getY(t)"
-                        text-anchor="end"
-                        dominant-baseline="middle">
-                    {{ t }}
-                </text>
-                }
-            </svg>
-        </div>
-
-        <div class="plot-ctn scrollable-small" #plotCtn>
-            <svg class="chart"
-                [attr.viewBox]="plotViewBox()"
-                preserveAspectRatio="xMinYMin meet"
-                [style.width.px]="plotWidth()"
-                [style.height.px]="chartHeight()">
-
-                @for (s of barStripes(); track s.x) {
-                <rect class="bar-stripe"
-                        [attr.x]="s.x"
-                        [attr.y]="margin.top"
-                        [attr.width]="s.width"
-                        [attr.height]="innerHeight()"></rect>
-                }
-
-                @for (t of yTicksArr; track t) {
-                <line class="grid-line"
-                        [attr.x1]="0"
-                        [attr.x2]="plotWidth() - margin.right"
-                        [attr.y1]="getY(t)" [attr.y2]="getY(t)"/>
-                }
-
-                @for (g of groups(); track g; let i = $index) {
-                <text class="x-label body-sm"
-                    [attr.x]="groupCenters()[i]"
-                    [attr.y]="chartHeight() - margin.bottom + 6"
-                    text-anchor="middle"
-                    dominant-baseline="hanging"
-                    [iusPopoverContent]="g">
-                    {{ shortLabel(g) }}
-                </text>
-                }
-
-                @for (b of bars(); track b.groupLabel + ' - ' + b.seriesLabel) {
-                <rect class="bar"
-                        [attr.x]="b.x"
-                        [attr.y]="b.y"
-                        [attr.width]="b.width"
-                        [attr.height]="Math.max(b.height, 0)"
-                        [attr.fill]="b.color"
-                        [attr.rx]="barRadius"
-                        [attr.ry]="barRadius"
-                        [iusPopoverContent]="formatTooltip(b)"
-                        (click)="onBarClick(b)"/>
-                }
-            </svg>
-        </div>
-    </div>
-
-  <!-- Leyenda -->
-    <div class="legend" [class.bottom]="legendPosition === 'bottom'">
-        @for (s of series(); track s) {
-        <div class="legend-item">
-            <span class="dot" [style.background]="colors()[s]"></span>
-            <span class="label caption-sm" [iusPopoverContent]="s">{{ s }}</span>
-        </div>
-        }
-    </div>
-</div>

package/src/lib/charts-bar-grouped/charts-bar-grouped.component.scss

@@ -1,141 +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;
-
-:host {
-    display: block;
-    max-width: 100%;
-    min-height: 0;
-}
-
-.chart-wrapper {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    column-gap: 16px;
-    height: 100%;
-    min-height: 0;
-    align-items: start;
-
-    &.bottom {
-        grid-template-columns: 1fr;
-        grid-template-rows: 1fr auto;
-        row-gap: 12px;
-    }
-}
-
-.panes {
-    display: grid;
-    grid-template-columns: auto 1fr;
-    height: 100%;
-    min-height: 0;
-}
-
-.axis-ctn {
-    height: 100%;
-    min-height: 0;
-    overflow: hidden;
-}
-
-.plot-ctn {
-    width: 100%;
-    height: 100%;
-    min-height: 0;
-    overflow-x: auto;
-    overflow-y: hidden;
-}
-
-.chart-wrapper, .panes, .axis-ctn, .plot-ctn { min-height: 0; }
-
-.chart,
-.chart-axis {
-    display: block;
-}
-
-.grid-line {
-    stroke: rgba(31, 41, 55, .16);
-    stroke-width: 1;
-    stroke-dasharray: 3 3;
-}
-
-.y-tick,
-.x-label {
-    fill: rgba(0, 0, 0, 0.70);
-}
-
-.bar-stripe {
-    fill: rgba(214, 219, 237, 0.40);
-    pointer-events: none;
-}
-
-.bar {
-    cursor: pointer;
-    transition: opacity .15s ease, transform .15s ease;
-    pointer-events: all;
-
-    &:hover {
-        opacity: .9;
-    }
-
-    &:focus {
-        outline: none;
-        filter: drop-shadow(0 0 2px rgba(0, 0, 0, .2));
-    }
-}
-
-.legend {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    gap: 8px;
-    min-width: 0;
-
-    &.bottom {
-        flex-direction: row;
-        flex-wrap: wrap;
-    }
-
-    .legend-item {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        min-width: 0;
-        white-space: nowrap;
-    }
-
-    .dot {
-        width: variables.$icon-size-xxs;
-        height: variables.$icon-size-xxs;
-        border-radius: variables.$radius-md;
-        flex: 0 0 variables.$icon-size-xxs;
-    }
-
-    .label {
-        color: semantic.$color-text-secundary-on-light;
-        min-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-}
-
-.plot-ctn.scrollable-small::-webkit-scrollbar {
-    -webkit-appearance: none;
-}
-
-.plot-ctn.scrollable-small::-webkit-scrollbar:vertical {
-    width: variables.$spacing-xxs;
-    height: variables.$spacing-xl;
-    padding-top: 2px;
-    padding-bottom: 2px;
-}
-
-.plot-ctn.scrollable-small::-webkit-scrollbar:horizontal {
-    height: 5px;
-    padding-top: 2px;
-    padding-bottom: 2px;
-}
-
-.plot-ctn.scrollable-small::-webkit-scrollbar-thumb {
-    background-color: colors.$neutral-6;
-    border-radius: variables.$radius-sm;
-}

package/src/lib/charts-bar-grouped/charts-bar-grouped.component.spec.ts

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