lib-common-angular 0.0.1

package/assets/i18n/de.json

@@ -0,0 +1,45 @@
+{
+    "lenguage": "Sprache",
+    "index": "Startseite",
+   
+    "menu": {
+    "start": "Start",
+    "list_user": "Benutzer auflisten",
+    "register": "Registrieren",
+    "login": "Anmelden",
+    "log_out": "Abmelden",
+    "contact": "Kontakt",
+    "servicios": "Dienstleistungen"
+     },
+
+     "slider-index-paradiceDog": {
+        "subTitulo-1": "Service nach Hause",
+        "subTitulo-2": "Katzen und Hunde",
+        "subTitulo-3": "Internats- oder Heimdienst",
+        "titulo-1": "Hundesalon für Haustiere",
+        "titulo-2": "Tierpension",
+        "titulo-3": "Hundetraining",
+        "beschreibung-1": "In unserem Hundesalon-Service kümmern wir uns mit größter Sorgfalt und Professionalität um das Wohlbefinden und die Schönheit Ihres Haustieres. Wir wissen, dass Ihr Hund ein Teil Ihrer Familie ist, und deshalb bieten wir eine persönliche Pflege, die auf die individuellen Bedürfnisse Ihres Haustieres zugeschnitten ist. Unsere Dienstleistungen umfassen einen stilisierten Haarschnitt, der sich an die Rasse und die individuellen Eigenschaften Ihres Haustieres anpasst.",
+        "beschreibung-2": "Unsere Tierpension ist der ideale Ort, an dem Ihr bester Freund den Tag in einer sicheren, unterhaltsamen und liebevollen Umgebung verbringen kann. In unserer Tierpension genießen die Tiere großzügige Spielbereiche, in denen sie mit anderen Tieren in Kontakt treten, sich bewegen und unter ständiger Aufsicht unseres professionellen Pflegeteams erkunden können.",
+        "beschreibung-3": "Unser Hundetrainingsservice wurde entwickelt, um Ihnen zu helfen, eine starke und harmonische Beziehung zu Ihrem Hund aufzubauen, die auf Vertrauen, Respekt und effektiver Kommunikation basiert. Mit positiven und personalisierten Trainingsmethoden konzentrieren wir uns darauf, die Fähigkeiten und Verhaltensweisen zu entwickeln, die Ihr Hund benötigt, um ein gehorsamer, glücklicher und gut ausgeglichener Begleiter zu werden. Wir bieten eine Vielzahl von Trainingsprogrammen an, die an die individuellen Bedürfnisse und Eigenschaften jedes Hundes angepasst sind."
+     },
+
+    "auth": {
+        "write_your_data": "Geben Sie Ihre Daten ein",
+        "firtsName": "Vorname",
+        "secondName": "Nachname",
+        "phone": "Telefon",
+        "Nickname": "Spitzname"
+    },
+    "works": {
+        "work_in_progress": "Laufende Arbeiten",
+        "create-work": "Arbeit Erstellen"
+    },
+    "meta_key_words": {
+        "title": "ZIGMA INFLATABLES - Hersteller von aufblasbaren Produkten",
+        "keywords": "zigma inflatables, Hersteller von aufblasbaren Produkten, Verkauf aufblasbarer Produkte, aufblasbare Produkte, Verleih von aufblasbaren Produkten, Hersteller aufblasbarer Produkte, aufblasbare Produkte, Hüpfburgen, aufblasbare Rutschen, aufblasbare Zelte, Werbeaufsteller",
+        "description": "Wir stellen alle Arten von aufblasbaren Produkten her, innovative und aktuelle Designs, wettbewerbsfähige Preise und Qualität an einem Ort."
+    },
+    "footer_properties": "Alle Rechte vorbehalten von Juliao Sistem"
+
+}

package/assets/i18n/en.json

