@archbase/components 3.0.0

package/src/editors/ArchbaseFileAttachment.tsx

@@ -0,0 +1,259 @@
+import { useArchbaseTheme } from '@archbase/core'
+import { ActionIcon, Box, Group, Image, Paper, rem, Stack, Text, Tooltip } from '@mantine/core'
+import { Dropzone, MIME_TYPES } from '@mantine/dropzone'
+import {
+  IconFile,
+  IconFileSpreadsheet,
+  IconFileText,
+  IconPhoto,
+  IconTrash,
+  IconUpload,
+  IconX
+} from '@tabler/icons-react'
+import { isBase64 } from '@archbase/core'
+import { useArchbaseTranslation } from '@archbase/core';
+import React, { useEffect, useState } from 'react'
+
+export interface Attachment {
+  name: string
+  type: string
+  size: number
+  content: string // base64
+}
+
+export interface ArchbaseFileAttachmentProps {
+  attachments: Attachment[]
+  accept?: string[]
+  acceptDescription?: string
+  onAttachmentAdd: (newAttachment: Attachment) => void
+  onAttachmentRemove: (removedAttachment: Attachment) => void
+  height?: number | string
+  width?: number | string
+}
+
+const formatFileSize = (size: number) => {
+  if (size < 1024) {
+    return `${size} bytes`
+  } else if (size < 1024 * 1024) {
+    return `${(size / 1024).toFixed(2)} KB`
+  } else {
+    return `${(size / (1024 * 1024)).toFixed(2)} MB`
+  }
+}
+
+const getFileIcon = (type: string) => {
+  if (type === 'application/pdf') {
+    return <IconFileText size={48} style={{ color: 'red' }} />
+  } else if (
+    type === 'application/msword' ||
+    type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+  ) {
+    return <IconFileText size={48} style={{ color: 'blue' }} />
+  } else if (
+    type === 'application/vnd.ms-excel' ||
+    type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  ) {
+    return <IconFileSpreadsheet size={48} style={{ color: 'green' }} />
+  } else {
+    return <IconFile size={48} />
+  }
+}
+
+export const ArchbaseFileAttachment: React.FC<ArchbaseFileAttachmentProps> = ({
+  attachments,
+  accept,
+  acceptDescription,
+  onAttachmentAdd,
+  onAttachmentRemove,
+  height = 'auto',
+  width = '100%'
+}) => {
+  const [selectedAttachmentIndex, setSelectedAttachmentIndex] = useState<number | null>(null)
+  const theme = useArchbaseTheme()
+  const { t } = useArchbaseTranslation()
+
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (selectedAttachmentIndex !== null) {
+        if (event.key === 'ArrowRight') {
+          setSelectedAttachmentIndex((prevIndex) =>
+            prevIndex !== null && prevIndex < attachments.length - 1 ? prevIndex + 1 : prevIndex
+          )
+        } else if (event.key === 'ArrowLeft') {
+          setSelectedAttachmentIndex((prevIndex) =>
+            prevIndex !== null && prevIndex > 0 ? prevIndex - 1 : prevIndex
+          )
+        } else if (event.key === 'Delete') {
+          removeFile(attachments[selectedAttachmentIndex])
+        }
+      }
+    }
+
+    window.addEventListener('keydown', handleKeyDown)
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown)
+    }
+  }, [selectedAttachmentIndex, attachments])
+
+  const handleDrop = (acceptedFiles: File[]) => {
+    const filesWithPreviews = acceptedFiles.map((file) => {
+      const reader = new FileReader()
+      reader.readAsDataURL(file)
+      return new Promise<Attachment>((resolve) => {
+        reader.onload = () => {
+          resolve({
+            name: file.name,
+            type: file.type,
+            size: file.size,
+            content: reader.result as string
+          })
+        }
+      })
+    })
+
+    Promise.all(filesWithPreviews).then((newAttachments) => {
+      newAttachments.forEach((attachment) => onAttachmentAdd(attachment))
+      if (selectedAttachmentIndex === null && newAttachments.length > 0) {
+        setSelectedAttachmentIndex(0)
+      }
+    })
+  }
+
+  const removeFile = (file: Attachment) => {
+    onAttachmentRemove(file)
+    if (attachments.length === 0) {
+      setSelectedAttachmentIndex(null)
+    } else if (selectedAttachmentIndex !== null && selectedAttachmentIndex >= attachments.length) {
+      setSelectedAttachmentIndex(attachments.length - 1)
+    }
+  }
+
+  const selectFile = (index: number) => {
+    setSelectedAttachmentIndex(index)
+  }
+
+  const defaultAccept = [
+    MIME_TYPES.jpeg,
+    MIME_TYPES.png,
+    MIME_TYPES.pdf,
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'application/vnd.ms-excel',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+  ]
+
+  return (
+    <Stack>
+      <Paper withBorder style={{ border: `2px dashed ${theme.colors.gray[5]}`, padding: '20px' }}>
+        <Dropzone
+          onDrop={handleDrop}
+          accept={accept ?? defaultAccept}
+          multiple
+        >
+          <Group gap="xl" style={{ minHeight: 60, pointerEvents: 'none' }}>
+            <Dropzone.Accept>
+              <IconUpload
+                style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-blue-6)' }}
+                stroke={1.5}
+              />
+            </Dropzone.Accept>
+            <Dropzone.Reject>
+              <IconX
+                style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-red-6)' }}
+                stroke={1.5}
+              />
+            </Dropzone.Reject>
+            <Dropzone.Idle>
+              <IconPhoto
+                style={{ width: rem(52), height: rem(52), color: 'var(--mantine-color-dimmed)' }}
+                stroke={1.5}
+              />
+            </Dropzone.Idle>
+
+            <div>
+              <Text size="xl" inline>
+                Arraste os arquivos aqui ou clique para selecionar
+              </Text>
+              <Text size="sm" c="dimmed" inline mt={7}>
+                {acceptDescription ?? "Anexe arquivos de imagem, PDFs, DOC, DOCX, XLS ou XLSX"}
+              </Text>
+            </div>
+          </Group>
+        </Dropzone>
+      </Paper>
+      <Box style={{ height, width, overflowY: 'auto' }}>
+        <Group>
+          {attachments.map((attachment, index) => (
+            <Box
+              key={index}
+              style={{
+                position: 'relative',
+                border:
+                  selectedAttachmentIndex === index ? `2px solid ${theme.colors.blue[5]}` : 'none',
+                borderRadius: theme.radius.sm,
+                padding: '4px',
+                cursor: 'pointer'
+              }}
+              onClick={() => selectFile(index)}
+            >
+              {attachment.type.startsWith('image/') ? (
+                <Image
+                  src={isBase64(attachment.content)?atob(attachment.content):attachment.content}
+                  height={100}
+                  width={100}
+                  style={{
+                    border: `1px solid ${theme.colors.gray[4]}`,
+                    borderRadius: theme.radius.sm,
+                    objectFit: 'cover'
+                  }}
+                />
+              ) : (
+                <Box
+                  style={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    height: 100,
+                    width: 100,
+                    border: `1px solid ${theme.colors.gray[4]}`,
+                    borderRadius: theme.radius.sm,
+                    backgroundColor: theme.colors.gray[0]
+                  }}
+                >
+                  {getFileIcon(attachment.type)}
+                </Box>
+              )}
+              {attachment.name &&
+                <Text size="xs" c="dimmed">
+                  {attachment.name}
+                </Text>
+              }
+              {attachment.size &&
+                <Text size="xs" c="dimmed">
+                  {formatFileSize(attachment.size)}
+                </Text>
+              }
+              <Tooltip withinPortal withArrow label={`${t('archbase:Remover')}`}>
+                <ActionIcon
+                  color="red"
+                  style={{
+                    cursor: 'pointer', position: 'absolute', top: 0, right: 0
+                  }}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    removeFile(attachment)
+                  }}
+                >
+                  <IconTrash
+                    size="1.2rem"
+                    color={"white"}
+                  />
+                </ActionIcon>
+              </Tooltip>
+            </Box>
+          ))}
+        </Group>
+      </Box>
+    </Stack>
+  )
+}

