ng-components-tsi 0.0.38 → 0.0.39

package/src/lib/ui/tabs/nav-tabs/nav-tabs.component.scss

@@ -1,100 +0,0 @@
-.nav-link {
-    font-size: 12px !important;
-    font-weight: 600 !important;
-}
-
-.nav-tabs .nav-item {
-    font-weight: bold;
-}
-
-.nav-tabs .nav-item .nav-link {
-    color: #909090 !important;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-}
-
-.nav-tabs .nav-item .nav-link::before {
-    content: attr(data-label);
-}
-
-.nav-tabs .nav-item .nav-link:hover {
-    background-color: #dedede48 !important;
-
-}
-
-.nav-tabs .nav-item .nav-link.active {
-    //background-color: #000000b0 !important;
-    color: #1c1c1c !important;
-}
-
-.tab-content-wrapper {
-    border: 1px solid #6e7379;
-    border-top: none;
-    border-radius: 0 0 10px 10px;
-    padding: 1.5rem;
-    margin-top: 0 !important;
-}
-
-@media (max-width: 768px) {
-    .nav-tabs {
-        display: flex;
-        flex-wrap: nowrap;
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-        scrollbar-width: thin;
-        scrollbar-color: #888 #e0e0e0;
-    }
-
-    .nav-tabs .nav-item {
-        flex: 0 0 auto;
-        position: relative;
-    }
-
-    .nav-tabs .nav-item .nav-link {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 40px;
-        height: 40px;
-        //background-color: #2c2c2cb0 !important;
-        border-radius: 10px 10px 0 0;
-        font-size: 0 !important;
-        color: rgb(44, 44, 44);
-        padding: 0 !important;
-        transition: all 0.3s ease;
-        position: relative;
-        overflow: hidden;
-        z-index: 1;
-    }
-
-    .nav-tabs .nav-item .nav-link::before {
-        content: '';
-        width: 10px;
-        height: 10px;
-        background-color: rgb(99, 99, 99);
-        border-radius: 50%;
-        display: block;
-        transition: opacity 0.3s ease;
-    }
-
-    .nav-tabs .nav-item .nav-link.active {
-        width: auto;
-        padding: 0.5rem 1rem !important;
-        font-size: 12px !important;
-        z-index: 2;
-    }
-
-    .nav-tabs .nav-item .nav-link.active::before {
-        width: auto;
-        height: auto;
-        background: none;
-        border-radius: 0;
-        font-size: 12px;
-        color: white;
-    }
-
-    .nav-tabs .nav-item .nav-link:focus {
-        outline: none;
-    }
-}

package/src/lib/ui/tabs/nav-tabs/nav-tabs.component.ts

@@ -1,19 +0,0 @@
-import { Component, contentChildren, effect, input, model } from '@angular/core';
-import { TabItemComponent } from '../tab-item/tab-item.component';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'app-nav-tabs',
-  imports: [NgbNavModule,CommonModule],
-  templateUrl: './nav-tabs.component.html',
-  styleUrl: './nav-tabs.component.scss'
-})
-export class NavTabsComponent {
-
-  //@ContentChildren(TabItemComponent) tabItems!: QueryList<TabItemComponent>;
-
-  tabItems = contentChildren<TabItemComponent>(TabItemComponent);
-  active = model<number | string>(1)
-  isDestroy = input<boolean>(true)
-}

package/src/lib/ui/tabs/tab-item/tab-item.component.ts

@@ -1,13 +0,0 @@
-import { Component, contentChild, input, TemplateRef } from '@angular/core';
-
-@Component({
-  selector: 'app-tab-item',
-  imports: [],
-  template: ''
-})
-export class TabItemComponent {
-
-  id = input<number | string>();
-  title = input<string>('');
-  content = contentChild<TemplateRef<any>>(TemplateRef)
-}

package/src/lib/utils/ayuda-global/datatable.ts

