Librería de Utilidades para Angular | ng-hub-ui-utils

Librería de utilidades para Angular con pipes, focus management, overlays, transiciones y helpers de traducción compartidos entre componentes reutilizables.

Referencia API

Inputs

HubTranslationService

Tipo: Service

Por defecto: -

Injectable service for managing translations. Methods: getTranslation(), setTranslations()

HubOverlayService

Tipo: Service

Por defecto: -

Service for creating and managing overlays programmatically

HubPopupService

Tipo: Service

Por defecto: -

Simplified service for creating popup elements

Outputs

TranslatePipe

Tipo: Pipe

Translates a key using HubTranslationService. Usage: {{ "key" | translate }}

GetPipe

Tipo: Pipe

Gets nested property value. Usage: {{ object | get:"path.to.property" }}

IsStringPipe

Tipo: Pipe

Checks if value is a string. Usage: {{ value | isString }}

IsObjectPipe

Tipo: Pipe

Checks if value is an object. Usage: {{ value | isObject }}

IsObservablePipe

Tipo: Pipe

Checks if value is an Observable. Usage: {{ value | isObservable }}

UcfirstPipe

Tipo: Pipe

Capitalizes first letter. Usage: {{ "hello" | ucfirst }} → "Hello"

UnwrapAsyncPipe

Tipo: Pipe

Unwraps Observable or Promise values in templates

Templates

hubFocusTrap()

Traps keyboard focus within an element. Useful for modals and dialogs.

Ejemplo:

interpolateString()

Replaces {{ placeholders }} with values from an object

Ejemplo:

getValue()

Gets nested property using dot notation

Ejemplo:

equals()

Deep equality comparison for objects and arrays

Ejemplo:

Variables CSS

Todavía no hay variables CSS documentadas.

Estilos y theming

Todavía no hay ejemplos de estilos documentados. Esta sección incluirá recetas de personalización y ejemplos de theming.