@@ -0,0 +1,47 @@
+{
+   
+    "lenguage": "Lenguage",
+    "index":"Start",
+     "Our": "Nuestros",
+    "menu":{
+        "start":"Start",
+        "list_user":"List Users",
+        "register":"Register",
+        "login":"Login",
+        "log_out":"Close Session",
+        "contact": "Contact",
+        "servicios": "Services"
+      
+      },
+       
+    "slider-index-paradiceDog": {
+      "subTitulo-1": "Home Service",
+      "subTitulo-2": "Cats and Dogs",
+      "subTitulo-3": "Boarding or Home Service",
+      "titulo-1": "Pet Grooming",
+      "titulo-2": "Pet Daycare",
+      "titulo-3": "Dog Training",
+      "description-1": "In our pet grooming service, we dedicate ourselves to caring for and beautifying your pet with the utmost care and professionalism. We know that your dog is part of your family, so we offer personalized care tailored to their specific needs. Our services include a stylish haircut that adapts to the breed and individual characteristics of your pet.",
+      "description-2": "Our daycare is the perfect place for your best friend to spend the day in a safe, fun, and loving environment. In our daycare, pets enjoy large play areas where they can socialize with other animals, exercise, and explore under the constant supervision of our professional caregivers.",
+      "description-3": "Our dog training service is designed to help you build a strong and harmonious relationship with your dog, based on trust, respect, and effective communication. With positive and personalized training methods, we focus on developing the skills and behaviors your dog needs to become an obedient, happy, and well-balanced companion. We offer a variety of training programs tailored to the individual needs and characteristics of each dog."
+    },
+
+    "auth":{
+        "write_your_data":"write your data",
+        "firtsName":"Firts Name",
+        "secondName":"Last Name",
+        "phone":"Phone",
+        "Nickname":"Nickname"
+    },
+    "works":{
+      "work_in_progress":"Work In Progress",
+      "create-work":"Create work"
+    },
+    "meta_key_words":{
+        "title":"Application -Administrative Ecommerce",
+        "keywords":"administrative application, creator of ecommerse, how to create ecommerse application, how to sell online, platforms to manage my business,e-commerce",
+        "description":"Application to create your virtual store we are the best option on the market and at the best price manage and publish your business with us"
+    },
+  
+    "footer_properties":"All Rights Reserved By Juliao Sistem "
+}

package/assets/i18n/es.json

@@ -0,0 +1,49 @@
+{
+    
+    "lenguage": "Idioma",
+    "index":"Inicio",
+    
+    
+   "menu":{
+     "start":"Inicio",
+     "list_user":" Lista Usuarios",
+     "register":"Registro",
+     "login":"Iniciar Session",
+     "log_out":"Cerrar Session",
+      "contact": "Contacto",
+      "servicios": "Servicios"
+   },
+
+   "slider-index-paradiceDog":{
+      "subTitulo-1":"Servicio a domicilio",
+      "subTitulo-2":"Gatos y Perros",
+      "subTitulo-3":"Servicio de internado o a Domicilio",
+      "titulo-1":"Peluquería  para mascotas",
+      "titulo-2":"Guarderia para mascotas",
+      "titulo-3":"Entrenamiento Canino",
+      "descripcion-1":"En nuestro servicio de peluquería canina, nos dedicamos a cuidar y embellecer a tu mascota con el máximo cariño y profesionalismo. Sabemos que tu perro es parte de tu familia, y por eso ofrecemos un cuidado personalizado y adaptado a sus necesidades específicas. Nuestros servicios incluyen un corte de pelo estilizado que se adapta a la raza y características individuales de tu mascota",
+      "descripcion-2":"Nuestra guardería  es el lugar ideal para que tu mejor amigo pase el día en un ambiente seguro, divertido y lleno de amor. En nuestra guardería, las mascotas disfrutan de amplias áreas de juego donde pueden socializar con otros animales, ejercitarse y explorar bajo la supervisión constante de nuestro equipo de cuidadores profesionales",
+      "descripcion-3":"Nuestro servicio de entrenamiento canino está diseñado para ayudarte a construir una relación fuerte y armoniosa con tu perro, basada en la confianza, el respeto y la comunicación efectiva. Con métodos de entrenamiento positivos y personalizados, nos enfocamos en desarrollar las habilidades y comportamientos que tu perro necesita para convertirse en un compañero obediente, feliz y bien equilibrado. Ofrecemos una variedad de programas de entrenamiento adaptados a las necesidades y características individuales de cada perro"
+   },
+
+   "auth":{
+     "write_your_data":"Escriba sus Datos",
+     "firtsName":"Nombre",
+     "secondName":"Apellidos",
+     "phone":"Telefono",
+     "Nickname":"Apodo"
+ },
+ "works":{
+   "work_in_progress":"Trabajos En Curso",
+   "create-work":"Crear Trabajo"
+ },
+    "meta_key_words":{
+       "title":"ZIGMA INFLABLES - Fabrica De Inflables",
+       "keywords":"zigma inflables , fabrica de inflables , venta inflables, inflables , alquiler de inflables,Fabrica inflables, inflables, castillos inflables, toboganes inflables, carpas inflables , inflables publicitarios",
+       "description":"Fabricamos todo tipo de inflables, diseños novedosos y actualizados, precios competitivos y calidad en un solo lugar."
+   },
+   
+   "footer_properties": "Todos los Derechos Reservados por Juliao Sistem"
+
+
+}