@@ -1,67 +0,0 @@
-import { TableData } from "../../models/table-data.model"
-
-export const datatableCliente = [
-    { name: 'Codigo', prop: 'codcli', width: 50 },
-    { name: 'Razón social', prop: 'razonc', width: 30 },
-    { name: 'Nombres', prop: 'nombresCompletos', width: 50 },
-    { name: 'Documento', prop: 'tidentNombre', width: 40 },
-    { name: 'Activo', prop: 'clase_01', width: 40, type: 'check' }
-]
-
-export const datatabletransportista = [
-    { name: 'Codigo', prop: 'codtra', width: 50 },
-    { name: 'Razón social', prop: 'razonc', width: 30 },
-    { name: 'RUC', prop: 'ruc', width: 50 },
-    { name: 'Descripción', prop: 'descri', width: 40 },
-    { name: 'Domicilio', prop: 'domici', width: 40 }
-]
-
-export const datatabledirecciones = [
-    { name: 'Codigo', prop: 'codenv', width: 50 },
-    { name: 'Sede', prop: 'descri', width: 30 },
-    { name: 'Dirección', prop: 'direc1', width: 50 },
-    { name: 'Ubigeo', prop: 'ubigeo', width: 40 }
-]
-
-export const datatableArticulos = [
-    { name: 'Codigo', prop: 'codart', width: 50 },
-    { name: 'Descripción', prop: 'descri', width: 30 },
-    { name: 'Unidad medida', prop: 'coduni', width: 50 }
-]
-
-export const datatableEtiquetas = [
-    { name: 'Etiqueta', prop: 'ETIQUETA', width: 50 },
-    { name: 'Ord. Prod', prop: 'OPNUMDOC', width: 30 },
-    { name: 'Lote', prop: 'LOTE', width: 50 },
-    { name: 'Dioptria', prop: 'ANCHO', width: 50, type: 'decimal', pipe: '1.3-3' },
-    { name: 'Serie', prop: 'NROCARRETE', width: 40 },
-    { name: 'Metros', prop: 'LARGO', width: 40, type: 'decimal' },
-    { name: 'Unidad', prop: 'CODUNI', width: 40 },
-    { name: 'Cant.Origen', prop: 'CANTID_ORI', width: 40 },
-    { name: 'F. Ingreso', prop: 'FINGRESO', width: 40, type: 'fecha' },
-    { name: 'F. Vencimiento', prop: 'FVENCI', width: 40, type: 'fecha' },
-    { name: 'Saldo', prop: 'SALDO', width: 40, type: 'decimal' }
-]
-
-export const datatableAdjunto: TableData[] = [
-    { caption: 'Item', fieldname: 'id', width: 50 },
-    { caption: 'Formato', fieldname: 'formato', width: 50 },
-    { caption: 'Nombre', fieldname: 'nombre', width: 50 },
-    { caption: 'Usuario', fieldname: 'ucreac' },
-    { caption: 'Fecha Creación', fieldname: 'fcreac', width: 30 }
-]
-
-export const datatablePCuentas = [
-    { name: 'Cuenta', prop: 'cuenta', width: 50 },
-    { name: 'Nombre', prop: 'nombre', width: 50 }
-]
-export const datatableCobradores = [
-    { name: 'Código', prop: 'codcob', width: 50 },
-    { name: 'Nombres', prop: 'nomcob', width: 50 }
-]
-
-export const datatableTipoAfectacion = [
-    { name: 'Código', prop: 'tipafec', width: 50 },
-    { name: 'Descripción', prop: 'descri', width: 50 }
-]
-

package/src/lib/utils/ayuda-global/filtros-busqueda.ts

@@ -1,51 +0,0 @@
-
-export function filtroCliente(data: any[], filtro: string) {
-    return data.filter(item => {
-        return (item.codcli ?? '').toString().includes(filtro) ||
-            (item.razonc ?? '').toLowerCase().includes(filtro) ||
-            (item.nombresCompletos ?? '').toLowerCase().includes(filtro) ||
-            (item.tidentNombre ?? '').toLowerCase().includes(filtro)
-    })
-}
-
-export function filtroTransportista(data: any[], filtro: string) {
-    return data.filter(item => {
-        return (item.codtra ?? '').toString().includes(filtro) ||
-            (item.razonc ?? '').toLowerCase().includes(filtro) ||
-            (item.ruc ?? '').toLowerCase().includes(filtro) ||
-            (item.descri ?? '').toLowerCase().includes(filtro) ||
-            (item.domici ?? '').toLowerCase().includes(filtro)
-    })
-}
-
-export function filtroDirecciones(data: any[], filtro: string) {
-    return data.filter(item => {
-        return (item.codenv ?? '').toString().includes(filtro) ||
-            (item.descri ?? '').toLowerCase().includes(filtro) ||
-            (item.direc1 ?? '').toLowerCase().includes(filtro) ||
-            (item.ubigeo ?? '').toLowerCase().includes(filtro)
-    })
-}
-
-export function filtroArticulos(data: any[], filtro: string) {
-    return data.filter(item => {
-        return (item.codart ?? '').toLowerCase().includes(filtro) ||
-            (item.descri ?? '').toLowerCase().includes(filtro) ||
-            (item.coduni ?? '').toLowerCase().includes(filtro)
-    })
-}
-
-
-export function filtroCobradores(data: any[], filtro: string) {
-    return data.filter(item => {
-        return (item.codcob ?? '').toString().includes(filtro) ||
-            (item.nomcob ?? '').toLowerCase().includes(filtro)
-    })
-}
-
-export function filtroTipoAfectacion(data: any[], filtro: string) {
-    return data.filter(item => {
-        return (item.tipafec ?? '').toString().includes(filtro) ||
-            (item.descri ?? '').toLowerCase().includes(filtro)
-    })
-}

