@vector-unitech/shared

Biblioteca compartilhada para módulos, utilitários e constantes do sistema Crystal.

Módulos Compartilhados

CRYSTAL_BASIC_MODULES

Módulo básico com os componentes mais essenciais:

• CommonModule
• FormsModule
• ReactiveFormsModule
• ButtonModule
• InputTextModule
• CardModule
• DividerModule
• BadgeModule
• TagModule
• TooltipModule
• MessageModule
• MessagesModule

CRYSTAL_FORM_MODULES

Módulo completo para formulários:

• Todos os módulos básicos
• CheckboxModule
• RadioButtonModule
• SelectButtonModule
• InputNumberModule
• PasswordModule

CRYSTAL_UI_MODULES

Módulo para componentes de UI:

• Todos os módulos básicos
• ChipModule
• AvatarModule
• AvatarGroupModule
• ProgressBarModule
• ProgressSpinnerModule
• SkeletonModule
• DialogModule
• ConfirmDialogModule
• ToastModule

CRYSTAL_FULL_MODULES

Módulo completo com todos os componentes disponíveis.

Como usar

import { Component } from '@angular/core';
import { CRYSTAL_BASIC_MODULES } from '@vector-unitech/shared';

@Component({
  selector: 'cw-button',
  standalone: true,
  imports: CRYSTAL_BASIC_MODULES,
  template: ` <p-button label="Clique aqui" class="p-button-primary" /> `,
})
export class CrystalButton {}

Utilitários

CrystalIconUtils

Utilitários para trabalhar com ícones do Phosphor:

import { CrystalIconUtils } from '@vector-unitech/shared';

const iconClass = CrystalIconUtils.getIconClass('check-circle', 'bold');
const isValid = CrystalIconUtils.isValidIcon('check-circle');

CrystalCssUtils

Utilitários para classes CSS do PrimeFlex:

import { CrystalCssUtils } from '@vector-unitech/shared';

const classes = CrystalCssUtils.combineClasses(
  CrystalCssUtils.COMMON_CLASSES.flex,
  CrystalCssUtils.COMMON_CLASSES.justifyCenter,
  CrystalCssUtils.COMMON_CLASSES.gap2
);

Constantes

import { BUTTON_TYPES, COMPONENT_SIZES } from '@vector-unitech/shared';

// Usar constantes
const buttonType = BUTTON_TYPES.PRIMARY;
const size = COMPONENT_SIZES.MEDIUM;