ng-components-tsi 0.0.38 → 0.0.39

package/src/lib/ui/forms/inputs/doble-input/doble-input.component.scss

@@ -1,86 +0,0 @@
-.content-1 {
-    flex-basis: 30%;
-    display: flex;
-    align-items: center;
-}
-
-.content-2 {
-    flex-basis: 70%;
-    display: flex;
-    align-items: center;
-}
-
-@media (max-width: 442px) {
-    .d-flex {
-        flex-direction: column !important;
-        align-items: stretch !important;
-    }
-}
-
-.show-input {
-    display: none;
-}
-
-@media (min-width: 443px) {
-    .show-input {
-        display: block;
-    }
-}
-
-.input-error {
-    border: 1px solid rgb(203, 0, 0);
-    color: rgb(203, 0, 0) !important;
-    animation: aura-pulse 1.5s ease-out infinite;
-    position: relative;
-    z-index: 1;
-}
-
-.infoBox {
-    position: absolute;
-    width: 400px;
-    top: calc(100% + 10px);
-    left: 0;
-    right: 0;
-    margin-top: 2px;
-    background: rgba(190, 0, 0, 0.835);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-    border-radius: 6px;
-    padding: 15px 12px;
-    font-size: 14px;
-    color: #dbdbdb;
-    z-index: 10;
-    font-size: 12px;
-    font-weight: 600;
-}
-
-.infoBox::before {
-    content: "";
-    position: absolute;
-    top: -10px;
-    left: 20px;
-    border-width: 0 8px 10px 8px;
-    border-style: solid;
-    border-color: transparent transparent rgba(190, 0, 0, 0.835) transparent;
-    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
-}
-
-@media (max-width: 442px) {
-    .d-flex {
-        flex-direction: column !important;
-        align-items: stretch !important;
-    }
-
-    .infoBox {
-        font-size: 12px;
-        padding: 8px 12px;
-        width: 100% !important;
-        max-width: 100% !important;
-    }
-}
-
-@media (max-width: 900px) {
-
-    .infoBox {
-        width: 250px !important;
-    }
-}

package/src/lib/ui/forms/inputs/doble-input/doble-input.component.ts

