@litigiovirtual/ius-design-components 1.0.267 → 1.0.269

package/src/lib/button-standard-primary/button-standard-primary.component.ts

@@ -1,24 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IconLgComponent } from "../icon-lg/icon-lg.component";
-
-@Component({
-  selector: 'ius-button-standard-primary',
-  standalone: true,
-  imports: [IconLgComponent],
-  templateUrl: './button-standard-primary.component.html',
-  styleUrl: './button-standard-primary.component.scss'
-})
-export class ButtonStandardPrimaryComponent {
-
-  @Input() disabled = false;
-  @Input() iconName = '';
-  @Output() buttonClicked: EventEmitter<Event> = new EventEmitter();
-
-  onClick(event: Event) {
-    if (this.disabled == false) {
-      this.buttonClicked.emit(event);
-    }
-  }
-  
-
-}

package/src/lib/button-standard-primary/index.ts

@@ -1,2 +0,0 @@
-export * from './button-standard-primary.component';
-

package/src/lib/button-standard-secondary/button-standard-secondary.component.html

@@ -1,3 +0,0 @@
-<button [disabled]="disabled" (click)="onClick($event)" class="ius-btn">
-    <ng-content></ng-content>
-</button>

package/src/lib/button-standard-secondary/button-standard-secondary.component.scss

@@ -1,39 +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;
-
-.ius-btn {
-    display: flex;
-    width: 100%;
-    height: 40px;
-    padding: variables.$spacing-sm variables.$spacing-lg;
-    justify-content: center;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-    flex-shrink: 0;
-    border-radius: variables.$radius-lg;
-    background-color: colors.$neutral-3;
-    color: semantic-colors.$color-text-primary-on-light;
-    border: none;
-    cursor: pointer;
-    font-family: typography.$font-secondary;
-    font-size: typography.$font-size-base;
-    line-height: typography.$line-height-base;
-    letter-spacing: 0.28px;
-
-    &:hover:not(:disabled) {
-        background-color: colors.$neutral-6;
-    }
-
-    &:active:not(:disabled) {
-        background-color: colors.$primary-600;
-        color: semantic-colors.$color-text-primary-on-dark;
-    }
-
-    &:disabled {
-        color: semantic-colors.$color-text-disabled-on-light;
-        background-color: semantic-colors.$color-btn-secondary-2-disabled;
-        cursor: not-allowed;
-    }
-}

package/src/lib/button-standard-secondary/button-standard-secondary.component.spec.ts

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

package/src/lib/button-standard-secondary/button-standard-secondary.component.ts

@@ -1,21 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-@Component({
-  selector: 'ius-button-standard-secondary',
-  standalone: true,
-  imports: [],
-  templateUrl: './button-standard-secondary.component.html',
-  styleUrl: './button-standard-secondary.component.scss'
-})
-export class ButtonStandardSecondaryComponent {
-
-  @Input() disabled = false;
-  @Output() buttonClicked: EventEmitter<Event> = new EventEmitter();
-
-  onClick(event: Event) {
-    if (this.disabled == false) {
-      this.buttonClicked.emit(event);
-    }
-  }
-
-}

package/src/lib/button-standard-secondary/index.ts

@@ -1,2 +0,0 @@
-export * from './button-standard-secondary.component';
-

package/src/lib/button-standard-tertiary/button-standard-tertiary.component.html

@@ -1,6 +0,0 @@
-<button [disabled]="disabled" (click)="onClick($event)" class="ius-btn">
-    @if(iconName){
-    <ius-icon-md [iconName]="iconName" class="icon-color"></ius-icon-md>
-    }
-    <ng-content></ng-content>
-</button>

package/src/lib/button-standard-tertiary/button-standard-tertiary.component.scss

@@ -1,48 +0,0 @@
-@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;
-
-.icon-color{
-    color : semantic-colors.$color-text-primary-on-light;
-}
-
-.ius-btn {
-    width: 100%;
-    display: inline-flex;
-    padding: variables.$spacing-xs variables.$spacing-lg;
-    justify-content: center;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-    border-radius: variables.$radius-lg;
-    background-color: semantic-colors.$color-btn-tertiary-default;
-    color: semantic-colors.$color-text-primary-on-light;
-    border: none;
-    cursor: pointer;
-    letter-spacing: 0.28px;
-    font-family: typography.$font-secondary;
-    font-weight: typography.$font-weight-medium;
-    font-size: typography.$font-size-base;
-    line-height: typography.$line-height-base;
-
-    &:hover:not(:disabled) {
-        background-color: semantic-colors.$color-btn-tertiary-hovered;
-    }
-
-    &:active:not(:disabled) {
-        background-color: semantic-colors.$color-btn-tertiary-pressed;
-        color: semantic-colors.$color-text-primary-on-dark;
-        .icon-color{
-            color: semantic-colors.$color-text-primary-on-dark; 
-        }
-    }
-
-    &:disabled {
-        .icon-color{
-            color: semantic-colors.$color-text-disabled-on-light; 
-        }
-
-        color: semantic-colors.$color-text-disabled-on-light;
-        background-color: semantic-colors.$color-btn-tertiary-disabled;
-        cursor: not-allowed;
-    }
-}