package/src/lib/utils/general/validaciones-simple.ts

@@ -1,14 +0,0 @@
-import { validarVacioAndNull } from "shared-tsi"
-
-
-export function validaPeriodoSimple(periodo: number): boolean {
-    if (!periodo) return false
-    if (periodo > 9999 || periodo < 999) return false
-    return true
-}
-
-export function validaMes(mes: number): boolean {
-    if (!validarVacioAndNull(mes)) return false
-    if (mes > 12 || mes < 0) return false
-    return true
-}

package/src/lib/utils/general/validaciones.ts

@@ -1,123 +0,0 @@
-import { validarVacioAndNull } from "shared-tsi";
-import { InputConfig, InputValidate } from "../../models/input-config";
-import { ToastService } from "../../service/toast.service";
-
-
-export function validaPeriodo(
-    toast: ToastService,
-    periodo: number,
-    mensaje: string = 'Debe seleccionar un período válido.'
-): boolean {
-    if (!periodo || periodo > 9999 || periodo < 1000) {
-        toast.warning('Advertencia', mensaje)
-        return false
-    }
-    return true
-}
-
-export function validarSituacion(toast: ToastService, situac: string | number): boolean {
-    if (!validarVacioAndNull(situac)) {
-        toast.warning('Advertencia', 'Debe seleccionar al menos una situación.')
-        return false
-    }
-    return true
-}
-
-export function validaLista(
-    toast: ToastService,
-    lista: any[],
-    valor: any,
-    nombreLista: string,
-    key?: string
-): boolean {
-    if (valor == -1) return true
-
-    if (!validarVacioAndNull(valor)) {
-        toast.warning('Advertencia', `Debe seleccionar un valor de ${nombreLista}.`)
-        return false
-    }
-
-    const existe = key
-        ? lista.some(item => item[key] == valor)
-        : lista.includes(valor)
-
-    if (!existe) {
-        toast.warning('Advertencia', `El código de  ${nombreLista} no existe.`)
-        return false
-    }
-
-    return true
-}
-
-export function validaFecha(
-    toast: ToastService,
-    fechaDesde: string,
-    fechaHasta: string,
-    nombreDesde = 'fecha desde',
-    nombreHasta = 'fecha hasta'
-): boolean {
-    if (!fechaDesde || !fechaHasta) {
-        toast.warning('Advertencia', `Debe ingresar ${nombreDesde} y ${nombreHasta}.`)
-        return false
-    }
-
-    const dateDesde = new Date(fechaDesde)
-    const dateHasta = new Date(fechaHasta)
-
-    if (dateDesde > dateHasta) {
-        toast.warning('Advertencia', `La ${nombreDesde} no puede ser mayor que la ${nombreHasta}.`)
-        return false
-    }
-
-    return true
-}
-
-
-const posiblesValores = ['center', 'start', 'end'] as const;
-
-export function validaPosicion(value: string): 'center' | 'start' | 'end' {
-    if (posiblesValores.includes(value as any)) {
-        return value as 'center' | 'start' | 'end';
-    }
-    return 'start';
-}
-
-const posiblesValoresTipoInput = ['text', 'text-area', 'date', 'number', 'select', 'number-format-decimal', 'number-integer'] as const;
-
-export function validaTipo(value: string): 'text' | 'text-area' | 'date' | 'number' | 'select' | 'number-format-decimal' | 'number-integer' {
-    if (posiblesValoresTipoInput.includes(value as any)) {
-        return value as 'text' | 'text-area' | 'date' | 'number' | 'select' | 'number-format-decimal' | 'number-integer';
-    }
-    return 'text';
-}
-
-export function showError(alert: ToastService, msg: string) {
-  alert.error('Error', msg)
-  return false
-}
-
-export function validarObligatorio(data: any, campos: any[], toast: ToastService): boolean {
-  return !campos.some(campo => {
-    const valor = data[campo.key]
-    const descri = campo.title || campo.descri
-    const type = typeof valor
-    if (valor == null || (type === 'string' && valor.trim() === '')) {
-      toast.error('Error', `El campo ${descri} es obligatorio`);
-      return true;
-    }
-    if (!isNaN(Number(valor)) && Number(valor) < 0) {
-      toast.error('Error', `El campo ${descri} debe ser mayor a 0`);
-      return true;
-    }
-    return false;
-  });
-}
-
-export function getInputsObligatorios(data: InputConfig[]): InputValidate[] {
-  return data
-    .filter(item => item.required)
-    .map(c => ({
-      key: c.fieldname,
-      descri: c.label
-    }))
-}