package/assets/i18n/pt.json

@@ -0,0 +1,44 @@
+{
+    "lenguage": "Idioma",
+    "index": "Início",
+  
+    "menu": {
+        "start": "Início",
+        "list_user": "Listar Usuários",
+        "register": "Registrar",
+        "login": "Iniciar Sessão",
+        "log_out": "Encerrar Sessão",
+        "contact": "Contato",
+        "servicios": "Serviços"
+      },
+      "slider-index-paradiceDog": {
+        "subTitulo-1": "Serviço a domicílio",
+        "subTitulo-2": "Gatos e Cães",
+        "subTitulo-3": "Serviço de internamento ou a Domicílio",
+        "titulo-1": "Tosa e Banho para Animais",
+        "titulo-2": "Creche para Animais",
+        "titulo-3": "Treinamento Canino",
+        "descricao-1": "No nosso serviço de tosa e banho para cães, nos dedicamos a cuidar e embelezar seu pet com o máximo de carinho e profissionalismo. Sabemos que seu cão é parte da sua família, por isso oferecemos um cuidado personalizado e adaptado às suas necessidades específicas. Nossos serviços incluem um corte de pelo estilizado que se adapta à raça e características individuais do seu pet.",
+        "descricao-2": "Nossa creche é o lugar ideal para que seu melhor amigo passe o dia em um ambiente seguro, divertido e cheio de amor. Na nossa creche, os animais desfrutam de amplas áreas de lazer onde podem socializar com outros animais, se exercitar e explorar sob a supervisão constante da nossa equipe de cuidadores profissionais.",
+        "descricao-3": "Nosso serviço de treinamento canino foi projetado para ajudá-lo a construir uma relação forte e harmoniosa com seu cão, baseada na confiança, respeito e comunicação eficaz. Com métodos de treinamento positivos e personalizados, nos concentramos em desenvolver as habilidades e comportamentos que seu cão precisa para se tornar um companheiro obediente, feliz e equilibrado. Oferecemos uma variedade de programas de treinamento adaptados às necessidades e características individuais de cada cão."
+     },
+
+    "auth": {
+        "write_your_data": "Insira seus Dados",
+        "firtsName": "Nome",
+        "secondName": "Sobrenome",
+        "phone": "Telefone",
+        "Nickname": "Apelido"
+    },
+    "works": {
+        "work_in_progress": "Trabalhos em Andamento",
+        "create-work": "Criar Trabalho"
+    },
+    "meta_key_words": {
+        "title": "ZIGMA INFLÁVEIS - Fábrica de Infláveis",
+        "keywords": "zigma infláveis, fábrica de infláveis, venda infláveis, infláveis, aluguel de infláveis, fábrica de infláveis, infláveis, castelos infláveis, escorregadores infláveis, tendas infláveis, infláveis publicitários",
+        "description": "Fabricamos todo tipo de infláveis, designs inovadores e atualizados, preços competitivos e qualidade em um só lugar."
+    },
+    "footer_properties": "Todos os Direitos Reservados por Juliao Sistem"
+
+}

package/assets/state/business.state.ts

