@up_si_vale/sivale-componentes-angular 1.0.1 → 1.0.2

package/lib/molecules/alert/alert.component.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type AlertColor = 'default' | 'brand' | 'gray' | 'error' | 'warning' | 'success';
+export type AlertSize = 'floating' | 'full-width';
+export type AlertActionVariant = 'link' | 'button';
+export declare class AlertComponent {
+    color: AlertColor;
+    size: AlertSize;
+    alertTitle: string;
+    supportingText?: string;
+    showIcon: boolean;
+    showActions: boolean;
+    actionVariant: AlertActionVariant;
+    dismissLabel: string;
+    primaryActionLabel: string;
+    showClose: boolean;
+    closeAriaLabel: string;
+    dismiss: EventEmitter<void>;
+    primaryAction: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    get alertClasses(): string;
+    get actionClass(): string;
+    get primaryActionClass(): string;
+    handleDismiss(): void;
+    handlePrimaryAction(): void;
+    handleClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "app-alert", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "alertTitle": { "alias": "alertTitle"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "actionVariant": { "alias": "actionVariant"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "primaryActionLabel": { "alias": "primaryActionLabel"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; }, { "dismiss": "dismiss"; "primaryAction": "primaryAction"; "closed": "closed"; }, never, never, true, never>;
+}

package/lib/organisms/sidebar/sidebar-icon.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export type SidebarIconName = 'dashboard' | 'file-users' | 'card' | 'logout' | 'chevron-down' | 'settings' | 'user' | 'home';
+export declare class SidebarIconComponent {
+    name: SidebarIconName;
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarIconComponent, "svu-sidebar-icon", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/organisms/sidebar/sidebar.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, ElementRef, TemplateRef } from '@angular/core';
+import { IsActiveMatchOptions } from '@angular/router';
+import { SidebarIconName } from './sidebar-icon.component';
+import * as i0 from "@angular/core";
+export interface SidebarItem {
+    label: string;
+    icon?: SidebarIconName;
+    route?: string;
+    /** Subset match para que el padre se marque activo aunque la ruta hija no esté exacta. */
+    exact?: boolean;
+    children?: SidebarItem[];
+}
+export declare class SidebarComponent {
+    private hostRef;
+    /** Items del menú (datos-driven). Soporta children para sub-navegación. */
+    items: SidebarItem[];
+    /** Logo: si se pasa la URL se renderiza; alternativamente proyecta contenido con `[sidebarLogo]`. */
+    logoSrc?: string;
+    logoAlt: string;
+    /** Footer hibrido: si se pasan los inputs se usa el footer por defecto.
+     *  Para footer custom, proyectar con `[sidebarFooter]` (gana sobre los inputs). */
+    userName?: string;
+    userEmail?: string;
+    /** Si no se pasa, se usa la primera letra de userName. */
+    userInitial?: string;
+    /** Mostrar/ocultar el botón de logout en el menú de cuenta. */
+    showLogout: boolean;
+    logoutLabel: string;
+    /** Click en un item (incluye expandibles y hojas). */
+    itemClick: EventEmitter<SidebarItem>;
+    logout: EventEmitter<void>;
+    logoTpl?: TemplateRef<unknown>;
+    footerTpl?: TemplateRef<unknown>;
+    expandedKeys: Set<string>;
+    accountMenuOpen: boolean;
+    readonly subsetMatch: IsActiveMatchOptions;
+    readonly exactMatch: IsActiveMatchOptions;
+    constructor(hostRef: ElementRef<HTMLElement>);
+    get computedInitial(): string;
+    isExpanded(item: SidebarItem): boolean;
+    onItemClick(item: SidebarItem): void;
+    toggleAccountMenu(): void;
+    onLogoutClick(): void;
+    onDocumentClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "svu-sidebar", never, { "items": { "alias": "items"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userEmail": { "alias": "userEmail"; "required": false; }; "userInitial": { "alias": "userInitial"; "required": false; }; "showLogout": { "alias": "showLogout"; "required": false; }; "logoutLabel": { "alias": "logoutLabel"; "required": false; }; }, { "itemClick": "itemClick"; "logout": "logout"; }, ["logoTpl", "footerTpl"], never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up_si_vale/sivale-componentes-angular",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Librería de componentes Angular standalone (atoms + molecules) para los frontends de Sivale.",
   "author": "Up Sí Vale — Frontend Team",
   "license": "UNLICENSED",
@@ -20,16 +20,21 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^17.3.0",
-    "@angular/core": "^17.3.0",
-    "@angular/forms": "^17.3.0",
+    "@angular/common": ">=17.3.0 <22.0.0",
+    "@angular/core": ">=17.3.0 <22.0.0",
+    "@angular/forms": ">=17.3.0 <22.0.0",
+    "@angular/router": ">=17.3.0 <22.0.0",
     "@up_si_vale/sivale-design-styles": "^1.0.15",
     "rxjs": "^7.8.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "./elements/**/*.ts",
+    "./**/*.scss",
+    "./**/*.css"
+  ],
   "module": "fesm2022/up_si_vale-sivale-componentes-angular.mjs",
   "typings": "index.d.ts",
   "exports": {

package/public-api.d.ts

@@ -15,9 +15,12 @@ export * from './lib/atoms/checkbox/checkbox.component';
 export * from './lib/atoms/radio/radio.component';
 export * from './lib/atoms/date-picker/date-picker.component';
 export * from './lib/atoms/loader/loader.component';
+export * from './lib/organisms/sidebar/sidebar-icon.component';
+export * from './lib/organisms/sidebar/sidebar.component';
 export * from './lib/molecules/option/option.component';
 export * from './lib/molecules/select/select.component';
 export * from './lib/molecules/multiselect/multiselect.component';
 export * from './lib/molecules/phone-input/phone-input.component';
 export * from './lib/molecules/copy-input/copy-input.component';
 export * from './lib/molecules/snackbar/snackbar.component';
+export * from './lib/molecules/alert/alert.component';