@c-code/c-code-fw 1.1.0 → 1.1.3

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

@@ -0,0 +1,198 @@
+import * as i0 from '@angular/core';
+import { Injectable, HostListener, Input, Directive, signal } from '@angular/core';
+
+class ElementActiveService {
+    currentActiveElement = null;
+    elementsClickedRegister = [];
+    setActiveElement(element, classActiveName) {
+        this.deactivateElementsOtherThanOneClicked(classActiveName, element);
+        this.currentActiveElement = element;
+        this.currentActiveElement.classList.add(classActiveName);
+        if (!this.elementsClickedRegister.includes(element)) {
+            this.elementsClickedRegister.push(element);
+        }
+    }
+    deactivateElementsOtherThanOneClicked(classActiveName, excludeElement) {
+        this.elementsClickedRegister.forEach(element => {
+            if (element !== excludeElement) {
+                element.classList.remove(classActiveName);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveService, decorators: [{
+            type: Injectable
+        }] });
+
+class ElementActiveDirective {
+    el;
+    render;
+    elementService;
+    activeClass = "active";
+    constructor(el, render, elementService) {
+        this.el = el;
+        this.render = render;
+        this.elementService = elementService;
+    }
+    onClick() {
+        this.elementService.setActiveElement(this.el.nativeElement, this.activeClass);
+        this.render.addClass(this.el.nativeElement, this.activeClass);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ElementActiveService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: ElementActiveDirective, isStandalone: true, selector: "[appElementActive]", inputs: { activeClass: "activeClass" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appElementActive]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ElementActiveService }], propDecorators: { activeClass: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+var ElementStatusType;
+(function (ElementStatusType) {
+    ElementStatusType[ElementStatusType["SHOW"] = 0] = "SHOW";
+    ElementStatusType[ElementStatusType["HIDDEN"] = 1] = "HIDDEN";
+    ElementStatusType[ElementStatusType["DEFAULT"] = 2] = "DEFAULT";
+})(ElementStatusType || (ElementStatusType = {}));
+
+/**
+ * Service to manage the state and classes of HTML elements,
+ * used in menus and buttons to show or hide content.
+ *
+ */
+class ElementToggleService {
+    elementStatus = signal(ElementStatusType.DEFAULT);
+    elementsHistory = [];
+    currentToggleClass = '';
+    /**
+     * Gets the current state of the element.
+     * @returns Signal with the current state.
+     */
+    get elementStatusToggle() {
+        if (this.elementStatus() === ElementStatusType.DEFAULT) {
+            console.warn('The element state is default. A different value should be set.');
+        }
+        return this.elementStatus;
+    }
+    /**
+     * 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('The element state cannot be default.');
+        }
+        if (this.elementStatus() === ElementStatusType.SHOW &&
+            status === ElementStatusType.SHOW) {
+            this.elementStatus.set(ElementStatusType.HIDDEN);
+        }
+        else {
+            this.elementStatus.set(status);
+        }
+    }
+    /**
+     * 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.trim()) {
+            throw Error('The class name cannot be null or empty.');
+        }
+        element.classList.toggle(className);
+        this.currentToggleClass = className;
+        if (!this.elementsHistory.includes(element)) {
+            this.elementsHistory.push(element);
+        }
+    }
+    /**
+     * 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('The element history is empty.');
+        }
+        this.elementsHistory.forEach((element) => {
+            element.classList.remove(this.currentToggleClass);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementToggleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementToggleService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementToggleService, decorators: [{
+            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();
+        }
+    }
+    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
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ElementActiveDirective, ElementActiveService, ElementStatusType, ElementToggleService, ScreenWidthEventService };
+//# sourceMappingURL=c-code-c-code-fw.mjs.map

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

@@ -0,0 +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/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\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 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/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="core" />
+/// <amd-module name="@c-code/c-code-fw" />
 export * from './public-api';

package/lib/element_toggle.service.d.ts

@@ -0,0 +1,37 @@
+import { ElementStatusType } from './types/element_status-type';
+import * as i0 from "@angular/core";
+/**
+ * Service to manage the state and classes of HTML elements,
+ * used in menus and buttons to show or hide content.
+ *
+ */
+export declare class ElementToggleService {
+    private elementStatus;
+    private elementsHistory;
+    private currentToggleClass;
+    /**
+     * Gets the current state of the element.
+     * @returns Signal with the current state.
+     */
+    get elementStatusToggle(): import("@angular/core").WritableSignal<ElementStatusType>;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ElementToggleService>;
+}

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

@@ -0,0 +1,35 @@
+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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenWidthEventService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScreenWidthEventService>;
+}

package/lib/types/element_status-type.d.ts

@@ -0,0 +1,5 @@
+export declare enum ElementStatusType {
+    SHOW = 0,
+    HIDDEN = 1,
+    DEFAULT = 2
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c-code/c-code-fw",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"
@@ -9,7 +9,7 @@
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
-  "module": "fesm2022/core.mjs",
+  "module": "fesm2022/c-code-c-code-fw.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -17,7 +17,7 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "default": "./fesm2022/core.mjs"
+      "default": "./fesm2022/c-code-c-code-fw.mjs"
     }
   }
 }

package/public-api.d.ts

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

package/fesm2022/core.mjs

@@ -1,84 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, HostListener, Input, Directive } from '@angular/core';
-
-class ElementActiveService {
-    currentActiveElement = null;
-    elementsClickedRegister = [];
-    setActiveElement(element, classActiveName) {
-        this.deactivateElementsOtherThanOneClicked(classActiveName, element);
-        this.currentActiveElement = element;
-        this.currentActiveElement.classList.add(classActiveName);
-        if (!this.elementsClickedRegister.includes(element)) {
-            this.elementsClickedRegister.push(element);
-        }
-    }
-    deactivateElementsOtherThanOneClicked(classActiveName, excludeElement) {
-        this.elementsClickedRegister.forEach(element => {
-            if (element !== excludeElement) {
-                element.classList.remove(classActiveName);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveService, decorators: [{
-            type: Injectable
-        }] });
-
-class ElementActiveDirective {
-    el;
-    render;
-    elementService;
-    activeClass = "active";
-    constructor(el, render, elementService) {
-        this.el = el;
-        this.render = render;
-        this.elementService = elementService;
-    }
-    onClick() {
-        this.elementService.setActiveElement(this.el.nativeElement, this.activeClass);
-        this.render.addClass(this.el.nativeElement, this.activeClass);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ElementActiveService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: ElementActiveDirective, isStandalone: true, selector: "[appElementActive]", inputs: { activeClass: "activeClass" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementActiveDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appElementActive]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ElementActiveService }], propDecorators: { activeClass: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class ElementOpenService {
-    element;
-    toggleActiveClass(element, classActive) {
-        if (!element) {
-            throw Error('El elemento ingresado es null, no se puede activar.');
-        }
-        this.element = element;
-        this.element.classList.toggle(classActive);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementOpenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementOpenService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ElementOpenService, decorators: [{
-            type: Injectable
-        }] });
-
-/*
- * Public API Surface of core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ElementActiveDirective, ElementActiveService, ElementOpenService };
-//# sourceMappingURL=core.mjs.map

package/fesm2022/core.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.mjs","sources":["../../../projects/core/src/lib/element-active.service.ts","../../../projects/core/src/lib/element-active.directive.ts","../../../projects/core/src/lib/element-open.service.ts","../../../projects/core/src/public-api.ts","../../../projects/core/src/core.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  ","import { Injectable } from '@angular/core';\r\n\r\n@Injectable()\r\nexport class ElementOpenService{\r\n\r\n    private element! : HTMLElement;\r\n\r\n    toggleActiveClass(element : HTMLElement, classActive:string){\r\n        if(!element){\r\n            throw Error('El elemento ingresado es null, no se puede activar.');\r\n        }\r\n        this.element = element\r\n        this.element.classList.toggle(classActive);\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-open.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-open.service.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ElementOpenService {
-    private element;
-    toggleActiveClass(element: HTMLElement, classActive: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElementOpenService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ElementOpenService>;
-}