package/src/editors/ArchbaseImageEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseImageEdit.d.ts","sourceRoot":"","sources":["ArchbaseImageEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAS,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,aAAa,EAA4C,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,kBAAkB,EAAyC,MAAM,gBAAgB,CAAC;AAK3F,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,EAAE,CAAE,SAAQ,UAAU;IAChE,6DAA6D;IAC7D,UAAU,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iKAAiK;IACjK,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,yGAAyG;IACzG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,iGAAiG;IACjG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kGAAkG;IAClG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAChD,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IACnE,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,mFAAmF;IACnF,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACzD,6BAA6B;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,EAAE,EAAE,EACxC,KAAW,EACX,MAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,GAAG,EACH,MAAc,EACd,WAAW,EACX,SAAqB,EACrB,eAAoB,EACpB,aAAa,EACb,wBAAwB,EACxB,QAAQ,EACR,OAAO,EACP,oBAAoB,EACpB,GAAG,UAAU,EACb,EAAE,sBAAsB,CAAC,CAAC,EAAE,EAAE,CAAC,2CAyI/B"}

package/src/editors/ArchbaseImageEdit.tsx

@@ -0,0 +1,255 @@
+import { ActionIconVariant, ImageProps, Input } from '@mantine/core';
+import { useForceUpdate } from '@mantine/hooks';
+import React, { CSSProperties, useCallback, useEffect, useRef, useState } from 'react';
+import { isBase64 } from '@archbase/core';
+import type { ArchbaseDataSource, DataSourceEvent, IArchbaseDataSourceBase } from '@archbase/data';
+import { DataSourceEventNames, useArchbaseDidUpdate, useArchbaseV1V2Compatibility } from '@archbase/data';
+import { ArchbaseImagePickerEditor } from '../image';
+import { useValidationErrors } from '@archbase/core';
+
+export interface ArchbaseImageEditProps<T, ID> extends ImageProps {
+	/** Fonte de dados onde será atribuido o valor do rich edit (V1 ou V2) */
+	dataSource?: IArchbaseDataSourceBase<T>;
+	/** Campo onde deverá ser atribuido o valor do rich edit na fonte de dados */
+	dataField?: string;
+	/** Indicador se o rich edit está desabilitado */
+	disabled?: boolean;
+	/** Indicador se o rich edit é somente leitura. Obs: usado em conjunto com o status da fonte de dados */
+	readOnly?: boolean;
+	/** Indicador se o preenchimento do rich edit é obrigatório */
+	required?: boolean;
+	/** Estilo do checkbox */
+	style?: CSSProperties;
+	/** Título do rich edit */
+	label?: string;
+	/** Descrição do rich edit */
+	description?: string;
+	/** Último erro ocorrido no rich edit */
+	error?: string;
+	/** Controla a aparência dos botões, sendo padrão "transparent". ("filled" | "light" | "outline" | "transparent" | "white" | "subtle" | "default" | "gradient")*/
+	variant?: ActionIconVariant;
+	/** Image src */
+	src?: string | null;
+	/** Texto alternativo da imagem, usado como título para espaço reservado se a imagem não foi carregada */
+	alt?: string;
+	/** Largura da imagem, padrão de 100%, não pode exceder 100% */
+	width?: number | string;
+	/** Altura da imagem, o padrão é a altura da imagem original ajustada para determinada largura */
+	height?: number | string;
+	/** Chave de theme.radius ou qualquer valor CSS válido para definir border-radius, 0 por padrão */
+	radius?: string | number | undefined;
+	/** Obter ref do elemento de imagem */
+	imageRef?: React.ForwardedRef<HTMLImageElement>;
+	/** Legenda da imagem, exibida abaixo da imagem */
+	caption?: React.ReactNode;
+	aspectRatio?: number | null;
+	objectFit?: 'cover' | 'contain' | 'fill' | 'revert' | 'scale-down';
+	compressInitial?: number | undefined | null;
+	onChangeImage?: (image: any) => void;
+	/** Desabilita conversão do conteúdo em base64 antes de salvar na fonte de dados */
+	disabledBase64Convertion?: boolean;
+	/** Referência para o componente interno */
+	innerRef?: React.RefObject<HTMLInputElement> | undefined;
+	/** Cor de fundo da imagem */
+	imageBackgroundColor?: string
+}
+
+export function ArchbaseImageEdit<T, ID>({
+	width = 240,
+	height = 240,
+	dataSource,
+	dataField,
+	disabled,
+	readOnly,
+	required,
+	label,
+	description,
+	error,
+	src,
+	radius = '4px',
+	aspectRatio,
+	objectFit = 'contain',
+	compressInitial = 80,
+	onChangeImage,
+	disabledBase64Convertion,
+	innerRef,
+	variant,
+	imageBackgroundColor,
+	...otherProps
+}: ArchbaseImageEditProps<T, ID>) {
+	// 🔄 MIGRAÇÃO V1/V2: Hook de compatibilidade
+	const v1v2Compatibility = useArchbaseV1V2Compatibility<string | undefined>(
+		'ArchbaseImageEdit',
+		dataSource,
+		dataField,
+		undefined
+	);
+
+	// Contexto de validação (opcional - pode não existir)
+	const validationContext = useValidationErrors();
+
+	// Chave única para o field
+	const fieldKey = `${dataField}`;
+
+	// Recuperar erro do contexto se existir
+	const contextError = validationContext?.getError(fieldKey);
+
+	// 🔄 MIGRAÇÃO V1/V2: Debug info para desenvolvimento
+	if (process.env.NODE_ENV === 'development' && dataSource) {
+	}
+	const [value, setValue] = useState<string | undefined>(undefined);
+	const innerComponentRef = useRef<any>(null);
+	const [internalError, setInternalError] = useState<string | undefined>(error);
+	const forceUpdate = useForceUpdate();
+
+	// ✅ CORRIGIDO: Apenas atualizar se o prop error vier definido
+	// Não limpar o internalError se o prop error for undefined
+	useEffect(() => {
+		if (error !== undefined && error !== internalError) {
+			setInternalError(error);
+		}
+	}, [error]);
+
+	const loadDataSourceFieldValue = () => {
+		let initialValue: any = value;
+
+		if (dataSource && dataField) {
+			initialValue = dataSource.getFieldValue(dataField);
+			if (!initialValue) {
+				initialValue = '';
+			}
+		}
+
+		if (isBase64(initialValue) && !disabledBase64Convertion) {
+			initialValue = atob(initialValue);
+		}
+
+		setValue(initialValue);
+	};
+
+	const fieldChangedListener = useCallback(() => {
+		loadDataSourceFieldValue();
+	}, []);
+
+	const dataSourceEvent = useCallback((event: DataSourceEvent<T>) => {
+		if (dataSource && dataField) {
+			if (
+				event.type === DataSourceEventNames.dataChanged ||
+				event.type === DataSourceEventNames.recordChanged ||
+				event.type === DataSourceEventNames.afterScroll ||
+				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterEdit
+			) {
+				loadDataSourceFieldValue();
+				// 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1
+				if (!v1v2Compatibility.isDataSourceV2) {
+					forceUpdate();
+				}
+			}
+			if (event.type === DataSourceEventNames.onFieldError && event.fieldName === dataField) {
+				setInternalError(event.error);
+				// Salvar no contexto (se disponível)
+				validationContext?.setError(fieldKey, event.error);
+			}
+		}
+	}, [v1v2Compatibility.isDataSourceV2, validationContext, fieldKey]);
+
+	// Ref para manter callback sempre atualizado (corrige problema de closure desatualizada)
+	const dataSourceEventRef = useRef(dataSourceEvent);
+	useEffect(() => {
+		dataSourceEventRef.current = dataSourceEvent;
+	}, [dataSourceEvent]);
+
+	// Wrapper estável que delega para ref
+	const stableDataSourceEvent = useCallback((event: DataSourceEvent<T>) => {
+		dataSourceEventRef.current(event);
+	}, []);
+
+	// Registrar listeners com cleanup apropriado
+useEffect(() => {
+	loadDataSourceFieldValue();
+	if (dataSource && dataField) {
+		const hasFieldListener = typeof (dataSource as any).addFieldChangeListener === 'function';
+		dataSource.addListener(stableDataSourceEvent);
+		if (hasFieldListener) {
+			(dataSource as any).addFieldChangeListener(dataField, fieldChangedListener);
+		}
+
+		return () => {
+			dataSource.removeListener(stableDataSourceEvent);
+			if (hasFieldListener) {
+				(dataSource as any).removeFieldChangeListener(dataField, fieldChangedListener);
+			}
+		};
+	}
+}, [dataSource, dataField, stableDataSourceEvent, fieldChangedListener]);
+
+	useArchbaseDidUpdate(() => {
+		loadDataSourceFieldValue();
+	}, []);
+
+	const handleChangeImage = (image: string | undefined) => {
+		// ✅ Limpa erro quando usuário edita o campo (tanto do estado local quanto do contexto)
+		const hasError = internalError || contextError;
+		if (hasError) {
+			setInternalError(undefined);
+			validationContext?.clearError(fieldKey);
+		}
+
+		const changedValue = image;
+		setValue((_prev) => changedValue);
+
+		if (dataSource && !dataSource.isBrowsing() && dataField && dataSource.getFieldValue(dataField) !== changedValue) {
+			let valueToSave: string | undefined;
+			if (!changedValue) {
+				valueToSave = undefined;
+			} else {
+				valueToSave = disabledBase64Convertion ? changedValue : btoa(changedValue);
+			}
+			// 🔄 MIGRAÇÃO V1/V2: Usar handleValueChange do padrão de compatibilidade
+			v1v2Compatibility.handleValueChange(valueToSave);
+		}
+		if (onChangeImage) {
+			onChangeImage(image);
+		}
+	};
+
+	const isReadOnly = () => {
+		// 🔄 MIGRAÇÃO V1/V2: Usar padrão de compatibilidade para isReadOnly
+		return readOnly || v1v2Compatibility.isReadOnly;
+	};
+
+	// Erro a ser exibido: local ou do contexto
+	const displayError = internalError || contextError;
+
+	return (
+		<div style={{ position: 'relative', display: 'inline-block' }}>
+			<Input.Wrapper
+				withAsterisk={required}
+				label={label}
+				description={description}
+				error={displayError}
+				ref={innerRef || innerComponentRef}
+			>
+				<ArchbaseImagePickerEditor
+					imageSrcProp={value}
+					variant={variant}
+					config={{
+						borderRadius: radius,
+						width,
+						height,
+						objectFit,
+						compressInitial,
+						showImageSize: !isReadOnly(),
+						hideDeleteBtn: isReadOnly(),
+						hideDownloadBtn: isReadOnly(),
+						hideEditBtn: isReadOnly(),
+						hideAddBtn: isReadOnly(),
+						onChangeImage: handleChangeImage,
+						imageBackgroundColor,
+					}}
+				/>
+			</Input.Wrapper>
+		</div>
+	);
+}

package/src/editors/ArchbaseJsonEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseJsonEdit.d.ts","sourceRoot":"","sources":["ArchbaseJsonEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AAK1E,MAAM,WAAW,qBAAqB,CAAC,CAAC,EAAE,EAAE;IAC3C,+DAA+D;IAC/D,UAAU,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACrE,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACtE,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;CAC5D;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,EACvC,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAsB,EACtB,YAAuB,EACvB,aAAwB,EACxB,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAgB,EAChB,wBAAgC,EAChC,QAAQ,GACR,EAAE,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC,2CAwI9B"}