@archbase/components 3.0.0

package/src/datagrid/main/archbase-data-grid-formatters.tsx

@@ -0,0 +1,384 @@
+import React, { ReactNode } from 'react';
+import { format } from 'date-fns';
+import { Checkbox } from '@mantine/core';
+import { ArchbaseMasker, MaskOptions, convertISOStringToDate } from '@archbase/core';
+
+
+/**
+ * Renderers padrão para cada tipo de dados no ArchbaseDataGrid
+ */
+
+/**
+ * Verifica se uma string é base64 válida
+ */
+const isBase64 = (str: string): boolean => {
+  if (!str || typeof str !== 'string') {
+    return false;
+  }
+
+  // Base64 deve ter comprimento múltiplo de 4 (pode ter padding com =)
+  if (str.length < 4) {
+    return false;
+  }
+
+  // Regex para validar caracteres base64
+  const base64Regex = /^[A-Za-z0-9+/]*={0,2}$/;
+  if (!base64Regex.test(str)) {
+    return false;
+  }
+
+  // Tenta decodificar para verificar se é válido
+  try {
+    const decoded = atob(str);
+    // Verifica se o resultado decodificado contém caracteres imprimíveis
+    // (evita falsos positivos com strings que parecem base64 mas não são)
+    const printableRatio = decoded.split('').filter(c => {
+      const code = c.charCodeAt(0);
+      return (code >= 32 && code <= 126) || code === 10 || code === 13 || code === 9;
+    }).length / decoded.length;
+
+    // Se mais de 90% dos caracteres são imprimíveis, provavelmente é texto codificado
+    return printableRatio > 0.9;
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Decodifica uma string base64 para texto UTF-8
+ */
+const decodeBase64 = (str: string): string => {
+  try {
+    // Decodifica base64 e converte para UTF-8
+    const binaryString = atob(str);
+    const bytes = new Uint8Array(binaryString.length);
+    for (let i = 0; i < binaryString.length; i++) {
+      bytes[i] = binaryString.charCodeAt(i);
+    }
+    return new TextDecoder('utf-8').decode(bytes);
+  } catch {
+    return str;
+  }
+};
+
+/**
+ * Renderiza texto com máscara opcional e decodificação automática de base64
+ */
+export const renderText = (cell: any, maskOptions?: MaskOptions): ReactNode => {
+  const value = cell.getValue();
+  if (value === null || value === undefined) {
+    return <span></span>;
+  }
+
+  let displayValue = String(value);
+
+  // Verifica se é base64 e decodifica automaticamente
+  if (isBase64(displayValue)) {
+    displayValue = decodeBase64(displayValue);
+  }
+
+  if (maskOptions) {
+    displayValue = ArchbaseMasker.toPattern(displayValue, maskOptions);
+  }
+
+  return <span>{displayValue}</span>;
+};
+
+/**
+ * Renderiza números inteiros
+ */
+export const renderInteger = (cell: any): ReactNode => {
+  const value = cell.getValue();
+  if (value === null || value === undefined) {
+    return <span></span>;
+  }
+
+  const numValue = Number.isNaN(Number(value)) ? 0 : Number(value);
+
+  return <span style={{ textAlign: 'right', display: 'block' }}>{numValue}</span>;
+};
+
+/**
+ * Renderiza valores monetários
+ */
+export const renderCurrency = (cell: any): ReactNode => {
+  const value = cell.getValue();
+  if (value === null || value === undefined) {
+    return <span></span>;
+  }
+
+  const numValue = Number.isNaN(Number(value)) ? 0 : Number(value);
+
+  try {
+    const formatted = new Intl.NumberFormat('pt-BR', {
+      style: 'currency',
+      currency: 'BRL'
+    }).format(numValue);
+
+    return <span style={{ textAlign: 'right', display: 'block' }}>{formatted}</span>;
+  } catch (e) {
+    console.error('Erro ao formatar moeda:', e);
+    return <span style={{ textAlign: 'right', display: 'block' }}>{numValue}</span>;
+  }
+};
+
+/**
+ * Renderiza valores com decimais
+ */
+export const renderFloat = (cell: any): ReactNode => {
+  const value = cell.getValue();
+  if (value === null || value === undefined) {
+    return <span></span>;
+  }
+
+  const numValue = Number.isNaN(Number(value)) ? 0 : Number(value);
+
+  try {
+    return <span style={{ textAlign: 'right', display: 'block' }}>{numValue}</span>;
+  } catch (e) {
+    console.error('Erro ao formatar moeda:', e);
+    return <span style={{ textAlign: 'right', display: 'block' }}>{numValue}</span>;
+  }
+};
+
+/**
+ * Renderiza valores percentuais
+ */
+export const renderPercent = (cell: any, decimalPlaces: number = 2): ReactNode => {
+  const value = cell.getValue();
+  if (value === null || value === undefined) {
+    return <span></span>;
+  }
+
+  const numValue = Number.isNaN(Number(value)) ? 0 : Number(value);
+
+  try {
+    const formatted = new Intl.NumberFormat('pt-BR', {
+      style: 'percent',
+      minimumFractionDigits: decimalPlaces,
+      maximumFractionDigits: decimalPlaces
+    }).format(numValue / 100); // Divide por 100 pois o style:'percent' já multiplica por 100
+
+    return <span style={{ textAlign: 'right', display: 'block' }}>{formatted}</span>;
+  } catch (e) {
+    console.error('Erro ao formatar percentual:', e);
+    return <span style={{ textAlign: 'right', display: 'block' }}>{numValue}%</span>;
+  }
+};
+
+/**
+ * Renderiza valores booleanos com checkbox
+ */
+export const renderBoolean = (cell: any): ReactNode => {
+  const value = cell.getValue();
+  const checked = Boolean(value);
+
+  return (
+    <div style={{ display: 'flex', justifyContent: 'center' }}>
+      <Checkbox readOnly checked={checked} />
+    </div>
+  );
+};
+
+/**
+ * Renderiza datas
+ */
+export const renderDate = (cell: any, dateFormat: string = 'dd/MM/yyyy'): ReactNode => {
+  const value = cell.getValue();
+  if (!value) {
+    return <span></span>;
+  }
+
+  try {
+    const date = convertISOStringToDate(value);
+    const formatted = format(date, dateFormat);
+
+    return (
+      <span style={{ textAlign: 'center', display: 'block' }}>
+        {formatted}
+      </span>
+    );
+  } catch (error) {
+    console.error('Erro ao formatar data:', error);
+    return <span>Data inválida</span>;
+  }
+};
+
+/**
+ * Renderiza data e hora
+ */
+export const renderDateTime = (cell: any, dateTimeFormat: string = 'dd/MM/yyyy HH:mm:ss'): ReactNode => {
+  const value = cell.getValue();
+  if (!value) {
+    return <span></span>;
+  }
+
+  try {
+    const date = convertISOStringToDate(value);
+    const formatted = format(date, dateTimeFormat);
+
+    return (
+      <span style={{ textAlign: 'center', display: 'block' }}>
+        {formatted}
+      </span>
+    );
+  } catch (error) {
+    console.error('Erro ao formatar data e hora:', error);
+    return <span>Data/hora inválida</span>;
+  }
+};
+
+/**
+ * Renderiza valores de hora
+ */
+export const renderTime = (cell: any, timeFormat: string = 'HH:mm:ss'): ReactNode => {
+  const value = cell.getValue();
+  if (!value) {
+    return <span></span>;
+  }
+
+  try {
+    if (typeof value === 'string') {
+      // Se já for uma string de hora formatada, retorna como está
+      if (/^\d{2}:\d{2}(:\d{2})?$/.test(value)) {
+        return <span>{value}</span>;
+      }
+
+      // Tenta converter para Date
+      const date = new Date(value);
+      return <span>{format(date, timeFormat)}</span>;
+    }
+
+    if (value instanceof Date) {
+      return <span>{format(value, timeFormat)}</span>;
+    }
+
+    // Se for número, assume milissegundos desde meia-noite
+    if (typeof value === 'number') {
+      const hours = Math.floor(value / 3600000);
+      const minutes = Math.floor((value % 3600000) / 60000);
+      const seconds = Math.floor((value % 60000) / 1000);
+
+      return <span>{
+        `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`
+      }</span>;
+    }
+
+    return <span>{String(value)}</span>;
+  } catch (error) {
+    console.error('Erro ao formatar hora:', error);
+    return <span>Hora inválida</span>;
+  }
+};
+
+/**
+ * Renderiza valores de enum/lista
+ */
+export const renderEnum = (cell: any, enumValues: Array<{ label: string; value: string }>): ReactNode => {
+  const value = cell.getValue();
+  if (value === null || value === undefined) {
+    return <span></span>;
+  }
+
+  const option = enumValues.find(opt => opt.value === value);
+  return <span>{option ? option.label : String(value)}</span>;
+};
+
+/**
+ * Renderiza UUID formatado
+ */
+export const renderUUID = (cell: any): ReactNode => {
+  const value = cell.getValue();
+  if (!value) {
+    return <span></span>;
+  }
+
+  const str = String(value);
+
+  // Verifica se já é um UUID formatado
+  if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(str)) {
+    return <span>{str}</span>;
+  }
+
+  // Tenta formatar se for um UUID sem formatação
+  if (/^[0-9a-f]{32}$/i.test(str)) {
+    const formatted = `${str.substring(0, 8)}-${str.substring(8, 12)}-${str.substring(12, 16)}-${str.substring(16, 20)}-${str.substring(20)}`;
+    return <span>{formatted}</span>;
+  }
+
+  return <span>{str}</span>;
+};
+
+/**
+ * Retorna o renderer adequado com base no tipo de dado
+ */
+export const getRendererByDataType = (
+  dataType: string,
+  customRender?: (data: any) => ReactNode,
+  options?: any
+): ((cell: any) => ReactNode) => {
+  // Se tiver um renderer personalizado, use-o
+  if (customRender) {
+    return customRender;
+  }
+
+  // Caso contrário, use o renderer padrão para o tipo de dado
+  switch (dataType) {
+    case 'text':
+      return (cell) => renderText(cell, options?.maskOptions);
+    case 'integer':
+      return renderInteger;
+    case 'float':
+      return renderFloat;
+    case 'currency':
+      return renderCurrency;
+    case 'percent':
+      return (cell) => renderPercent(cell, options?.decimalPlaces);
+    case 'boolean':
+      return renderBoolean;
+    case 'date':
+      return (cell) => renderDate(cell, options?.dateFormat);
+    case 'datetime':
+      return (cell) => renderDateTime(cell, options?.dateTimeFormat);
+    case 'time':
+      return (cell) => renderTime(cell, options?.timeFormat);
+    case 'enum':
+      return (cell) => renderEnum(cell, options?.enumValues);
+    case 'uuid':
+      return renderUUID;
+    default:
+      return renderText;
+  }
+};
+
+/**
+ * Retorna o alinhamento recomendado com base no tipo de dado
+ */
+export const getAlignmentByDataType = (dataType: string, customAlign?: string): string => {
+  // Se um alinhamento personalizado for fornecido, use-o
+  if (customAlign) {
+    return customAlign;
+  }
+
+  // Caso contrário, use o alinhamento padrão para o tipo de dado
+  switch (dataType) {
+    case 'integer':
+      return 'right';
+    case 'currency':
+      return 'right';
+    case 'float':
+      return 'right';
+    case 'percent':
+      return 'right';
+    case 'boolean':
+      return 'center';
+    case 'date':
+      return 'center';
+    case 'datetime':
+      return 'center';
+    case 'time':
+      return 'center';
+    default:
+      return 'left';
+  }
+};

package/src/datagrid/main/archbase-data-grid-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archbase-data-grid-pagination.d.ts","sourceRoot":"","sources":["archbase-data-grid-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAE7E;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6DAmDrC,CAAC;AAEH,eAAe,0BAA0B,CAAC"}

package/src/datagrid/main/archbase-data-grid-pagination.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Paper } from '@mantine/core';
+import GridPagination from '../components/pagination/grid-pagination';
+import { ArchbaseDataGridPaginationProps } from './archbase-data-grid-types';
+
+/**
+ * Componente de paginação da grid
+ * Extraído para fora da grid para melhor organização
+ */
+export const ArchbaseDataGridPagination = React.memo<ArchbaseDataGridPaginationProps>(({
+  paginationModel,
+  totalRecords,
+  onPaginationModelChange,
+  paginationLabels,
+  bottomToolbarMinHeight,
+  theme
+}) => {
+  // Garantir que totalRecords seja um número válido e finito
+  const safeTotalRecords = Number.isFinite(totalRecords) && !isNaN(totalRecords) && totalRecords >= 0
+    ? totalRecords
+    : 0;
+
+  // Garantir que o modelo de paginação tenha valores válidos
+  const safePaginationModel = {
+    page: Number.isFinite(paginationModel?.page) && !isNaN(paginationModel?.page) ? 
+      Math.max(0, paginationModel.page) : 0,
+    pageSize: Number.isFinite(paginationModel?.pageSize) && !isNaN(paginationModel?.pageSize) ? 
+      Math.max(1, paginationModel.pageSize) : 10
+  };
+
+  return (
+    <Paper
+      style={{
+        minHeight: bottomToolbarMinHeight || 'auto',
+        padding: '8px 16px',
+        borderTop: `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}`,
+        borderBottomLeftRadius: theme.radius.sm,
+        borderBottomRightRadius: theme.radius.sm
+      }}
+    >
+      <GridPagination
+        currentPage={safePaginationModel.page + 1} // MUI é base 0, nossa API é base 1
+        pageSize={safePaginationModel.pageSize === Infinity ? 1 : safePaginationModel.pageSize}
+        totalRecords={safeTotalRecords}
+        pageSizeOptions={[10, 20, 30, 50, 100]}
+        onPageChange={(page) => {
+          const newPage = Math.max(0, page - 1); // Converter de base 1 para base 0, nunca negativo
+          onPaginationModelChange({ ...safePaginationModel, page: newPage });
+        }}
+        onPageSizeChange={(newPageSize) => {
+          const safeNewPageSize = Math.max(1, newPageSize); // Garantir no mínimo 1
+          onPaginationModelChange({ ...safePaginationModel, pageSize: safeNewPageSize });
+        }}
+        showPageSizeSelector={true}
+        showNavigationButtons={true}
+        showRecordInfo={true}
+        labels={paginationLabels || {}}
+      />
+    </Paper>
+  );
+});
+
+export default ArchbaseDataGridPagination;

