Descrição

A versão 2.0.0 do produto traz mudanças estruturais e visuais importantes no frontend, com foco em modernização de bibliotecas, otimização de carregamento, reorganização de paths e introdução de novos recursos como classes helpers, variáveis CSS e modo escuro no tema responsivo.
O objetivo é melhorar desempenho, consistência visual e preparar o produto para evoluções futuras, reduzindo dependências legadas.

Importante: Algumas alterações afetam compatibilidade com códigos customizados e temas antigos, exigindo ajustes manuais descritos abaixo.

Migração do Rich Editor

Agora o componente de FLUIGC.richeditor é baseado no plugin Kendo UI.

• Impactos:

  • Variáveis globais CKEDITOR e CKEDITOR_BASEPATH não existem mais.

  • Configurações aplicadas após a inicialização não terão suporte.

  • Plugins personalizados devem seguir a nova API do FLUIGC.richeditor.

Exemplo de implementação de ação personalizada:

var richeditor = FLUIGC.richeditor('docConteudoCK', {
   extraPlugins: 'fluigimage, fluigvideo, printDocument',
   addExternal: [{
       id: 'printDocument',
       title: 'Imprimir documento',
       icon: 'k-i-print',
       callback: function(editor) {
           console.log('Callback do plugin printDocument', editor);
       }
   }]
});

Mudanças no Style Guide e CSS

Alteração geral no tamanho dos elementos

• Para atender questões de acessibilidade, os elementos foram alterados...

Arquivos antigos movidos para /old/*:

• /style-guide/css/old/fluig-style-guide.min.css (Classic)

• /style-guide/css/old/fluig-style-guide-flat.min.css (Flat)

Novo path recomendado (visual 2.0.0):

• • /style-guide/css/fluig-style-guide-flat.min.css

Paths descontinuados (erro 404):

• /style-guide/css/fluig-style-guide.min.css

• /portal/resources/style-guide/css/fluig-style-guide-flat.min.css

• /portal/resources/style-guide/css/fluig-style-guide.min.css

Melhorias:

• Novas classes helpers no Style Guide.

• Novas classes responsivas de fonte, margin e padding.

• Novas variáveis CSS de tema.

Mudança de Fontes

• Tema Responsivo: Agora usa Lato Regular como font-family padrão.

• Impacto: Pode alterar espaçamento e alinhamento em temas customizados.

Iconografia e Ícones

Ícones antigos (Fluig-Icons): Agora em arquivo separado:

• /style-guide/css/fluig-icons.min.css

Nova biblioteca: Animalia Icons

• /style-guide/css/animalia-icons.min.css

Mudança nos menus:

• Menus Liquid e Responsive agora usam ícones Animalia.

Impacto: É necessário importar explicitamente os arquivos de ícones.

Melhorias Gerais

Otimização de carregamento:

• Estilos críticos com rel="preload".

• Scripts secundários com defer.