@@ -0,0 +1,66 @@
+import { Injectable } from '@angular/core';
+import { State, Action, StateContext } from '@ngxs/store';
+import { BusinessDTO } from '@juliaosistem/core-dtos';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { createGenericCrudActions } from './state-generic/generic-crud.actions';
+import { GenericCrudState } from './state-generic/generic-crud.state';
+import { GenericCrudHttpService } from '../../componentes/shared/services/generic-crud.service/generic-crud.service';
+import { HttpClient } from '@angular/common/http';
+import { LibConfigService } from '../../config/lib-config.service';
+import { MetaDataService } from '../../componentes/shared/services/meta-data.service.ts/meta-data.service';
+
+// 🔹 Crear acciones genéricas para Business
+const businessActions = createGenericCrudActions<BusinessDTO>('Business');
+
+@State<PlantillaResponse<BusinessDTO>>({
+  name: 'business',
+  defaults: {
+    data: undefined,
+    dataList: [],
+    message: '',
+    rta: false,
+  },
+})
+@Injectable()
+export class BusinessState extends GenericCrudState<BusinessDTO, BusinessDTO> {
+  constructor(
+    http: HttpClient,
+    config: LibConfigService,
+    meta: MetaDataService
+  ) {
+    const genericService = new GenericCrudHttpService<BusinessDTO>(
+      http,
+      config,
+      meta,
+      'baseUrlBusiness' // Key del endpoint en LibConfigService
+    );
+    super(genericService, businessActions);
+  }
+
+  // 🔹 Acción opcional para cargar datos mock específicos
+  @Action(businessActions.LoadMock)
+  loadMockBusiness(ctx: StateContext<PlantillaResponse<BusinessDTO>>) {
+    try {
+      const service = this.service as GenericCrudHttpService<BusinessDTO>;
+      const mockData = service.getMockData?.() || [];
+      ctx.patchState({
+        data: undefined,
+        dataList: mockData,
+        message: mockData.length
+          ? 'Business mock cargados correctamente'
+          : 'No hay datos mock disponibles',
+        rta: mockData.length > 0,
+      });
+    } catch (error) {
+      ctx.patchState({
+        data: undefined,
+        dataList: [],
+        message: 'Error al cargar datos mock',
+        rta: false,
+      });
+    }
+  }
+}
+
+// Exportar acciones para usar en componentes
+export const BusinessActions = businessActions;

package/assets/state/categorias-productos.state.ts

@@ -0,0 +1,76 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Injectable } from '@angular/core';
+import { State, Selector, Action, StateContext } from '@ngxs/store';
+import { CategoriaDTO } from '@juliaosistem/core-dtos';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { createGenericCrudActions } from './state-generic/generic-crud.actions';
+import { GenericCrudHttpService } from '../../componentes/shared/services/generic-crud.service/generic-crud.service';
+import { HttpClient } from '@angular/common/http';
+import { LibConfigService } from '../../config/lib-config.service';
+import { MetaDataService } from '../../componentes/shared/services/meta-data.service.ts/meta-data.service';
+import { tap } from 'rxjs';
+import { GenericCrudActions, GenericCrudState } from './state-generic/generic-crud.state';
+import { ProductService } from '../../componentes/shared/services/product.service';
+
+
+// Crear acciones genéricas para ProductoDTO
+const categoriaproductoActions = createGenericCrudActions<CategoriaDTO>('categoriaproducto');
+export const CategoriaproductoActions = categoriaproductoActions;
+
+@State<PlantillaResponse<CategoriaDTO>>({
+  name: 'categoriaproducto',
+  defaults: {
+    data: undefined,
+    dataList: [],
+    message: '',
+    rta: false,
+  },
+})
+@Injectable()
+export class CategoriaProductoState extends GenericCrudState<CategoriaDTO, CategoriaDTO> {
+  constructor(
+    private http: HttpClient,
+    private config: LibConfigService,
+    private meta: MetaDataService,
+    private productSvc: ProductService,
+  ) {
+    const service = new GenericCrudHttpService<CategoriaDTO>(
+      http,
+      config,
+      meta,
+      'baseUrlCategoryProduct'
+    );
+    super(service, CategoriaproductoActions as unknown as GenericCrudActions<CategoriaDTO>);
+  }
+
+  @Selector()
+  static getProductos(state: PlantillaResponse<CategoriaDTO>) {
+    return state.dataList;
+  }
+
+  @Action(CategoriaproductoActions.All)
+  all(ctx: StateContext<PlantillaResponse<CategoriaDTO>>, action: any) {
+    return this.service.all(action.payload).pipe(
+      tap(res => ctx.setState(res))
+    );
+  }
+  @Action(CategoriaproductoActions.LoadMock)
+  override loadMock(ctx: StateContext<PlantillaResponse<CategoriaDTO>>) {
+    try {
+      const mockData = this.productSvc.mockCategoriaInflablesDTO();
+      ctx.patchState({
+        data: undefined,
+        dataList: mockData,
+        message: mockData.length ? 'Datos mock cargados correctamente' : 'No hay datos mock disponibles',
+        rta: !!mockData.length,
+      });
+    } catch (error) {
+      ctx.patchState({
+        data: undefined,
+        dataList: [],
+        message: 'Error al cargar datos mock ' + error,
+        rta: false,
+      });
+    }
+  }
+}