@@ -1,129 +0,0 @@
-
-import { Component, computed, effect, HostListener, inject, input, model, output, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { fadeInOut } from '../../../../directivas/animaciones/fade-animation';
-import { beep, getFirstItem, validaArray, validarVacioAndNull } from 'shared-tsi';
-import { ToastService } from '../../../../service/toast.service';
-
-@Component({
-  selector: 'app-doble-input',
-  imports: [FormsModule],
-  templateUrl: './doble-input.component.html',
-  styleUrl: './doble-input.component.scss',
-  animations: [fadeInOut]
-})
-
-export class DobleInputComponent {
-
-  private toast = inject(ToastService)
-
-  wlabel = input<number>(0)
-  label = input<string>('')
-  withBuscar = input<boolean>(false)
-  withBuscar2 = input<boolean>(false)
-  isRequired = input<boolean>(false)
-  tipoInput2 = input<number>(1)
-  lista = input<any[]>([])
-  keyCodigo = input<string>('')
-  keyDescri = input<string>('')
-  joinInfo = input<boolean>(false)
-  isVertical = input<boolean>(false)
-  withTodos = input<boolean>(true)
-
-  firstItemDefault = input<boolean>(false)
-
-  disabled1 = model<boolean>()
-  disabled2 = model<boolean>()
-
-  value = model<any>()
-  value2 = model<any>()
-
-  changeInput = output<void>()
-  activeFocus = input<boolean>(true)
-
-  customBorderColor = input<string>('')
-  customBoxShadow = input<string>('')
-  customTransition = input<string>('')
-
-  maxLength = input<number>(null)
-  listName = input<string>('')
-  invalidInput = model<boolean>(false)
-
-  accion1 = output<void>()
-  accion2 = output<void>()
-
-  blur1 = input<() => void>(null)
-  enter1 = input<() => void>(null)
-
-  blur2 = input<() => void>(null)
-  enter2 = input<() => void>(null)
-
-  typeKey = input<'string' | 'number'>('number')
-  withAdicionalInfo = input<boolean>(false)
-
-  validaLista = input<boolean>(false)
-
-  isSmallScreen = signal<boolean>(window.innerWidth < 443)
-
-  joinInfoReal = computed(() => this.isSmallScreen() ? true : this.joinInfo());
-
-  @HostListener('window:resize')
-  onResize() {
-    this.isSmallScreen.set(window.innerWidth < 443);
-  }
-
-  constructor() {
-    effect(() => {
-      if (this.invalidInput()) beep()
-    })
-
-    effect(() => {
-      if (this.withAdicionalInfo() && validaArray(this.lista()) && this.value() && this.keyCodigo() && this.keyDescri()) {
-        this.buscarItem()
-      }
-    })
-
-    effect(() => {
-      const data = (this.lista() ?? [])
-      if (data.length > 0 && this.firstItemDefault()) {
-        const firstItem = getFirstItem(data)
-        this.value.set(firstItem ? firstItem[this.keyCodigo()] : null)
-      }
-    })
-  }
-
-  emitirChange() {
-    this.changeInput.emit()
-    if (this.withAdicionalInfo()) {
-      this.buscarItem()
-    }
-  }
-
-  buscarItem() {
-    const findItem = this.lista().find(item => item[this.keyCodigo()] == this.value())
-    this.value2.set(findItem ? findItem[this.keyDescri()] : null)
-  }
-
-  validaItem() {
-    if(!this.validaLista()) return
-    if (!validaArray(this.lista())) return
-    if (this.typeKey() == 'number' && this.value() == -1) return
-
-    if (this.typeKey() != 'number' && !validarVacioAndNull(this.value())) {
-      this.value.set('')
-      return
-    }
-    const findItem = this.lista().find(item => item[this.keyCodigo()] == this.value())
-    if (findItem) return
-
-    const nombre = this.listName() || this.label();
-    const isWarning = !!this.listName();
-
-    const mensaje = `El código ${this.value() ? this.value() : 'vacio'} no existe en la lista de "${nombre}"`;
-    isWarning ? this.toast.warning('Advertencia', mensaje) : this.toast.error('Error', mensaje);
-    const firstItem = getFirstItem(this.lista());
-    this.value.set(firstItem ? firstItem[this.keyCodigo()] : null);
-  }
-
-
-}

package/src/lib/ui/forms/inputs/input/input.component.html

@@ -1,169 +0,0 @@
-@if (isVertical()) {
-<label [ngClass]="{'text-error': isImportant()}" [for]="inputId" [style.min-width]="wlabel() + 'px'"> {{label()}} @if (isRequired()) {<span
-        class="fw-bold text-danger">(*)</span>}</label>
-}
-<div class="d-flex align-items-{{position_row()}}">
-    @if (!isVertical()) {
-    <label [ngClass]="{'text-error': isImportant()}" [for]="inputId" [style.min-width]="wlabel() + 'px'"> {{label()}} @if (isRequired()) {<span
-            class="fw-bold text-danger">(*)</span>}</label>
-    }
-    <div class="flex-grow-1 me-2">
-        <div [ngClass]="{'d-block': typeStandar() == 'date','d-flex': typeStandar() != 'date', 'flex-column': showTopLabel() }"
-            class="position-relative">
-            
-            @if (showTopLabel() && topLabelText()) {
-            <div class="input-top-label">
-                <label class="fw-bold">{{ topLabelText() }}</label>
-            </div>
-            }
-            
-            @if (!distintInputs.includes(typeStandar())) {
-            <input [type]="typeStandar()" (blur)="callBlur()" (keyup.enter)="ejecutarAccion()" (input)="keyup()?.()"
-                class="form-control text-{{position()}}"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [style.max-width.px]="maxWidth()"
-                (focus)="invalidInput.set(false)" autocomplete="off" [ngClass]="invalidInput() ? 'input-error' : ''"
-                [disabled]="allDisabled() ? true : disabled()" [(ngModel)]="value" [id]="inputId" [caracteresCodigo]="validaCodigo()"
-                [name]="inputId" [attr.maxlength]="maxLength()">
-            }
-
-            @if (typeStandar() == 'input-switch') {
-            <div class="d-flex w-100">
-                <div class="flex-grow-1">
-                    <input type="text" class="form-control" (blur)="callBlur()" (input)="keyup()?.()"
-                    [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [ngClass]="'text-' + position()"
-                [style.max-width.px]="maxWidth()" [disabled]="allDisabled() ? true : disabled()" [(ngModel)]="value"
-                [id]="inputId" [name]="inputId" [caracteresCodigo]="validaCodigo()"
-                [attr.maxlength]="maxLength()" (focus)="invalidInput.set(false)">
-                </div>
-                <div class="px-2">
-                    <app-switch-activo valueOn="S" valueOff="N" [id]="`switch_${inputId}`" [(model)]="value2" />
-                </div>
-            </div>
-            }
-
-            @if (typeStandar() == 'number-format-decimal') {
-            <input type="text" class="form-control" (blur)="callBlur()" (input)="keyup()?.()"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [ngClass]="'text-' + position()"
-                [style.max-width.px]="maxWidth()" [disabled]="allDisabled() ? true : disabled()" [(ngModel)]="value"
-                [id]="inputId" [name]="inputId" [appDecimal]="formatNumber()" onlyNumberFlex
-                [attr.maxlength]="maxLength()" (focus)="invalidInput.set(false)">
-            }
-
-            @if (typeStandar() == 'number-integer') {
-            <input type="text" class="form-control text-{{position()}}" (blur)="callBlur()" (input)="keyup()?.()"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [style.max-width.px]="maxWidth()"
-                [ngClass]="invalidInput() ? 'input-error' : ''" [disabled]="allDisabled() ? true : disabled()"
-                [(ngModel)]="value" [id]="inputId" [name]="inputId" onlyNumber
-                [attr.maxlength]="maxLength()" (focus)="invalidInput.set(false)">
-            }
-
-            @if (typeStandar() == 'day') {
-            <input type="text" class="form-control text-{{position()}}" (blur)="callBlur()" (input)="keyup()?.()"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [style.max-width.px]="maxWidth()"
-                [ngClass]="invalidInput() ? 'input-error' : ''" [disabled]="allDisabled() ? true : disabled()"
-                [(ngModel)]="value" [id]="inputId" [name]="inputId" onlyDay
-                [attr.maxlength]="maxLength()" (focus)="invalidInput.set(false)">
-            }
-
-            @if (typeStandar() == 'date') {
-            <input type="date" class="form-control text-{{position()}}" (blur)="callBlur()" (input)="keyup()?.()"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [ngClass]="invalidInput() ? 'input-error' : ''"
-                [disabled]="allDisabled() ? true : disabled()" [(ngModel)]="value" [id]="inputId"
-                [name]="inputId" (focus)="invalidInput.set(false)">
-            }
-
-            @if (typeStandar() == 'time') {
-            <input type="time" class="form-control text-{{position()}}" (blur)="callBlur()" (input)="keyup()?.()"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [ngClass]="invalidInput() ? 'input-error' : ''"
-                [disabled]="allDisabled() ? true : disabled()" [(ngModel)]="value" [id]="inputId"
-                [name]="inputId" (focus)="invalidInput.set(false)">
-            }
-
-            @if (typeStandar() == 'text-area') {
-            <textarea class="{{'text-' + position()}} form-area"
-                [placeholder]="placeholder()"
-                [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [id]="inputId" [name]="inputId"
-                [disabled]="allDisabled() ? true : disabled()" [(ngModel)]="value" [rows]="alto()"
-                [attr.maxlength]="maxLength()" (focus)="invalidInput.set(false)">
-
-                </textarea>
-            }
-
-            @if (typeStandar() == 'select') {
-            <select class="form-select" [attr.data-active-focus]="activeFocus() == false ? 'false' : ''"
-                [class.text-error]="isImportant()"
-                [style.--focus-border-color]="customBorderColor()" [style.--focus-box-shadow]="customBoxShadow()"
-                [style.--focus-transition]="customTransition()" [style.max-width.px]="maxWidth()" [style.min-width.px]="maxWidth()" [(ngModel)]="value"
-                [disabled]="allDisabled() ? true : disabled()" [id]="inputId"
-                [name]="inputId" (change)="emitirChange()" (focus)="focusInput()">
-                @if (withTodos()) {
-                <option [value]="typeKey() == 'number' ? -1 : ''">Todos</option>
-                }
-                @for (item of lista(); track $index) {
-                @if (!keyCodigo()) {
-                <option [value]="item"> {{ item }}</option>
-                }
-                @if (keyCodigo()) {
-                <option [value]="item[keyCodigo()]"> {{ joinInfo() ? item[keyCodigo()] + ' - ' + item[keyDescri()] :
-                    item[keyDescri()]}}</option>
-                }
-
-                }
-            </select>
-            }
-
-            @if (withBuscar()) {
-            <button class="btn btn-dark boton-buscar fs-7" [ngClass]="classButton()" [disabled]="allDisabled()" (click)="ejecutarAccion()">
-                <i [ngClass]="iconButton()" ></i>
-            </button>
-            }
-            @if (withChangeInput()) {
-            <button class="btn btn-dark boton-buscar bg-search fs-7" [disabled]="allDisabled()" (click)="changeInputAction()">
-                <i [ngClass]="typeStandar() == 'select' ? 'fas fa-times' : 'fa solid fa-pen'"></i>
-            </button>
-            }
-            @if (invalidInput()) {
-            <div class="infoBox" @fadeInOut><i class="fas fa-exclamation-triangle fs-9 text-danger"></i> Ocurrió un
-                error: El campo es obligatorio, asegúrese de ingresar datos válidos.</div>
-            }
-
-        </div>
-    </div>
-</div>
-
-@if (textoAyuda() && typeStandar() == 'text-area') {
-<div class="d-flex flex-wrap justify-content-between align-items-center px-2">
-    <span class="text-error fs-6">{{textoAyuda()}}</span>
-    <span class="text-dark fs-6 fw-5">{{ valueSize() }}/{{maxLength()}} caracteres</span>
-</div>
-}
-
-@if (sinAyuda() && typeStandar() == 'text-area') {
-<div class="d-flex flex-wrap justify-content-between align-items-center px-2">
-    <span class="text-error fs-6"></span>
-    <span class="text-dark fs-6 fw-5">{{ valueSize() }}/{{maxLength()}} caracteres</span>
-</div>
-}

package/src/lib/ui/forms/inputs/input/input.component.scss

@@ -1,74 +0,0 @@
-.text-error {
-  color: rgb(214, 0, 0) !important;
-  font-weight: bold !important;
-}
-
-@media (max-width: 442px) {
-    .d-flex {
-        flex-direction: column !important;
-        align-items: stretch !important;
-    }
-    .infoBox{
-        font-size: 12px;
-        padding: 8px 12px;
-        width: 100% !important;
-        max-width: 100% !important;
-    }
-}
-
-@media (max-width: 900px) {
-
-    .infoBox{
-        width: 250px !important;
-    }
-}
-
-.infoBox {
-      position: absolute;
-      width: 400px;
-      top: calc(100% + 10px);
-      left: 0;
-      right: 0;
-      margin-top: 2px;
-      background: rgba(190, 0, 0, 0.835);
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-      border-radius: 6px;
-      padding: 15px 12px;
-      font-size: 14px;
-      color: #dbdbdb;
-      z-index: 10;
-      font-size: 12px;
-      font-weight: 600;
-    }
-    
-    .infoBox::before {
-      content: "";
-      position: absolute;
-      top: -10px;
-      left: 20px;
-      border-width: 0 8px 10px 8px;
-      border-style: solid;
-      border-color: transparent transparent rgba(190, 0, 0, 0.835) transparent;
-      filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
-    }
-
-    
-.input-error{
-  border: 1px solid rgb(203, 0, 0);
-  color: rgb(203, 0, 0) !important;
-  animation: aura-pulse 1.5s ease-out infinite;
-  position: relative;
-  z-index: 1;
-}
-
-@keyframes aura-pulse {
-  0% {
-    box-shadow: 0 0 0 0 rgba(203, 0, 0, 0.7);
-  }
-  70% {
-    box-shadow: 0 0 0 5px rgba(203, 0, 0, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(203, 0, 0, 0);
-  }
-}

package/src/lib/ui/forms/inputs/input/input.component.ts

@@ -1,147 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, computed, effect, input, linkedSignal, model, output } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { DecimalDirective } from '../../../../directivas/inputs/decimal.directive';
-import { OnlyNumberDirective } from '../../../../directivas/inputs/only-number.directive';
-import { OnlyDayDirective } from '../../../../directivas/inputs/only-day.directive';
-import { fadeInOut } from '../../../../directivas/animaciones/fade-animation';
-import { beep, getFirstItem } from 'shared-tsi';
-import { SwitchActivoComponent } from "../switch-activo/switch-activo.component";
-import { OnlyNumberFlexDirective } from "../../../../directivas/inputs/only-number-flex.directive";
-import { CaracteresCodigoDirective } from '../../../../directivas/inputs/caracteres-codigo.directive';
-
-@Component({
-  selector: 'app-input',
-  imports: [FormsModule, CommonModule, DecimalDirective, OnlyNumberDirective, OnlyDayDirective, SwitchActivoComponent, OnlyNumberFlexDirective, CaracteresCodigoDirective],
-  templateUrl: './input.component.html',
-  styleUrl: './input.component.scss',
-  animations: [fadeInOut],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-
-export class InputComponent {
-  wlabel = input<number>(0)
-  label = input<string>('')
-  placeholder = input<string>('')
-  withBuscar = input<boolean>(false)
-  iconButton = input<string>('fa fa-search')
-  classButton = input<string>('bg-search')
-  isRequired = input<boolean>(false)
-  type = input<'text' | 'text-area' | 'date' | 'number' | 'select' | 'number-format-decimal' | 'number-integer' | 'time' | 'day' | 'input-switch'>('text')
-  typeStandar = linkedSignal(() => this.type())
-  position = input<'start' | 'end' | 'center'>('start')
-  value = model<any>()
-  value2 = model<any>()
-  position_row = input<'center' | 'start' | 'end'>('center')
-  withChangeInput = input<boolean>(false)
-  disabled = model<boolean>(false)
-  isImportant = input<boolean>(false)
-  lista = input<any[]>([])
-  keyCodigo = input<string>('')
-  keyDescri = input<string>('')
-  joinInfo = input<boolean>(false)
-
-  distintInputs = ['text-area', 'select', 'date', 'number-format-decimal', 'number-integer', 'time', 'day', 'input-switch']
-  withTodos = input<boolean>(true)
-  allDisabled = model<boolean>(false)
-
-  isVertical = input<boolean>(false)
-  alto = input<number>(72)
-
-  formatNumber = input<string>('1.2-2')
-  blur = input<() => void>(null)
-  enter = input<() => void>(null)
-  keyup = input<() => void>(null)
-
-  invalidInput = model<boolean>(false)
-
-  accion = output<void>()
-
-  activeFocus = input<boolean>(true)
-
-  customBorderColor = input<string>('')
-  customBoxShadow = input<string>('')
-  customTransition = input<string>('')
-
-  maxLength = input<number>(null)
-
-  valueSize = computed(() => this.value()?.length || 0)
-
-  textoAyuda = input<string>('')
-  sinAyuda = input<boolean>(false)
-
-  maxWidth = input<number>()
-  changeInput = output<any>()
-
-  showTopLabel = input<boolean>(false)
-  topLabelText = input<string>('') 
-
-  firstItemDefault = input<boolean>(false)
-  typeKey = input<'string' | 'number'>('number')
-  validaCodigo = input<boolean>(false)
-
-  private static nextId = 0;
-  readonly inputId = `app-input-${InputComponent.nextId++}`;
-
-  constructor() {
-    effect(() => {
-      if (this.invalidInput()) beep()
-    })
-
-    effect(() => {
-      const data = (this.lista() ?? [])
-      if (data.length > 0 && this.firstItemDefault()) {
-        const firstItem = getFirstItem(data)
-        this.value.set(firstItem ? firstItem[this.keyCodigo()] : null)
-      }
-    })
-  }
-
-  ngOnInit() {
-    this.typeStandar.set(this.type())
-  }
-
-  ejecutarAccion() {
-    this.accion.emit()
-  }
-
-  changeInputAction() {
-    if (this.typeStandar() == 'select') {
-      this.typeStandar.set('text')
-      return
-    }
-    this.typeStandar.set('select')
-  }
-
-  focusInput() {
-    this.invalidInput.set(false)
-  }
-
-  callBlur() {
-    if (this.typeStandar() == 'day') {
-      const val = this.value()
-
-      if (!val || val.toString().trim() == '') {
-        this.invalidInput.set(true)
-        beep()
-        return
-      }
-
-      const num = Number(val)
-      if (isNaN(num) || num < 1 || num > 31) {
-        this.invalidInput.set(true)
-        beep()
-        return
-      }
-      this.invalidInput.set(false)
-    }
-
-    if (this.blur()) this.blur()()
-  }
-
-  emitirChange() {
-    const encontrar = this.lista().find(item => item[this.keyCodigo()] == this.value())
-    this.changeInput.emit(encontrar)
-  }
-
-}

package/src/lib/ui/forms/inputs/input-clase/input-clase.component.html

@@ -1,30 +0,0 @@
-
-<div class="col-md-8 pt-1">
-    @switch (tipoInput()) {
-        @case ('vchar') {
-            <app-input [label]="title()" [isRequired]="required()" [maxLength]="1" (onBlur)="onBlur.emit()" [wlabel]="wlabel()" [(value)]="value" />
-        }
-        @case ('vstrg') {
-            <app-input [label]="title()" [isRequired]="required()" [maxLength]="80" (onBlur)="onBlur.emit()" [wlabel]="wlabel()" [(value)]="value"/>
-        }
-        @case ('ventero') {
-            <app-input [label]="title()" [isRequired]="required()" position="end" type="number-integer" (onBlur)="onBlur.emit()" [wlabel]="wlabel()" [(value)]="value"/>
-        }
-        @case ('vreal') {
-            <app-input [label]="title()" [isRequired]="required()" position="end" type="number-format-decimal" (onBlur)="onBlur.emit()" [wlabel]="wlabel()" [(value)]="value"/>
-        }
-        @case ('vdate') {
-            <app-input [label]="title()" [isRequired]="required()" (onBlur)="onBlur.emit()" type="date" [wlabel]="wlabel()" [(value)]="value"/>
-        }
-        @case ('vtime') {
-            <app-input [label]="title()" [isRequired]="required()" (onBlur)="onBlur.emit()" type="date" [wlabel]="wlabel()" [(value)]="value"/>
-        }
-        @case ('vglosa') {
-            <app-input [label]="title()" [isRequired]="required()" (onBlur)="onBlur.emit()" type="text-area" [alto]="5" [maxLength]="500" [wlabel]="wlabel()" [(value)]="value"/>
-        }
-        @case ('codigo') {
-            <app-doble-input [label]="title()" [isRequired]="required()" [tipoInput2]="2" [withTodos]="false" keyCodigo="codigo" keyDescri="descri" [lista]="item().codigos" (onBlur)="onBlur.emit()" [wlabel]="wlabel()" [(value)]="value"></app-doble-input>
-        }
-    }
-    
-</div>

package/src/lib/ui/forms/inputs/input-clase/input-clase.component.ts

@@ -1,28 +0,0 @@
-import { Component, computed, input, model, output } from '@angular/core';
-import { InputComponent } from "../input/input.component";
-import { DobleInputComponent } from "../doble-input/doble-input.component";
-import { obtenerTipoClases } from 'shared-tsi';
-
-@Component({
-  selector: 'app-input-clase',
-  imports: [InputComponent, DobleInputComponent],
-  templateUrl: './input-clase.component.html',
-  styleUrl: './input-clase.component.scss'
-})
-export class InputClaseComponent {
-
-  title = input<string>('')
-  item = input<any>(null)
-  required = input<boolean>(false)
-  onBlur = output<void>();
-  wlabel = input<number>(350)
-  tipoInput = computed(() => this.item() ? this.getClase(this.item()) : '');
-
-  value = model<string>('')
-
-
-  getClase(data: any): string {
-    return obtenerTipoClases(data);
-  }
-
-}