ui-core-abv 0.0.2 → 0.0.4

package/lib/{dynamic-form → components/dynamic-form}/form/dynamic-form.component.d.ts

@@ -6,5 +6,5 @@ export declare class UicDynamicFormComponent {
     form: FormGroup;
     flag: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicDynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "app-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "form": { "alias": "form"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "form": { "alias": "form"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/{dynamic-form → components/dynamic-form}/form-wrapper/form-wrapper.component.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FormBlock, FormResult, FormSchema } from '../form.models';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class UicFormWrapperComponent {
+export declare class UicFormWrapperComponent implements OnInit, OnChanges {
     schema: FormSchema;
     loading: boolean;
     initialValues: Record<string, any>;

package/lib/{inputs → components/inputs}/input/input.component.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '@angular/core';
+import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 export declare class UicInputComponent {
     icon: string;
-    iconColor: 'primary' | 'secondary' | 'error' | 'light' | 'grey';
+    iconColor: ButtonColor;
     internalIcon: string;
     size: 's' | 'm' | 'l';
     label: string;

package/lib/{modal → components/modal}/floating-modal/modal.component.d.ts

@@ -1,9 +1,9 @@
 import { Injector, Type } from '@angular/core';
 import { CdkPortalOutlet } from '@angular/cdk/portal';
 import { ModalConfig } from './modalconfig.model';
-import { UiModalRef } from '../modaRef';
+import { UiModalRef } from '../../../services/modaRef';
 import * as i0 from "@angular/core";
-export declare class ModalComponent {
+export declare class UicModalComponent {
     private readonly modalRef;
     private readonly component;
     private readonly congif;
@@ -16,6 +16,6 @@ export declare class ModalComponent {
     ngAfterViewInit(): void;
     closeOuside(): void;
     close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "app-modal", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicModalComponent, "ui-modal", never, {}, {}, never, never, true, never>;
 }

package/lib/{modal → components/modal}/side-modal/side-modal.component.d.ts

@@ -2,10 +2,10 @@ import { CdkPortalOutlet } from '@angular/cdk/portal';
 import { Injector, Type } from '@angular/core';
 import { OverlayRef } from '@angular/cdk/overlay';
 import { SideModalConfig } from './sideModalConfig.model';
-import { UiModalRef } from '../modaRef';
-import { UicModalService } from '../modal.service';
+import { UiModalRef } from '../../../services/modaRef';
+import { UicModalService } from '../../../services/modal.service';
 import * as i0 from "@angular/core";
-export declare class SideModalComponent {
+export declare class UicSideModalComponent {
     private readonly modalRef;
     private readonly component;
     private readonly congif;
@@ -25,6 +25,6 @@ export declare class SideModalComponent {
     close(): void;
     onAnimationDone(event: any): void;
     save(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SideModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideModalComponent, "app-side-modal", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicSideModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicSideModalComponent, "ui-side-modal", never, {}, {}, never, never, true, never>;
 }

package/lib/{table → components/table}/table-list/table-list.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class UicTableListComponent {
     list: TableList[];
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableListComponent, "app-table-list", never, { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableListComponent, "uic-table-list", never, { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/{table → components/table}/table-pagination/table-pagination.component.d.ts

@@ -12,5 +12,5 @@ export declare class UicTablePaginationComponent {
     get pages(): (number | string)[];
     changePage(newPage: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTablePaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTablePaginationComponent, "app-table-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTablePaginationComponent, "uic-table-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "pageChange": "pageChange"; "sizeChange": "sizeChange"; }, never, never, true, never>;
 }

package/lib/{table → components/table}/table-searcher/table-searcher.component.d.ts

@@ -4,10 +4,10 @@ export declare class UicTableUicSearcherComponent {
     placeholder: string;
     label: string;
     searchOnKeydown: boolean;
-    search: EventEmitter<string>;
+    filter: EventEmitter<string>;
     text: string;
     reset(): void;
     updateText(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableUicSearcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableUicSearcherComponent, "table-searcher", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "searchOnKeydown": { "alias": "searchOnKeydown"; "required": false; }; }, { "search": "search"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableUicSearcherComponent, "uic-table-searcher", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "searchOnKeydown": { "alias": "searchOnKeydown"; "required": false; }; }, { "filter": "filter"; }, never, never, true, never>;
 }

package/lib/{table → components/table}/table-user/table-user.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class UicTableUserComponent {
     user: TableUser | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableUserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableUserComponent, "app-table-user", never, { "user": { "alias": "user"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableUserComponent, "uic-table-user", never, { "user": { "alias": "user"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/{table → components/table}/table.component.d.ts

@@ -27,11 +27,11 @@ export declare class UicTableComponent {
     page: number;
     getValue(data: TableRowData[], key: string): string | number;
     getFontColor(data: TableRowData[], key: string): string;
-    getBackgroundColor(data: TableRowData[], key: string): import("ui-core-abv").BackgroundColors;
+    getBackgroundColor(data: TableRowData[], key: string): import("./table.models").BackgroundColors;
     isValidRule(data: TableRowData[], key: string[] | undefined): boolean;
     getIcon(data: TableRowData[], key: string): string;
-    getList(data: TableRowData[], key: string): import("ui-core-abv").TableList[];
-    getUser(data: TableRowData[], key: string): import("ui-core-abv").TableUser | undefined;
+    getList(data: TableRowData[], key: string): import("./table.models").TableList[];
+    getUser(data: TableRowData[], key: string): import("./table.models").TableUser | undefined;
     sortClick(key: string): void;
     sizeChabge(newSize: number): void;
     pageChage(newPage: number): void;

package/lib/{tiny-alert → components/tiny-alert}/tiny-alert.component.d.ts

@@ -1,5 +1,5 @@
 import { AlertData, AlertResponseData } from './tiny-alert.model';
-import { UiModalRef } from '../modal/modaRef';
+import { UiModalRef } from '../../services/modaRef';
 import * as i0 from "@angular/core";
 export declare class TinyAlertComponent {
     private readonly modalRef;

package/lib/components/tooltip/tooltip.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class UicTooltipComponent {
+    tooltip: string;
+    left: number;
+    top: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTooltipComponent, "ui-tooltip", never, {}, {}, never, never, true, never>;
+}

package/lib/{modal → services}/modal.service.d.ts

@@ -1,8 +1,8 @@
 import { Type } from '@angular/core';
-import { SideModalConfig } from './side-modal/sideModalConfig.model';
-import { ModalConfig } from './floating-modal/modalconfig.model';
 import { OverlayRef } from '@angular/cdk/overlay';
 import { UiModalRef } from './modaRef';
+import { ModalConfig } from '../components/modal/floating-modal/modalconfig.model';
+import { SideModalConfig } from '../components/modal/side-modal/sideModalConfig.model';
 import * as i0 from "@angular/core";
 export declare class UicModalService {
     private readonly overlay;

package/lib/{push-alerts → services}/push-alert.service.d.ts

@@ -1,4 +1,4 @@
-import { Alert, AlertConfigParams } from './alert.model';
+import { Alert, AlertConfigParams } from '../components/push-alerts/alert.model';
 import * as i0 from "@angular/core";
 export declare class UicPushAlertService {
     autoIncId: number;

package/lib/{tiny-alert → services}/tiny-alert.service.d.ts

@@ -1,4 +1,4 @@
-import { AlertData, AlertResponse } from './tiny-alert.model';
+import { AlertData, AlertResponse } from '../components/tiny-alert/tiny-alert.model';
 import * as i0 from "@angular/core";
 export declare class UicTinyAlertService {
     private readonly modal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",

package/public-api.d.ts

@@ -1,22 +1,17 @@
-export * from './lib/checkbox/checkbox.component';
-export * from './lib/toggle-button/toggle-button.component';
-export * from './lib/skeleton-loader/skeleton-loader.component';
-export * from './lib/push-alerts/push-alert.service';
-export * from './lib/push-alerts/alert-container/alert-container.component';
-export * from './lib/button/button.component';
-export * from './lib/table/table.component';
-export * from './lib/table/table.models';
-export * from './lib/table/table.models';
+export * from './lib/components/button/button.component';
+export * from './lib/components/checkbox/checkbox.component';
+export * from './lib/components/dynamic-form/form-wrapper/form-wrapper.component';
+export * from './lib/components/inputs/input/input.component';
+export * from './lib/components/inputs/searcher/searcher.component';
+export * from './lib/components/inputs/select/select.component';
+export * from './lib/components/table/table.component';
+export * from './lib/components/toggle-button/toggle-button.component';
 export * from './lib/animations/animatios.index';
-export * from './lib/dynamic-form/form-wrapper/form-wrapper.component';
-export * from './lib/dynamic-form/form.models';
-export * from './lib/inputs/input/input.component';
-export * from './lib/inputs/searcher/searcher.component';
-export * from './lib/inputs/select/select.component';
-export * from './lib/modal/modal.service';
-export * from './lib/modal/modaRef';
-export * from './lib/modal/modal.constant';
-export * from './lib/tiny-alert/tiny-alert.service';
-export * from './lib/tiny-alert/tiny-alert.model';
+export * from './lib/components/dynamic-form/form.models';
+export * from './lib/services/modal.service';
+export * from './lib/services/modaRef';
+export * from './lib/services/modal.constant';
+export * from './lib/services/tiny-alert.service';
+export * from './lib/services/push-alert.service';
 export * from './lib/pipes/name-inits.pipe';
-export * from './lib/tooltip/tool-tip.directive';
+export * from './lib/directives/tool-tip.directive';

package/src/lib/styles/_default_colors.scss

@@ -0,0 +1,101 @@
+$grey: (
+  25:  #fdfdfd,
+  50:  #fafafa,
+  100: #f5f5f5,
+  200: #e9eaeb,
+  300: #d5d7da,
+  400: #a4a7ae,
+  500: #717680,
+  600: #535862,
+  700: #414651,
+  800: #252b37,
+  900: #181d27,
+  950: #0a0d12
+) !default;
+
+// COLORES PRINCIPALES
+$primary: (
+  100: #efe9f2,
+  200: #e8dfec,
+  300: #cfbcd7,
+  400: #63277d,
+  500: #592371,
+  600: #4f1f64,
+  700: #4a1d5e,
+  800: #3b174b,
+  900: #2d1238,
+  950: #230e2c
+) !default;
+
+$secondary: (
+  100: #f3eaf9,
+  200: #ece0f6,
+  300: #d8bfed,
+  400: #8230c4,
+  500: #752bb0,
+  600: #68269d,
+  700: #622493,
+  800: #4e1d76,
+  900: #3a1658,
+  950: #2e1145
+);
+
+$green: (
+  25:  #f0fef9,
+  50:  #dcfce3,
+  100: #bbf7d0,
+  200: #86efac,
+  300: #4ade80,
+  400: #22c55e,
+  500: #16a34a,
+  600: #15803d,
+  700: #166534,
+  800: #14532d,
+  900: #1a2e21,
+  950: #052e16
+) !default;
+
+$yellow: (
+  25:  #fff9f5,
+  50:  #fffaeb,
+  100: #fef0c7,
+  200: #fedf89,
+  300: #fec84b,
+  400: #fdb022,
+  500: #f79009,
+  600: #dc6803,
+  700: #b54708,
+  800: #93370d,
+  900: #792e0d,
+  950: #551d09
+) !default;
+
+$red: (
+  25:  #fffbfa,
+  50:  #fef3f2,
+  100: #fee4e2,
+  200: #fecdca,
+  300: #fda29b,
+  400: #f97066,
+  500: #f04438,
+  600: #d92d20,
+  700: #b42318,
+  800: #912018,
+  900: #7a271a,
+  950: #55160c
+)!default;
+
+$blue: (
+  50:  #ffffff,
+  100: #e4eefb,
+  200: #c9ddf7,
+  300: #aeccf4,
+  400: #93bbf0,
+  500: #78aaec,
+  600: #6193d5,
+  700: #4e76aa,
+  800: #3a5880,
+  900: #273b55,
+  950: #131d2b
+)!default;
+

package/src/lib/styles/_mixins.scss

@@ -0,0 +1,13 @@
+$breakpoint-md: 768px !default;
+
+@mixin desktop {
+    @media (min-width: #{$breakpoint-md}) {
+        @content;
+    }
+}
+
+@mixin mobile {
+    @media (max-width: #{($breakpoint-md - 1)}) {
+        @content;
+    }
+}

package/src/lib/styles/_tokens.scss

@@ -0,0 +1,53 @@
+
+@use './default_colors' as *;
+
+
+:root {
+  // Grey palette
+  @each $shade, $color in $grey {
+    --grey-#{$shade}: #{$color};
+  }
+  
+  // Primary palette
+  @each $shade, $color in $primary {
+    --primary-#{$shade}: #{$color};
+  }
+  
+  // Secondary palette
+  @each $shade, $color in $secondary {
+    --secondary-#{$shade}: #{$color};
+  }
+  
+  // BLUE palette
+  @each $shade, $color in $blue {
+    --blue-#{$shade}: #{$color};
+  }
+  
+  // RED palette
+  @each $shade, $color in $red {
+    --red-#{$shade}: #{$color};
+  }
+  
+  // GREEN palette
+  @each $shade, $color in $green {
+    --green-#{$shade}: #{$color};
+  }
+  
+  // YELLOW palette
+  @each $shade, $color in $yellow {
+    --yellow-#{$shade}: #{$color};
+  }
+  
+  --white: #fff;
+
+  --border-radius-sm: 4px;
+  --border-radius-md: 8px;
+  --border-radius-lg: 16px;
+
+  --button-radius: 8px;
+  --input-radius: 8px;
+  --input-label-space: 8px;
+
+  --border-width-thin: 1px;
+  --border-width-thick: 2px;
+}

package/src/lib/styles/_variables.scss

@@ -0,0 +1,48 @@
+$focus-shadow: 0 0 0 3px rgba(var(--secondary-400), .4);
+
+
+// ==========  TYPOGRAPHY ==========
+$font-family-base: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
+$font-size-ty:0.625rem;  // 10px
+$font-size-xs:0.75rem;   // 12px
+$font-size-s: 0.875rem;  // 14px
+$font-size-m: 1rem;      // 16px
+$font-size-ml:1.125rem;  // 18px
+$font-size-l: 1.25rem;   // 20px
+$font-size-xl:1.625rem;  // 26px
+
+$font-weight-regular: 400;
+$font-weight-medium: 500;
+$font-weight-bold: 700;
+
+// ========== SPACING ==========
+$spacing-xxs: 0.25rem; // 4px
+$spacing-xs: 0.5rem;   // 8px
+$spacing-s: 0.75rem;  // 12px
+$spacing-m: 1rem;     // 16px
+$spacing-l: 1.5rem;   // 24px
+$spacing-xl: 2rem;     // 32px
+$spacing-xxl: 3rem;    // 48px
+
+// ========== BORDERS ==========
+$border-radius-xs: 3px;
+$border-radius-s: 6px;
+$border-radius-m: 8px;
+$border-radius-l: 12px;
+$border-radius-xl: 18px;
+
+$border-width-thin: 1px;
+$border-width-thick: 2px;
+
+// ========== 🌑 SHADOWS ==========
+$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
+$shadow-md: 0 2px 6px rgba(0, 0, 0, 0.15);
+$shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.2);
+$shadow-overlay: 0 1px 1px 0 #00000020, 0 2px 5px 0 #00000050;
+
+$skeleton-gradient: linear-gradient(
+  90deg,
+  var(--grey-100) 25%,
+  var(--grey-200) 50%,
+  var(--grey-100) 75%
+);

package/lib/push-alerts/alert/alert.component.d.ts

@@ -1,16 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Alert } from '../alert.model';
-import * as i0 from "@angular/core";
-export declare class AlertComponent implements OnInit {
-    alert: Alert;
-    closeAlert: EventEmitter<number>;
-    interval: any;
-    progressValue: number;
-    animationIntevalMs: number;
-    pauseAnimation: boolean;
-    id: number;
-    ngOnInit(): void;
-    close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "lib-alert", never, { "alert": { "alias": "alert"; "required": false; }; }, { "closeAlert": "closeAlert"; }, never, never, true, never>;
-}

package/lib/push-alerts/alert-container/alert-container.component.d.ts

@@ -1,13 +0,0 @@
-import { OnInit } from '@angular/core';
-import { Alert } from '../alert.model';
-import { UicPushAlertService } from '../push-alert.service';
-import * as i0 from "@angular/core";
-export declare class AlertContainerComponent implements OnInit {
-    private readonly alertService;
-    alerts: Alert[];
-    constructor(alertService: UicPushAlertService);
-    ngOnInit(): void;
-    dismis(id: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AlertContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertContainerComponent, "lib-alert-container", never, {}, {}, never, never, true, never>;
-}

package/lib/tooltip/tooltip.component.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TooltipComponent {
-    tooltip: string;
-    left: number;
-    top: number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "app-tooltip", never, {}, {}, never, never, true, never>;
-}