package/assets/state/currency.state.ts

@@ -0,0 +1,55 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Injectable } from '@angular/core';
+import { State, Selector, Action, StateContext } from '@ngxs/store';
+import { ProductoDTO } from '@juliaosistem/core-dtos';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { createGenericCrudActions } from './state-generic/generic-crud.actions';
+import { GenericCrudHttpService } from '../../componentes/shared/services/generic-crud.service/generic-crud.service';
+import { HttpClient } from '@angular/common/http';
+import { LibConfigService } from '../../config/lib-config.service';
+import { MetaDataService } from '../../componentes/shared/services/meta-data.service.ts/meta-data.service';
+import { tap } from 'rxjs';
+import { GenericCrudActions, GenericCrudState } from './state-generic/generic-crud.state';
+import { MonedaDTO } from '@juliaosistem/core-dtos';
+
+// Crear acciones genéricas para ProductoDTO
+const monedaActions = createGenericCrudActions<ProductoDTO>('moneda');
+export const MonedaActions = monedaActions;
+
+@State<PlantillaResponse<MonedaDTO>>({
+  name: 'moneda',
+  defaults: {
+    data: undefined,
+    dataList: [],
+    message: '',
+    rta: false,
+  },
+})
+@Injectable()
+export class MonedaState extends GenericCrudState<MonedaDTO, MonedaDTO> {
+  constructor(
+    private http: HttpClient,
+    private config: LibConfigService,
+    private meta: MetaDataService
+  ) {
+    const service = new GenericCrudHttpService<MonedaDTO>(
+      http,
+      config,
+      meta,
+      'baseUrlCurrency'
+    );
+    super(service, MonedaActions as unknown as GenericCrudActions<MonedaDTO>);
+  }
+
+  @Selector()
+  static getProductos(state: PlantillaResponse<MonedaDTO>) {
+    return state.dataList;
+  }
+
+  @Action(MonedaActions.All)
+  all(ctx: StateContext<PlantillaResponse<MonedaDTO>>, action: any) {
+    return this.service.all(action.payload).pipe(
+      tap(res => ctx.setState(res))
+    );
+  }
+}

package/assets/state/productos.state.ts