package/src/lib/button-standard-tertiary/button-standard-tertiary.component.spec.ts

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

package/src/lib/button-standard-tertiary/button-standard-tertiary.component.ts

@@ -1,22 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IconMdComponent } from "../icon-md/icon-md.component";
-
-@Component({
-  selector: 'ius-button-standard-tertiary',
-  standalone: true,
-  imports: [IconMdComponent],
-  templateUrl: './button-standard-tertiary.component.html',
-  styleUrl: './button-standard-tertiary.component.scss'
-})
-export class ButtonStandardTertiaryComponent {
-  @Input() disabled = false;
-  @Input() iconName = '';
-  @Output() buttonClicked: EventEmitter<Event> = new EventEmitter();
-
-  onClick(event: Event) {
-    if (this.disabled == false) {
-      this.buttonClicked.emit(event);
-    }
-  }
-
-}

package/src/lib/button-standard-tertiary/index.ts

@@ -1,2 +0,0 @@
-export * from './button-standard-tertiary.component';
-

package/src/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.html

@@ -1,9 +0,0 @@
-<button [disabled]="disabled" (click)="onClick($event)" class="ius-btn">
-    @if(iconName){
-    <ius-icon-sm [iconName]="iconName" class="icon-color"></ius-icon-sm>
-    }
-    <ng-content></ng-content>
-    @if(iconNameRight){
-    <ius-icon-sm [iconName]="iconNameRight" class="icon-color"></ius-icon-sm>
-    }
-</button>

package/src/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.scss

@@ -1,47 +0,0 @@
-@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;
-
-.icon-color{
-    color : semantic-colors.$color-text-primary-on-light;
-}
-
-.ius-btn {
-    display: inline-flex;
-    padding: variables.$spacing-xs;
-    justify-content: center;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-    border-radius: variables.$radius-lg;
-    background-color: semantic-colors.$color-btn-tertiary-default;
-    color: semantic-colors.$color-text-primary-on-light;
-    border: none;
-    cursor: pointer;
-    letter-spacing: 0.24px;
-    font-weight: 400;
-    font-family: typography.$font-secondary;
-    font-size: typography.$font-size-sm;
-    line-height: typography.$line-height-sm;
-
-    &:hover:not(:disabled) {
-        background-color: semantic-colors.$color-btn-tertiary-hovered;
-    }
-
-    &:active:not(:disabled) {
-        background-color: semantic-colors.$color-btn-tertiary-pressed;
-        color: semantic-colors.$color-text-primary-on-dark;
-        .icon-color{
-            color: semantic-colors.$color-text-primary-on-dark; 
-        }
-    }
-
-    &:disabled {
-        .icon-color{
-            color: semantic-colors.$color-text-disabled-on-light; 
-        }
-
-        color: semantic-colors.$color-text-disabled-on-light;
-        background-color: semantic-colors.$color-btn-tertiary-disabled;
-        cursor: not-allowed;
-    }
-}

package/src/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.spec.ts

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

package/src/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.ts

@@ -1,22 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IconSmComponent } from "../icon-sm/icon-sm.component";
-
-@Component({
-  selector: 'ius-button-standard-tertiary-small',
-  standalone: true,
-  imports: [IconSmComponent],
-  templateUrl: './button-standard-tertiary-small.component.html',
-  styleUrl: './button-standard-tertiary-small.component.scss'
-})
-export class ButtonStandardTertiarySmallComponent {
-  @Input() disabled = false;
-  @Input() iconName = '';
-  @Input() iconNameRight = '';
-  @Output() buttonClicked: EventEmitter<Event> = new EventEmitter();
-
-  onClick(event:Event) {
-    if (this.disabled == false) {
-      this.buttonClicked.emit(event);
-    }
-  }
-}

package/src/lib/button-standard-tertiary-small/index.ts

@@ -1,2 +0,0 @@
-export * from './button-standard-tertiary-small.component';
-

package/src/lib/calification/calification.component.html

@@ -1,19 +0,0 @@
-<div class="general-container">
-    <div class="rating">
-                <div class="stars" role="img" [attr.aria-label]="rating + ' de 5 estrellas'" (mouseleave)="onMouseLeave()">
-
-                    @for (s of stars; track s) {
-                    <svg class="star" 
-                         [class.filled]="s <= rating" 
-                         [class.hovered]="s <= hoveredRating"
-                         (mouseenter)="onStarHover(s)"
-                         (click)="onStarClick(s)"
-                         viewBox="0 0 24 24" 
-                         aria-hidden="true">
-                        <path
-                            d="M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z" />
-                    </svg>
-                    }
-                </div>
-            </div>
-</div>

package/src/lib/calification/calification.component.scss

