@litigiovirtual/ius-design-components 1.0.267 → 1.0.268

package/src/lib/user-card/user-card.component.scss

@@ -1,235 +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;
-
-  .container-icon-letra {
-    background-color: #dfe0ff;
-    display: flex;
-    width: 20px;
-    height: 20px;
-    padding: 10px;
-    margin-right: 10px;
-    justify-content: center;
-    align-items: center;
-    border-radius: variables.$radius-pill;
-
-    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;
-  }
-
-  .container-icon-letra:hover {
-    background-color: #6670c4 !important;
-
-    > span {
-      display: none;
-    }
-
-    .icon-letra-edit {
-      display: block;
-    }
-  }
-
-  .container-icon-letra span {
-    color: #1b2678;
-    text-align: center;
-    font-size: 18px;
-    font-weight: typography.$font-weight-medium;
-  }
-  .image-container {
-    display: flex;
-    align-items: center;
-    gap: variables.$spacing-xs;
-
-    .image {
-      display: flex;
-      width: 32px;
-      height: 32px;
-      justify-content: center;
-      align-items: center;
-      aspect-ratio: 1/1;
-      border-radius: variables.$radius-pill;
-      border: 0.5px solid colors.$neutral-2;
-      background: rgba(255, 255, 255, 0.2);
-    }
-  }
-
-  .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;
-    }
-
-    .state {
-      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;
-    }
-
-    .role {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      align-self: stretch;
-      color: semantic-colors.$color-text-tertiary-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;
-    }
-  }
-}
-
-.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;
-
-      .title {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        color: semantic-colors.$color-text-tertiary-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;
-        align-self: start;
-      }
-
-      .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;
-      }
-    }
-  }
-  .buttons {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .btn {
-    display: flex;
-    width: 40px;
-    height: 40px;
-    padding: variables.$spacing-xs;
-    justify-content: center;
-    align-items: center;
-    gap: variables.$spacing-xxs;
-    aspect-ratio: 1/1;
-    border-radius: variables.$radius-md;
-    background: semantic-colors.$color-btn-tertiary-default;
-  }
-}
-
-.dropdown {
-  position: absolute;
-  top: calc(100% + 8px); 
-  right: 0;               
-  z-index: 9999;
-  min-width: max-content; 
-  white-space: nowrap; 
-}
-
-.options {
-  display: flex;
-  align-items: center;
-  position: relative;
-}

package/src/lib/user-card/user-card.component.spec.ts

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

package/src/lib/user-card/user-card.component.ts

@@ -1,67 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { DropdownContextualMenuComponent } from "../dropdown-contextual-menu";
-import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary"
-
-@Component({
-  selector: 'ius-user-card',
-  standalone: true,
-  imports: [ButtonSquaredTertiaryComponent, DropdownContextualMenuComponent],
-  templateUrl: './user-card.component.html',
-  styleUrl: './user-card.component.scss'
-})
-export class UserCardComponent {
-  hover: boolean = false;
-  options: boolean = false;
-
-  @Input() image?: string;
-  @Input() state?: boolean;
-  @Input() name?: string;
-  @Input() role?: string;
-  @Input() label1?: string;
-  @Input() data1?: string;
-  @Input() label2?: string;
-  @Input() data2?: string;
-  @Input() userID?: number;
-  @Input() letterIcon?: string;
-  @Input() activeText: string = 'Activo';
-  @Input() inactiveText: string = 'Inactivo';
-  @Input() showActions: boolean = true;
-  @Input() showOptionsPoints: boolean = true;
-
-  @Output() onClickEdit = new EventEmitter<any>();
-  @Output() onClickDelete = new EventEmitter<any>();
-  @Output() onClickCard = new EventEmitter<any>();
-
-  onMouseEnter() {
-    this.hover = true;
-  }
-
-  onMouseLeave() {
-    this.hover = false;
-    this.options = false;
-  }
-
-  clickEdit(event: Event): void {
-    event.stopImmediatePropagation();
-    this.onClickEdit.emit(this.userID);
-  }
-
-  clickDelete(event: Event): void {
-    event.stopImmediatePropagation();
-    this.onClickDelete.emit(this.userID);
-  }
-
-  clickCard(event: Event): void {
-    event.stopImmediatePropagation();
-    this.onClickCard.emit(this.userID);
-  }
-
-  clickShowMore(event: Event): void {
-    event.stopImmediatePropagation();
-    this.options = !this.options;
-  }
-
-  get stateLabel(): string {
-  return this.state ? this.activeText : this.inactiveText;
-}
-}