@@ -0,0 +1,157 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Injectable } from '@angular/core';
+import { State, Selector, Action, StateContext } from '@ngxs/store';
+import { ProductoDTO } from '@juliaosistem/core-dtos';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { createGenericCrudActions } from './state-generic/generic-crud.actions';
+import { GenericCrudHttpService } from '../../componentes/shared/services/generic-crud.service/generic-crud.service';
+import { HttpClient } from '@angular/common/http';
+import { LibConfigService } from '../../config/lib-config.service';
+import { MetaDataService } from '../../componentes/shared/services/meta-data.service.ts/meta-data.service';
+import { tap } from 'rxjs';
+import {
+  GenericCrudActions,
+  GenericCrudState,
+} from './state-generic/generic-crud.state';
+import { ProductService } from '../../componentes/shared/services/product.service';
+import { createSelector } from '@ngxs/store';
+
+// Crear acciones genéricas para ProductoDTO
+const productosActions = createGenericCrudActions<ProductoDTO>('producto');
+export const ProductosActions = productosActions;
+@State<PlantillaResponse<ProductoDTO>>({
+  name: 'producto',
+  defaults: {
+    data: undefined,
+    dataList: [],
+    message: '',
+    rta: false,
+  },
+})
+@Injectable()
+export class ProductosState extends GenericCrudState<ProductoDTO, ProductoDTO> {
+  constructor(
+    private http: HttpClient,
+    private config: LibConfigService,
+    private meta: MetaDataService,
+    private productSvc: ProductService
+  ) {
+  
+    const service = new GenericCrudHttpService<ProductoDTO>(
+      http,
+      config,
+      meta,
+      'baseUrlProducts',
+    );
+    super(
+      service,
+      ProductosActions as unknown as GenericCrudActions<ProductoDTO>,
+    );
+  }
+
+  // Selector para lista de productos
+  @Selector()
+  static getProductos(state: PlantillaResponse<ProductoDTO>) {
+    return state.dataList;
+  }
+
+  /**
+   * Selector factory para obtener productos por id de categoría.
+   * @param idCategoria 
+   * @returns 
+   */
+  static selectByCategoriaId(idCategoria: string) {
+    return createSelector([
+      (state: { producto: PlantillaResponse<ProductoDTO> }) => state.producto
+    ], (response: PlantillaResponse<ProductoDTO>) => {
+      const list = (response?.dataList as ProductoDTO[]) || [];
+      return list.filter(p => String(p.idCategoria) === String(idCategoria));
+    });
+  }
+
+  // Acción All
+  @Action(ProductosActions.All)
+  all(ctx: StateContext<PlantillaResponse<ProductoDTO>>, action: any) {
+    return this.service
+      .all(action.payload)
+      .pipe(tap((res) => ctx.setState(res)));
+  }
+@Action(ProductosActions.Add)
+override add(ctx: StateContext<PlantillaResponse<ProductoDTO>>, action: any) {
+  return this.service.add(action.payload, action.queryParams).pipe(
+    tap((res) => {
+      const state = ctx.getState();
+      const newItem = res.data;
+      if (newItem && state.dataList) {
+        ctx.setState({
+          ...state,
+          dataList: [...state.dataList, newItem],
+          data: newItem,
+          message: res.message,
+          rta: true,
+        });
+      }
+    })
+  );
+}
+
+@Action(ProductosActions.Update)
+override update(ctx: StateContext<PlantillaResponse<ProductoDTO>>, action: any) {
+  return this.service.update(action.payload, action.queryParams).pipe(
+    tap((res) => {
+      const state = ctx.getState();
+      const updatedItem = res.data;
+      if (updatedItem && state.dataList) {
+        ctx.setState({
+          ...state,
+          dataList: state.dataList.map((item: any) =>
+            item.id === updatedItem.id ? updatedItem : item
+          ),
+          data: updatedItem,
+          message: res.message,
+          rta: true,
+        });
+      }
+    })
+  );
+}
+
+@Action(ProductosActions.Delete)
+override delete(ctx: StateContext<PlantillaResponse<ProductoDTO>>, action: any) {
+  return this.service.delete(action.queryParams).pipe(
+    tap((res) => {
+      const state = ctx.getState();
+      if (state.dataList) {
+        ctx.setState({
+          ...state,
+          dataList: state.dataList.filter((item: any) => item.id !== action.id),
+          message: res.message,
+          rta: true,
+        });
+      }
+    })
+    );
+  }
+  @Action(ProductosActions.LoadMock)
+override loadMock(ctx: StateContext<PlantillaResponse<ProductoDTO>>) {
+    try {
+      const mockData = this.productSvc.mockProductosInflablesDTO();
+      ctx.patchState({
+        data: undefined,
+        dataList: mockData,
+        message: mockData.length
+          ? 'Datos mock cargados correctamente'
+          : 'No hay datos mock disponibles',
+        rta: !!mockData.length,
+      });
+    } catch (error) {
+      ctx.patchState({
+        data: undefined,
+        dataList: [],
+        message: 'Error al cargar datos mock ' + error,
+        rta: false,
+      });
+    }
+  }
+
+}

package/assets/state/state-generic/generic-crud.actions.ts