@@ -1,50 +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;
-}
-
-:host {
-  --star-size: 25px;
-  --star-gap: 4px;
-  --star-color-filled: #2167FF;
-  --star-color-empty: $neutral-5;
-  --comment-color: #000000;
-  display: block;
-}
-
-.rating {
-  font-family: typography.$font-secondary;
-}
-
-.stars {
-  display: flex;
-  align-items: center;
-  gap: var(--star-gap);
-  margin-bottom: 6px;
-}
-
-.star {
-  width: var(--star-size);
-  height: var(--star-size);
-  fill: var(--star-color-empty);
-  cursor: pointer;
-  transition: fill 0.2s ease;
-}
-
-.star.filled {
-  fill: var(--star-color-filled);
-}
-
-.star.hovered {
-  fill: colors.$info-300;
-}
-
-.comment {
-  margin: 0;
-  color: var(--comment-color);
-  font-weight: 400;
-}

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

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

package/src/lib/calification/calification.component.ts

@@ -1,35 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'ius-calification',
-  standalone: true,
-  imports: [],
-  templateUrl: './calification.component.html',
-  styleUrl: './calification.component.scss'
-})
-export class CalificationComponent {
-
-  @Input() rating: number = 0;
-  @Output() ratingChange = new EventEmitter<number>();
-
-  stars = [1, 2, 3, 4, 5];
-  hoveredRating: number = 0;
-
-  ngOnChanges(): void {
-    if (this.rating == null || isNaN(this.rating as any)) this.rating = 0;
-    this.rating = Math.max(0, Math.min(5, Math.round(this.rating)));
-  }
-
-  onStarHover(star: number): void {
-    this.hoveredRating = star;
-  }
-
-  onMouseLeave(): void {
-    this.hoveredRating = 0;
-  }
-
-  onStarClick(star: number): void {
-    this.rating = star;
-    this.ratingChange.emit(this.rating);
-  }
-}

package/src/lib/calification/index.ts

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

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

@@ -1,77 +0,0 @@
-<div class="ctn-gnrl" (click)="toggleCollapse()">
-    <div class="ctn-card">
-        <div class="ctn-inf">
-            <ius-icon-sm iconName="icon-calendar-clock" class="priority-tx"
-                [ngClass]="{'icon-calendar-clock': estado === 'FINALIZADA' }"></ius-icon-sm>
-            <div class="info">
-                <span class="caption-sm txt-ter">Actividades y eventos</span>
-                <span class="label-base txt-pry" [ngClass]="{'body-base-1': read}">{{titulo}}</span>
-                <div class="tx-asig">
-                    <div class="row-text-2">
-                        <span class="caption-sm txt-ter">Asignado a</span>
-                        <span class="body-base-1 txt-sec">{{usuarioAsignado}}</span>
-                    </div>
-                    <div class="row-text-2">
-                        <span class="caption-sm txt-ter">{{ headerFechaLabel }}</span>
-                        <span class="body-base-1 txt-sec">{{fechaProgramacion | date: 'dd MMM yyyy h:mm a'}}</span>
-                    </div>
-                </div>
-                <span class="body-base-1 txt-sec">{{text1}}</span>
-            </div>
-        </div>
-        <div class="ctn-icons">
-            <div class="row-text-2">
-                @if (!read) {
-                <div class="icon-dot"></div>
-                }
-                @if (warning && estado !== 'FINALIZADA') {
-                <ius-icon-xs iconName="icon-emergency-home" class="icon-emergency-home"></ius-icon-xs>
-                }
-                <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"
-                        [iusPopoverContent]="read ? 'Marcar como no leído' : 'Marcar como leído'"
-                        (buttonClicked)="clickButtonRead($event)"></ius-button-circle-tertiary>
-                    <ius-button-circle-tertiary iconName="icon-content-copy"
-                        iusPopoverContent="Copiar información"
-                        (buttonClicked)="clickButtonCopy($event)"></ius-button-circle-tertiary>
-                    <ius-button-circle-tertiary iconName="icon-done-outline"
-                        [iusPopoverContent]="done ? 'Marcar como abierta' : 'Marcar como hecha'"
-                        (buttonClicked)="clickButtonDone($event)"></ius-button-circle-tertiary>
-                    <ius-button-circle-tertiary iconName="icon-edit"
-                        iusPopoverContent="Editar"
-                        (buttonClicked)="clickButtonEdit($event)"></ius-button-circle-tertiary>
-                    <ius-button-circle-tertiary iconName="icon-delete"
-                        iusPopoverContent="Eliminar"
-                        (buttonClicked)="clickButtonDelete($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">
-                    <span class="label-base" [ngClass]="estadoLabelClass">{{ estadoLabel }}</span>
-                    <div class="row-text-1 body-sm txt-ter">
-                        <span>{{fechaInicio | date: 'dd MMM yyyy h:mm a'}}</span>
-                        @if (fechaFin) {
-                        <span>-</span>
-                        <span>{{fechaFin | date: 'dd MMM yyyy h:mm a'}}</span>
-                        }
-                    </div>
-                    <span class="body-base-1 txt-pry">{{descripcion}}</span>
-                    @if (link) {
-                        <a class="body-sm link-actividad" (click)="openLink($event)">
-                            <ius-icon-xs iconName="icon-link-2"></ius-icon-xs>
-                            <span>{{ link }}</span>
-                        </a>
-                    }
-                </div>
-            </div>
-        </div>
-    </div>
-</div>