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.