package/src/public-api.ts

@@ -1,108 +0,0 @@
-export * from './lib/button-standard-primary';
-export * from './lib/button-standard-secondary';
-export * from './lib/button-standard-outline';
-export * from './lib/button-standard-tertiary';
-export * from './lib/button-standard-tertiary-small';
-export * from './lib/button-squared-secondary';
-export * from './lib/button-squared-tertiary';
-export * from './lib/button-circle-secondary';
-export * from './lib/button-dynamic';
-export * from './lib/button-circle-tertiary';
-export * from './lib/button-accounts';
-export * from './lib/section-collapse-drawer-parent';
-export * from './lib/section-collapse-drawer-child';
-export * from './lib/menu-item';
-export * from './lib/double-date-picker';
-export * from './lib/date-picker';
-export * from './lib/date-hour-picker';
-export * from './lib/nav-rail';
-export * from './lib/search-bar';
-export * from './lib/input-textfield';
-export * from './lib/badge';
-export * from './lib/input-select';
-export * from './lib/input-select-number';
-export * from './lib/option';
-export * from './lib/dropdown';
-export * from './lib/dropdown-user-menu';
-export * from './lib/dropdown-option-item';
-export * from './lib/icon-xs';
-export * from './lib/icon-sm';
-export * from './lib/icon-md';
-export * from './lib/icon-lg';
-export * from './lib/icon-xl';
-export * from './lib/icon-xxl';
-export * from './lib/simple-divider';
-export * from './lib/linear-progress-bar';
-export * from './lib/loading-circle';
-export * from './lib/drawer-container-right';
-export * from './lib/slide-toggle';
-export * from './lib/card-list-movimientos';
-export * from './lib/card-dynamic-content';
-export * from './lib/avatar-icon';
-export * from './lib/categories';
-export * from './lib/custom-dropdown';
-export * from './lib/chip-user';
-export * from './lib/toolbar';
-export * from './lib/toolbar-user-menu';
-export * from './lib/button-auth';
-export * from './lib/input-password';
-export * from './lib/input-otp';
-export * from './lib/snackbar';
-export * from './lib/charts-donut';
-export * from './lib/charts-bar-grouped';
-export * from './lib/breadcrumb';
-export * from './lib/user-card';
-export * from './lib/simple-user-card';
-export * from './lib/simple-chip';
-export * from './lib/chip';
-export * from './lib/simple-card-contador';
-export * from './lib/dropdown-contextual-menu';
-export * from './lib/segment';
-export * from './lib/notification-card';
-export * from './lib/card-list-consumo';
-export * from './lib/checkbox';
-export * from './lib/checkbox-radio';
-export * from './lib/button-order';
-export * from './lib/button-filter';
-export * from './lib/input-select-filter';
-export * from './lib/card-list-proceso';
-export * from './lib/card-block';
-export * from './lib/card-button-checkbox';
-export * from './lib/option-item';
-export * from './lib/filter-item';
-export * from './lib/card-plan-subscription';
-export * from './lib/card-plan-small';
-export * from './lib/card-uso-plan';
-export * from './lib/card-gestion-cupo';
-export * from './lib/card-info-facturacion';
-export * from './lib/input-large';
-export * from './lib/card-log';
-export * from './lib/card-tipo-proceso';
-export * from './lib/card-list-drag-on';
-export * from './lib/card-collapse-detalle-proceso';
-export * from './lib/item-document';
-export * from './lib/card-ticket';
-export * from './lib/card-vigilancia-judicial';
-export * from './lib/button-menu-link';
-export * from './lib/card-agenda-judicial';
-export * from './lib/card-actividad-evento';
-export * from './lib/card-etapa-subetapa';
-export * from './lib/card-impulso-procesal';
-export * from './lib/calification';
-export * from './lib/alert';
-export * from './lib/input-card';
-export * from './lib/notifications';
-export * from './lib/support-panel';
-export * from './lib/loading-component-dynamic';
-export * from './lib/page-not-found';
-export * from './lib/empty-list';
-export * from './lib/create-ticket';
-export * from './lib/avatar-v2';
-export * from './lib/avatar-business';
-
-
-
-
-//Directivas
-export * from './lib/directives/popover.directive';
-export * from './lib/directives/infinite-scroll.directive';

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}