package/src/lib/utils/helpers/api-result.ts

@@ -1,95 +0,0 @@
-import { Signal, WritableSignal } from "@angular/core";
-import { ToastService } from "../../service/toast.service";
-import { TableData } from "../../models/table-data.model";
-import { FormateadorService } from "../../service/formateador.service";
-import { AlertErrorService } from "../../service/alert-error.service";
-import { EMPTY, isObservable, Observable, of, switchMap, throwError } from "rxjs";
-import { rxResource } from "@angular/core/rxjs-interop";
-import { validarVacioAndNull } from "shared-tsi";
-
-export function handleErrorsApi(err: any, alert: AlertErrorService) {
-    const safeError =
-    typeof err === 'string' ? err :
-    typeof err?.error === 'string' ? err.error :
-    'Error de servicio';
-    alert.mostrarModalError(safeError)
-}
-
-export function throwIfEmptyArray<T>() {
-    return switchMap((res: T[]) => {
-        if (!res || res.length == 0) {
-            return throwError(() => new Error('NO_RESULTS'))
-        }
-        return of(res)
-    })
-}
-
-export function handleEmptyResult<T>(data: WritableSignal<T[]>, withFiltro: WritableSignal<boolean>, toast: ToastService, message = 'No se encontraron resultados') {
-    if (withFiltro) {
-        withFiltro.set(true)
-    }
-    data.set([]);
-    toast.warning('Advertencia', message);
-}
-
-export function handleSuccessResult<T>(data: WritableSignal<T[]>, withFiltro: WritableSignal<boolean>, result: T[], reload: boolean, tableHeader?: TableData[], procesador?: FormateadorService) {
-    if (!reload) {
-        withFiltro.set(false)
-    }
-    if (procesador) {
-        data.set(procesador.procesarLista(result, tableHeader))
-        return
-    }
-    data.set(result)
-}
-
-export function handleSuccessApi(toast: ToastService, onRefresh?: () => void, message: string = 'proceso') {
-    toast.success('Éxito', `Se ${message} correctamente`)
-    onRefresh()
-}
-
-export function handleReset<T>(reset: boolean, page: WritableSignal<number>, sender: WritableSignal<T>) {
-    if (reset) {
-        page.set(1)
-        sender.update(data => ({ ...data, offset: 0 }))
-    }
-}
-
-export function handleResetNoSignal<T extends { offset?: number }>(reset: boolean, page: WritableSignal<number>, sender: T) {
-    if (reset) {
-        page.set(1)
-        sender.offset = 0
-    }
-}
-
-export function handleResource<T>(apiFn: () => Observable<T>, signal?: Signal<any>) {
-  return rxResource({
-    request: signal,
-    loader: () => {
-      if (!signal || validarVacioAndNull(signal())) {
-        return apiFn();
-      }
-      return EMPTY;
-    }
-  });
-}
-
-export function handleResourceV2<T>(
-  fn: () => Observable<T> | void,
-  signal?: Signal<any>
-) {
-  return rxResource({
-    request: signal,
-    loader: () => {
-      if (signal && !validarVacioAndNull(signal())) {
-        return EMPTY
-      }
-      const result = fn()
-      if (isObservable(result)) {
-        return result
-      }
-      return EMPTY
-    }
-  })
-}
-

package/src/lib/utils/helpers/modal-result.ts

@@ -1,34 +0,0 @@
-import { NgbModalOptions, NgbModalRef } from "@ng-bootstrap/ng-bootstrap";
-
-export function configModal(size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'xl'): NgbModalOptions {
-  return { size, backdrop: 'static' }
-}
-
-export interface ModalConfig<T> {
-  component: any
-  data?: T
-  init?: (instance: any) => void
-  updatePredicate: (oldItem: T, newItem: T) => boolean
-}
-
-export function handleModal<T>(
-  modalRef: NgbModalRef,
-  onSuccess: (data: T) => void,
-  onDismiss?: () => void
-) {
-  modalRef.result.then(
-    (result: T) => {
-      if (!result) return;
-      onSuccess(result);
-    },
-    () => onDismiss?.()
-  );
-}
-
-export function handleModalReturn<T>(
-  modalRef: NgbModalRef
-): Promise<T | null> {
-  return modalRef.result
-    .then((result: T) => result ?? null)
-    .catch(() => null);
-}

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}