package/src/datagrid/main/archbase-data-grid-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archbase-data-grid-toolbar.d.ts","sourceRoot":"","sources":["archbase-data-grid-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAMzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E;;;GAGG;AACH,eAAO,MAAM,uBAAuB,0DAoIlC,CAAC"}

package/src/datagrid/main/archbase-data-grid-toolbar.tsx

@@ -0,0 +1,160 @@
+import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import { Box, Paper } from '@mantine/core';
+import { Children, isValidElement } from 'react';
+import debounce from 'lodash/debounce';
+import GridToolbar from '../components/toolbar/grid-toolbar';
+import GlobalSearchInput from '../components/toolbar/global-search-input';
+import { ArchbaseCompositeFilters } from '../../filters';
+import { ArchbaseDataGridToolbarProps } from './archbase-data-grid-types';
+
+/**
+ * Componente da barra de ferramentas da grid
+ * Extraído para fora da grid para evitar problemas de foco em inputs
+ */
+export const ArchbaseDataGridToolbar = React.memo<ArchbaseDataGridToolbarProps>(({
+  dataSource,
+  filterModel,
+  enableGlobalFilter = true,
+  enableTopToolbarActions = true,
+  allowExportData = true,
+  allowPrintData = true,
+  toolbarAlignment = 'right',
+  toolbarLeftContent,
+  renderToolbarActions,
+  renderToolbarInternalActions,
+  theme,
+  onFilterModelChange,
+  onRefresh,
+  onExport,
+  onPrint,
+  apiRef,
+  children,
+  // Props para ArchbaseCompositeFilters
+  useCompositeFilters = false,
+  filterDefinitions,
+  activeFilters,
+  onFiltersChange,
+  hideMuiFilters = false,
+}) => {
+  // Estado local para o filtro global para manter o valor entre re-renderizações
+  const [globalFilterValue, setGlobalFilterValue] = useState(filterModel.quickFilterValues?.[0] || '');
+  
+  // Atualizar estado local quando o filterModel mudar
+  useEffect(() => {
+    setGlobalFilterValue(filterModel.quickFilterValues?.[0] || '');
+  }, [filterModel.quickFilterValues]);
+
+  // Função para aplicar o filtro global
+  const applyGlobalFilter = useCallback((value: string | null) => {
+    const newValue = value || '';
+    console.log('[Toolbar] applyGlobalFilter chamado com:', value, '-> newValue:', newValue);
+    setGlobalFilterValue(newValue);
+
+    const newFilterModel = {
+      ...filterModel,
+      quickFilterValues: newValue ? [newValue] : []
+    };
+    console.log('[Toolbar] Chamando onFilterModelChange com:', newFilterModel);
+    // Aplicar filtro no modelo
+    onFilterModelChange(newFilterModel);
+  }, [filterModel, onFilterModelChange]);
+  
+  // Versão com debounce para evitar muitas chamadas durante digitação
+  const debouncedApplyFilter = useMemo(() => 
+    debounce((value: string | null) => applyGlobalFilter(value), 300), 
+    [applyGlobalFilter]
+  );
+  
+  // Limpar o debounce quando o componente for desmontado
+  useEffect(() => {
+    return () => {
+      debouncedApplyFilter.cancel();
+    };
+  }, [debouncedApplyFilter]);
+  
+  // Função de refresh - apenas executa o refresh mantendo o estado atual
+  // Não deve chamar onFilterModelChange pois isso resetaria a página para 0
+  // O grid já considera o filtro atual no seu próprio handleRefresh
+  const handleRefresh = useCallback(() => {
+    console.log('[Toolbar] handleRefresh chamado - executando apenas onRefresh');
+    onRefresh();
+  }, [onRefresh]);
+
+  if (!toolbarLeftContent && !enableGlobalFilter && !enableTopToolbarActions) {
+    return null;
+  }
+  return (
+    <Paper
+      style={{
+        display: 'flex',
+        justifyContent: 'space-between',
+        padding: '8px 16px',
+        borderBottom: `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}`,
+        borderTopLeftRadius: theme.radius.sm,
+        borderTopRightRadius: theme.radius.sm
+      }}
+    >
+      {/* Lado esquerdo da toolbar */}
+      <Box style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>
+        {toolbarLeftContent}
+
+        {/* Renderizar os children que não são do tipo Columns */}
+        {Children.toArray(children).filter(
+          (child) => isValidElement(child) && (child.type as any)?.componentName !== 'Columns'
+        )}
+      </Box>
+
+      {/* Lado direito da toolbar (pesquisa e ações) */}
+      <Box
+        style={{ display: 'flex', gap: '12px', alignItems: 'center', justifyContent: 'flex-end' }}
+      >
+        {/* ArchbaseCompositeFilters ou Pesquisa global */}
+        {useCompositeFilters && filterDefinitions ? (
+          <ArchbaseCompositeFilters
+            filters={filterDefinitions}
+            value={activeFilters}
+            onChange={onFiltersChange}
+            variant="compact"
+            enablePresets={true}
+            enableHistory={true}
+            enableQuickFilters={true}
+          />
+        ) : !hideMuiFilters && enableGlobalFilter ? (
+          <GlobalSearchInput
+            value={globalFilterValue}
+            onChange={(value) => {
+              setGlobalFilterValue(value || '');
+              debouncedApplyFilter(value);
+            }}
+            onClear={() => {
+              setGlobalFilterValue('');
+              applyGlobalFilter(null);
+            }}
+          />
+        ) : null}
+
+        {/* Botões de ação à direita */}
+        {enableTopToolbarActions ? (
+          <GridToolbar
+            onRefresh={handleRefresh}
+            onExport={onExport}
+            onPrint={onPrint}
+            globalFilterValue={globalFilterValue}
+            onGlobalFilterChange={(value) => {
+              setGlobalFilterValue(value || '');
+              applyGlobalFilter(value);
+            }}
+            renderAdditionalActions={renderToolbarActions}
+            enableGlobalFilter={false}
+            allowExportData={allowExportData}
+            allowPrintData={allowPrintData}
+            toolbarAlignment={toolbarAlignment}
+            toolbarLeftContent={null}
+          />
+        ) : renderToolbarInternalActions ? 
+             renderToolbarInternalActions({ table: apiRef.current }) 
+             : null}
+      </Box>
+    </Paper>
+  );
+});