@@ -0,0 +1,39 @@
+import { QueryParams } from 'juliaositembackenexpress/dist/utils/queryParams';
+
+// eslint-disable-next-line max-lines-per-function
+export function createGenericCrudActions<RQ>(entityName: string) {
+  
+  class All {
+    static readonly type = `[${entityName}] ALL`;
+    constructor(public payload: QueryParams, public filters?: Map<string, string>) {}
+  }
+
+  class Add {
+    static readonly type = `[${entityName}] ADD`;
+    constructor(public payload: RQ, public queryParams: QueryParams) {}
+  }
+
+  class Update {
+    static readonly type = `[${entityName}] UPDATE`;
+    constructor(public payload: RQ, public queryParams: QueryParams) {}
+  }
+
+  class Delete {
+    static readonly type = `[${entityName}] DELETE`;
+    constructor(public queryParams: QueryParams) {}
+  }
+
+  // Nueva acción para cargar datos mock en demos
+  class LoadMock {
+    static readonly type = `[${entityName}] LOAD_MOCK`;
+    constructor() {}
+  }
+
+  return {
+    All,
+    Add,
+    Update,
+    Delete,
+    LoadMock,
+  };
+}

package/assets/state/state-generic/generic-crud.state.ts

@@ -0,0 +1,83 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Injectable } from '@angular/core';
+import { StateContext, Selector, Action, createSelector } from '@ngxs/store';
+import { PlantillaResponse } from 'juliaositembackenexpress/dist/utils/PlantillaResponse';
+import { GenericCrudHttpService } from '../../../componentes/shared/services/generic-crud.service/generic-crud.service';
+import { tap } from 'rxjs';
+
+export interface GenericCrudActions<RQ> {
+  All: new (payload: any, filters?: Map<string, string>) => any;
+  Add: new (payload: RQ, queryParams: any) => any;
+  Update: new (payload: RQ, queryParams: any) => any;
+  Delete: new (queryParams: any) => any;
+  LoadMock: new () => any;
+}
+
+@Injectable()
+export abstract class GenericCrudState<RES, RQ> {
+  protected constructor(
+    protected readonly service: GenericCrudHttpService<RES>,
+    protected readonly actions: GenericCrudActions<RQ>
+  ) {}
+
+  @Selector()
+  static getResponse<RES>(state: PlantillaResponse<RES>): PlantillaResponse<RES> {
+    return state;
+  }
+
+  /**
+   * Selector factory para obtener un elemento por id desde el estado genérico.
+   * Uso: store.selectSnapshot(YourState.selectById(id))
+   */
+  static selectById<RES>(id: string | number) {
+    return createSelector([
+      // Reutiliza el selector base que expone el response del estado
+      (this as unknown as typeof GenericCrudState).getResponse as (state: PlantillaResponse<RES>) => PlantillaResponse<RES>
+    ], (response: PlantillaResponse<RES>) => {
+      const list = (response?.dataList as unknown as Array<{ id?: string | number }> | undefined) ?? [];
+      return list.find((item) => String(item?.id ?? '') === String(id)) as unknown as RES | undefined;
+    });
+  }
+
+  @Action(function (this: GenericCrudState<RES, RQ>) { return this.actions.All; } as any)
+  All({ setState }: StateContext<PlantillaResponse<RES>>, action: any) {
+    return this.service.all(action.payload).pipe(
+      tap(res => setState(res))
+    );
+  }
+
+ @Action(function (this: GenericCrudState<RES, RQ>) { return this.actions.Add; } as any)
+add(ctx: StateContext<PlantillaResponse<RES>>, action: any) {
+  return this.service.add(action.payload, action.queryParams);
+}
+
+@Action(function (this: GenericCrudState<RES, RQ>) { return this.actions.Update; } as any)
+update(ctx: StateContext<PlantillaResponse<RES>>, action: any) {
+  return this.service.update(action.payload, action.queryParams);
+}
+
+@Action(function (this: GenericCrudState<RES, RQ>) { return this.actions.Delete; } as any)
+delete(ctx: StateContext<PlantillaResponse<RES>>, action: any) {
+  return this.service.delete(action.queryParams);
+}
+
+  @Action(function (this: GenericCrudState<RES, RQ>) { return this.actions.LoadMock; } as any)
+  loadMock(ctx: StateContext<PlantillaResponse<RES>>) {
+    try {
+      const mockData = (this.service as any).getMockData?.() ?? [];
+      ctx.patchState({
+        data: undefined,
+        dataList: mockData,
+        message: mockData.length ? 'Datos mock cargados correctamente' : 'No hay datos mock disponibles',
+        rta: !!mockData.length,
+      });
+    } catch (error) {
+      ctx.patchState({
+        data: undefined,
+        dataList: [],
+        message: 'Error al cargar datos mock ' + error,
+        rta: false,
+      });
+    }
+  }
+}