@c-code/c-code-fw 1.1.2 → 1.1.4

package/fesm2022/c-code-c-code-fw.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, HostListener, Input, Directive, signal } from '@angular/core';
+import { fromEvent, debounceTime } from 'rxjs';
 
 class ElementActiveService {
     currentActiveElement = null;
@@ -64,8 +65,8 @@ var ElementStatusType;
 })(ElementStatusType || (ElementStatusType = {}));
 
 /**
- * Servicio para manejar el estado y las clases de elementos HTML,
- * uso en menus y botones para mostrar o cerrar contenido
+ * Service to manage the state and classes of HTML elements,
+ * used in menus and buttons to show or hide content.
  *
  */
 class ElementToggleService {
@@ -73,23 +74,23 @@ class ElementToggleService {
     elementsHistory = [];
     currentToggleClass = '';
     /**
-     * Obtiene el estado actual del elemento.
-     * @returns Signal con el estado actual.
+     * Gets the current state of the element.
+     * @returns Signal with the current state.
      */
     get elementStatusToggle() {
         if (this.elementStatus() === ElementStatusType.DEFAULT) {
-            console.warn('El estado del elemento es default. Se debe insertar un valor diferente.');
+            console.warn('The element state is default. A different value should be set.');
         }
         return this.elementStatus;
     }
     /**
-     * Cambia el estado del elemento por uno específico, si el estado ya es SHOW se cambia a.
-     * @param status Estado nuevo del tipo ElementStatusType.
-     * @throws Error si el estado es DEFAULT.
+     * Changes the state of the element to a specific one. If the state is already SHOW, it changes to HIDDEN.
+     * @param status New state of type ElementStatusType.
+     * @throws Error if the state is DEFAULT.
      */
     toggleByElementStatusType(status) {
         if (status === ElementStatusType.DEFAULT) {
-            throw Error('El estado del elemento no puede ser default.');
+            throw Error('The element state cannot be default.');
         }
         if (this.elementStatus() === ElementStatusType.SHOW &&
             status === ElementStatusType.SHOW) {
@@ -100,14 +101,14 @@ class ElementToggleService {
         }
     }
     /**
-     * Alterna una clase CSS en un elemento y lo guarda en el historial.
-     * @param element Elemento HTML al que se le alternará la clase.
-     * @param className Nombre de la clase a alternar.
-     * @throws Error si el nombre de la clase es nulo o vacío.
+     * Toggles a CSS class on an element and saves it in the history.
+     * @param element HTML element to toggle the class on.
+     * @param className Name of the class to toggle.
+     * @throws Error if the class name is null or empty.
      */
     toggleByClassName(element, className) {
-        if (className == null || className == '') {
-            throw Error('El nombre de la clase no puede ser nulo o vacio.');
+        if (!className.trim()) {
+            throw Error('The class name cannot be null or empty.');
         }
         element.classList.toggle(className);
         this.currentToggleClass = className;
@@ -116,12 +117,12 @@ class ElementToggleService {
         }
     }
     /**
-     * Remueve la clase activa de todos los elementos almacenados en el historial.
-     * @throws Error si el historial está vacío.
+     * Removes the active class from all elements stored in the history.
+     * @throws Error if the history is empty.
      */
     removeActiveClassToAllElements() {
         if (this.elementsHistory.length <= 0) {
-            throw Error('El historial de elementos está vacío.');
+            throw Error('The element history is empty.');
         }
         this.elementsHistory.forEach((element) => {
             element.classList.remove(this.currentToggleClass);
@@ -134,6 +135,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             type: Injectable
         }] });
 
+/**
+ * Tailwind CSS Breakpoints:
+ * - xs: < 640px (Extra small, below Tailwind's `sm`)
+ * - sm: 640px (Small screens)
+ * - md: 768px (Medium screens)
+ * - lg: 1024px (Large screens)
+ * - xl: 1280px (Extra large screens)
+ * - 2xl: 1536px (2x Extra large screens)
+ */
+// @Service: ScreenWidthEventService
+class ScreenWidthEventService {
+    // @Property: Stores the current screen width
+    screenWidth = window.innerWidth;
+    // @Property: Stores the current screen height
+    screenHeight = window.innerHeight;
+    /**
+     * @Method: getScreenWidth
+     * @Description: Returns the current screen width
+     * @Returns: number - The current screen width
+     */
+    getScreenWidth() {
+        return this.screenWidth;
+    }
+    /**
+     * @Method: getScreenHeight
+     * @Description: Returns the current screen height
+     * @Returns: number - The current screen height
+     */
+    getScreenHeight() {
+        return this.screenHeight;
+    }
+    /**
+     * @Method: executeFuncByScreenWidth
+     * @Description: Executes a function if the screen width is less than or equal to the specified width
+     * @Param: func - The function to execute
+     * @Param: width - The maximum screen width to trigger the function
+     */
+    executeFuncByScreenWidth(func, width) {
+        if (this.screenWidth <= width) {
+            func();
+        }
+    }
+    onResize(func) {
+        fromEvent(window, 'resize')
+            .pipe(debounceTime(200))
+            .subscribe(() => {
+            this.screenWidth = window.innerWidth;
+            this.screenHeight = window.innerHeight;
+            func();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ScreenWidthEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ScreenWidthEventService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ScreenWidthEventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 /*
  * Public API Surface of core
  */
@@ -142,5 +204,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ElementActiveDirective, ElementActiveService, ElementStatusType, ElementToggleService };
+export { ElementActiveDirective, ElementActiveService, ElementStatusType, ElementToggleService, ScreenWidthEventService };
 //# sourceMappingURL=c-code-c-code-fw.mjs.map

package/fesm2022/c-code-c-code-fw.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"c-code-c-code-fw.mjs","sources":["../../../projects/core/src/lib/element-active.service.ts","../../../projects/core/src/lib/element-active.directive.ts","../../../projects/core/src/lib/types/element_status-type.ts","../../../projects/core/src/lib/element_toggle.service.ts","../../../projects/core/src/public-api.ts","../../../projects/core/src/c-code-c-code-fw.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable(\r\n  \r\n)\r\nexport class ElementActiveService {\r\n  private currentActiveElement: HTMLElement | null = null;\r\n  private elementsClickedRegister: HTMLElement[] = [];\r\n  setActiveElement(element: HTMLElement, classActiveName: string) {\r\n    this.deactivateElementsOtherThanOneClicked(classActiveName,element);\r\n\r\n    this.currentActiveElement = element;\r\n    this.currentActiveElement.classList.add(classActiveName);\r\n\r\n    if(!this.elementsClickedRegister.includes(element)){\r\n        this.elementsClickedRegister.push(element);\r\n    }\r\n  }\r\n\r\n  private deactivateElementsOtherThanOneClicked(classActiveName: string, excludeElement: HTMLElement) {\r\n  this.elementsClickedRegister.forEach(element => {\r\n    if (element !== excludeElement) {\r\n      element.classList.remove(classActiveName);\r\n    }\r\n  });\r\n}\r\n}\r\n","import {\r\n    Directive,\r\n    ElementRef,\r\n    HostListener,\r\n    Input,\r\n    Renderer2,\r\n  } from '@angular/core';\r\nimport { ElementActiveService } from './element-active.service';\r\n  \r\n  @Directive({\r\n    selector: '[appElementActive]',\r\n    standalone: true,\r\n  })\r\n  export class ElementActiveDirective {\r\n    @Input() activeClass:string = \"active\"\r\n    constructor(\r\n      private el: ElementRef,\r\n      private render: Renderer2,\r\n      private elementService: ElementActiveService\r\n    ) {}\r\n    @HostListener('click') onClick() {\r\n      this.elementService.setActiveElement(this.el.nativeElement,this.activeClass);\r\n      this.render.addClass(this.el.nativeElement, this.activeClass)\r\n    }\r\n  }\r\n  ","export enum ElementStatusType{\r\n    SHOW,\r\n    HIDDEN,\r\n    DEFAULT\r\n}","import { Injectable, signal } from '@angular/core';\r\nimport { ElementStatusType } from './types/element_status-type';\r\n\r\n/**\r\n * Servicio para manejar el estado y las clases de elementos HTML,\r\n * uso en menus y botones para mostrar o cerrar contenido\r\n *\r\n */\r\n@Injectable()\r\nexport class ElementToggleService {\r\n  private elementStatus = signal<ElementStatusType>(ElementStatusType.DEFAULT);\r\n  private elementsHistory: HTMLElement[] = [];\r\n  private currentToggleClass: string = '';\r\n\r\n  /**\r\n   * Obtiene el estado actual del elemento.\r\n   * @returns Signal con el estado actual.\r\n   */\r\n  get elementStatusToggle() {\r\n    if (this.elementStatus() === ElementStatusType.DEFAULT) {\r\n      console.warn(\r\n        'El estado del elemento es default. Se debe insertar un valor diferente.'\r\n      );\r\n    }\r\n    return this.elementStatus;\r\n  }\r\n\r\n  /**\r\n   * Cambia el estado del elemento por uno específico, si el estado ya es SHOW se cambia a.\r\n   * @param status Estado nuevo del tipo ElementStatusType.\r\n   * @throws Error si el estado es DEFAULT.\r\n   */\r\n  toggleByElementStatusType(status: ElementStatusType) {\r\n    if (status === ElementStatusType.DEFAULT) {\r\n      throw Error('El estado del elemento no puede ser default.');\r\n    }\r\n    if (\r\n      this.elementStatus() === ElementStatusType.SHOW &&\r\n      status === ElementStatusType.SHOW\r\n    ) {\r\n      this.elementStatus.set(ElementStatusType.HIDDEN);\r\n    } else {\r\n      this.elementStatus.set(status);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Alterna una clase CSS en un elemento y lo guarda en el historial.\r\n   * @param element Elemento HTML al que se le alternará la clase.\r\n   * @param className Nombre de la clase a alternar.\r\n   * @throws Error si el nombre de la clase es nulo o vacío.\r\n   */\r\n  toggleByClassName(element: HTMLElement, className: string) {\r\n    if (className == null || className == '') {\r\n      throw Error('El nombre de la clase no puede ser nulo o vacio.');\r\n    }\r\n\r\n    element.classList.toggle(className);\r\n    this.currentToggleClass = className;\r\n    if (!this.elementsHistory.includes(element)) {\r\n      this.elementsHistory.push(element);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Remueve la clase activa de todos los elementos almacenados en el historial.\r\n   * @throws Error si el historial está vacío.\r\n   */\r\n  removeActiveClassToAllElements() {\r\n    if (this.elementsHistory.length <= 0) {\r\n      throw Error('El historial de elementos está vacío.');\r\n    }\r\n\r\n    this.elementsHistory.forEach((element) => {\r\n      element.classList.remove(this.currentToggleClass);\r\n    });\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of core\r\n */\r\n\r\nexport * from './lib/element-active.directive';\r\nexport * from './lib/element-active.service';\r\nexport * from './lib/element_toggle.service';\r\nexport * from './lib/types/element_status-type'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ElementActiveService"],"mappings":"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"}
+{"version":3,"file":"c-code-c-code-fw.mjs","sources":["../../../projects/core/src/lib/element-active.service.ts","../../../projects/core/src/lib/element-active.directive.ts","../../../projects/core/src/lib/types/element_status-type.ts","../../../projects/core/src/lib/element_toggle.service.ts","../../../projects/core/src/lib/screen_width-event.service.ts","../../../projects/core/src/public-api.ts","../../../projects/core/src/c-code-c-code-fw.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable(\r\n  \r\n)\r\nexport class ElementActiveService {\r\n  private currentActiveElement: HTMLElement | null = null;\r\n  private elementsClickedRegister: HTMLElement[] = [];\r\n  setActiveElement(element: HTMLElement, classActiveName: string) {\r\n    this.deactivateElementsOtherThanOneClicked(classActiveName,element);\r\n\r\n    this.currentActiveElement = element;\r\n    this.currentActiveElement.classList.add(classActiveName);\r\n\r\n    if(!this.elementsClickedRegister.includes(element)){\r\n        this.elementsClickedRegister.push(element);\r\n    }\r\n  }\r\n\r\n  private deactivateElementsOtherThanOneClicked(classActiveName: string, excludeElement: HTMLElement) {\r\n  this.elementsClickedRegister.forEach(element => {\r\n    if (element !== excludeElement) {\r\n      element.classList.remove(classActiveName);\r\n    }\r\n  });\r\n}\r\n}\r\n","import {\r\n    Directive,\r\n    ElementRef,\r\n    HostListener,\r\n    Input,\r\n    Renderer2,\r\n  } from '@angular/core';\r\nimport { ElementActiveService } from './element-active.service';\r\n  \r\n  @Directive({\r\n    selector: '[appElementActive]',\r\n    standalone: true,\r\n  })\r\n  export class ElementActiveDirective {\r\n    @Input() activeClass:string = \"active\"\r\n    constructor(\r\n      private el: ElementRef,\r\n      private render: Renderer2,\r\n      private elementService: ElementActiveService\r\n    ) {}\r\n    @HostListener('click') onClick() {\r\n      this.elementService.setActiveElement(this.el.nativeElement,this.activeClass);\r\n      this.render.addClass(this.el.nativeElement, this.activeClass)\r\n    }\r\n  }\r\n  ","export enum ElementStatusType{\r\n    SHOW,\r\n    HIDDEN,\r\n    DEFAULT\r\n}","import { Injectable, signal } from '@angular/core';\r\nimport { ElementStatusType } from './types/element_status-type';\r\n\r\n/**\r\n * Service to manage the state and classes of HTML elements,\r\n * used in menus and buttons to show or hide content.\r\n *\r\n */\r\n@Injectable()\r\nexport class ElementToggleService {\r\n  private elementStatus = signal<ElementStatusType>(ElementStatusType.DEFAULT);\r\n  private elementsHistory: HTMLElement[] = [];\r\n  private currentToggleClass: string = '';\r\n\r\n  /**\r\n   * Gets the current state of the element.\r\n   * @returns Signal with the current state.\r\n   */\r\n  get elementStatusToggle() {\r\n    if (this.elementStatus() === ElementStatusType.DEFAULT) {\r\n      console.warn(\r\n        'The element state is default. A different value should be set.'\r\n      );\r\n    }\r\n    return this.elementStatus;\r\n  }\r\n\r\n  /**\r\n   * Changes the state of the element to a specific one. If the state is already SHOW, it changes to HIDDEN.\r\n   * @param status New state of type ElementStatusType.\r\n   * @throws Error if the state is DEFAULT.\r\n   */\r\n  toggleByElementStatusType(status: ElementStatusType) {\r\n    if (status === ElementStatusType.DEFAULT) {\r\n      throw Error('The element state cannot be default.');\r\n    }\r\n    if (\r\n      this.elementStatus() === ElementStatusType.SHOW &&\r\n      status === ElementStatusType.SHOW\r\n    ) {\r\n      this.elementStatus.set(ElementStatusType.HIDDEN);\r\n    } else {\r\n      this.elementStatus.set(status);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Toggles a CSS class on an element and saves it in the history.\r\n   * @param element HTML element to toggle the class on.\r\n   * @param className Name of the class to toggle.\r\n   * @throws Error if the class name is null or empty.\r\n   */\r\n  toggleByClassName(element: HTMLElement, className: string) {\r\n    if (!className.trim()) {\r\n      throw Error('The class name cannot be null or empty.');\r\n    }\r\n\r\n    element.classList.toggle(className);\r\n    this.currentToggleClass = className;\r\n    if (!this.elementsHistory.includes(element)) {\r\n      this.elementsHistory.push(element);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Removes the active class from all elements stored in the history.\r\n   * @throws Error if the history is empty.\r\n   */\r\n  removeActiveClassToAllElements() {\r\n    if (this.elementsHistory.length <= 0) {\r\n      throw Error('The element history is empty.');\r\n    }\r\n\r\n    this.elementsHistory.forEach((element) => {\r\n      element.classList.remove(this.currentToggleClass);\r\n    });\r\n  }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { debounceTime, fromEvent } from 'rxjs';\r\n\r\n/**\r\n * Tailwind CSS Breakpoints:\r\n * - xs: < 640px (Extra small, below Tailwind's `sm`)\r\n * - sm: 640px (Small screens)\r\n * - md: 768px (Medium screens)\r\n * - lg: 1024px (Large screens)\r\n * - xl: 1280px (Extra large screens)\r\n * - 2xl: 1536px (2x Extra large screens)\r\n */\r\n\r\n// @Service: ScreenWidthEventService\r\n@Injectable({\r\n    providedIn: 'root',\r\n})\r\nexport class ScreenWidthEventService {\r\n    // @Property: Stores the current screen width\r\n    private screenWidth: number = window.innerWidth;\r\n\r\n    // @Property: Stores the current screen height\r\n    private screenHeight: number = window.innerHeight;\r\n\r\n    /**\r\n     * @Method: getScreenWidth\r\n     * @Description: Returns the current screen width\r\n     * @Returns: number - The current screen width\r\n     */\r\n    public getScreenWidth(): number {\r\n        return this.screenWidth;\r\n    }\r\n\r\n    /**\r\n     * @Method: getScreenHeight\r\n     * @Description: Returns the current screen height\r\n     * @Returns: number - The current screen height\r\n     */\r\n    public getScreenHeight(): number {\r\n        return this.screenHeight;\r\n    }\r\n\r\n    /**\r\n     * @Method: executeFuncByScreenWidth\r\n     * @Description: Executes a function if the screen width is less than or equal to the specified width\r\n     * @Param: func - The function to execute\r\n     * @Param: width - The maximum screen width to trigger the function\r\n     */\r\n    public executeFuncByScreenWidth(func: () => void, width: number): void {\r\n        if (this.screenWidth <= width) {\r\n            func();\r\n        }\r\n    }\r\n\r\n    public onResize(func: () => void): void {\r\n        fromEvent(window, 'resize')\r\n            .pipe(debounceTime(200))\r\n            .subscribe(() =>{\r\n                this.screenWidth = window.innerWidth;\r\n                this.screenHeight = window.innerHeight;\r\n                func();\r\n            })\r\n    }\r\n}","/*\r\n * Public API Surface of core\r\n */\r\n\r\nexport * from './lib/element-active.directive';\r\nexport * from './lib/element-active.service';\r\nexport * from './lib/element_toggle.service';\r\nexport * from './lib/types/element_status-type'\r\nexport * from './lib/screen_width-event.service';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ElementActiveService"],"mappings":"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"}

package/lib/element_toggle.service.d.ts

@@ -1,8 +1,8 @@
 import { ElementStatusType } from './types/element_status-type';
 import * as i0 from "@angular/core";
 /**
- * Servicio para manejar el estado y las clases de elementos HTML,
- * uso en menus y botones para mostrar o cerrar contenido
+ * Service to manage the state and classes of HTML elements,
+ * used in menus and buttons to show or hide content.
  *
  */
 export declare class ElementToggleService {
@@ -10,26 +10,26 @@ export declare class ElementToggleService {
     private elementsHistory;
     private currentToggleClass;
     /**
-     * Obtiene el estado actual del elemento.
-     * @returns Signal con el estado actual.
+     * Gets the current state of the element.
+     * @returns Signal with the current state.
      */
     get elementStatusToggle(): import("@angular/core").WritableSignal<ElementStatusType>;
     /**
-     * Cambia el estado del elemento por uno específico, si el estado ya es SHOW se cambia a.
-     * @param status Estado nuevo del tipo ElementStatusType.
-     * @throws Error si el estado es DEFAULT.
+     * Changes the state of the element to a specific one. If the state is already SHOW, it changes to HIDDEN.
+     * @param status New state of type ElementStatusType.
+     * @throws Error if the state is DEFAULT.
      */
     toggleByElementStatusType(status: ElementStatusType): void;
     /**
-     * Alterna una clase CSS en un elemento y lo guarda en el historial.
-     * @param element Elemento HTML al que se le alternará la clase.
-     * @param className Nombre de la clase a alternar.
-     * @throws Error si el nombre de la clase es nulo o vacío.
+     * Toggles a CSS class on an element and saves it in the history.
+     * @param element HTML element to toggle the class on.
+     * @param className Name of the class to toggle.
+     * @throws Error if the class name is null or empty.
      */
     toggleByClassName(element: HTMLElement, className: string): void;
     /**
-     * Remueve la clase activa de todos los elementos almacenados en el historial.
-     * @throws Error si el historial está vacío.
+     * Removes the active class from all elements stored in the history.
+     * @throws Error if the history is empty.
      */
     removeActiveClassToAllElements(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementToggleService, never>;

package/lib/screen_width-event.service.d.ts

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+/**
+ * Tailwind CSS Breakpoints:
+ * - xs: < 640px (Extra small, below Tailwind's `sm`)
+ * - sm: 640px (Small screens)
+ * - md: 768px (Medium screens)
+ * - lg: 1024px (Large screens)
+ * - xl: 1280px (Extra large screens)
+ * - 2xl: 1536px (2x Extra large screens)
+ */
+export declare class ScreenWidthEventService {
+    private screenWidth;
+    private screenHeight;
+    /**
+     * @Method: getScreenWidth
+     * @Description: Returns the current screen width
+     * @Returns: number - The current screen width
+     */
+    getScreenWidth(): number;
+    /**
+     * @Method: getScreenHeight
+     * @Description: Returns the current screen height
+     * @Returns: number - The current screen height
+     */
+    getScreenHeight(): number;
+    /**
+     * @Method: executeFuncByScreenWidth
+     * @Description: Executes a function if the screen width is less than or equal to the specified width
+     * @Param: func - The function to execute
+     * @Param: width - The maximum screen width to trigger the function
+     */
+    executeFuncByScreenWidth(func: () => void, width: number): void;
+    onResize(func: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenWidthEventService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScreenWidthEventService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c-code/c-code-fw",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"

package/public-api.d.ts

@@ -2,3 +2,4 @@ export * from './lib/element-active.directive';
 export * from './lib/element-active.service';
 export * from './lib/element_toggle.service';
 export * from './lib/types/element_status-type';
+export * from './lib/screen_width-event.service';