package/src/datagrid/main/archbase-data-grid-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archbase-data-grid-types.d.ts","sourceRoot":"","sources":["archbase-data-grid-types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,SAAS,EAAiB,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;;;;GAMG;AAGH,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,GAAG;IAC1C;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC,EAAE,CAAC;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,SAAS,EAAE,CAAC;CACpC;AAGD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAGD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAGD,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,kBAAkB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACzC,WAAW,EAAE,eAAe,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/C,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,SAAS,CAAC;IACvC,4BAA4B,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,SAAS,GAAG,IAAI,CAAC;IAC3E,KAAK,EAAE,GAAG,CAAC;IACX,mBAAmB,EAAE,CAAC,cAAc,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACrB;AAGD,MAAM,WAAW,+BAA+B;IAC9C,eAAe,EAAE,mBAAmB,CAAC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,uBAAuB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9D,gBAAgB,CAAC,EAAE;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzC,KAAK,EAAE,GAAG,CAAC;CACZ;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAEhE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,gBAAgB,2CAE9C;yBAFe,OAAO;;;AAOvB;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,MAAM,EAAE,2BAA2B,CAAC,CAAC,CAAC,OAE/E;yBAFe,sBAAsB;;;;;;;;;;;;;;;;AAoBtC,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAAE,GAAG,GAAG;IAErE,UAAU,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;IAG1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;IAGZ,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IACzC,oBAAoB,CAAC,EAAE,MAAM,SAAS,CAAC;IACvC,4BAA4B,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,SAAS,GAAG,IAAI,CAAC;IAC3E,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAG7B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC;IACrD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5D,sBAAsB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAChE,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IACvE,mBAAmB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1D,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGlC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,GAAG,CAAC;IAGjB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/C,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGzC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;IAClF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAGzC,OAAO,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CAC/F;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,SAAS,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,GAAG,CAAC;CACd;AAED,MAAM,MAAM,aAAa,GACtB,MAAM,GACN,SAAS,GACR,OAAO,GACR,UAAU,GACV,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CAAC;AAEV,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,GAAG;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC;IAC7C,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}