@archbase/components 3.0.0

package/src/editors/ArchbaseCheckbox.tsx

@@ -0,0 +1,250 @@
+import { Checkbox, MantineSize } from '@mantine/core';
+import { useForceUpdate } from '@mantine/hooks';
+import type { CSSProperties, FocusEventHandler } from 'react';
+import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react';
+import type { ArchbaseDataSource, DataSourceEvent, IArchbaseDataSourceBase } from '@archbase/data';
+import { DataSourceEventNames } from '@archbase/data';
+import { useArchbaseDidUpdate } from '@archbase/data';
+import { useArchbaseV1V2Compatibility } from '@archbase/data';
+import { useValidationErrors } from '@archbase/core';
+
+export interface ArchbaseCheckboxProps<T, ID> {
+	/** Fonte de dados onde será atribuido o valor do checkbox (V1 ou V2) */
+	dataSource?: IArchbaseDataSourceBase<T>;
+	/** Campo onde deverá ser atribuido o valor do checkbox na fonte de dados */
+	dataField?: string;
+	/** Indicador se o checkbox está desabilitado */
+	disabled?: boolean;
+	/** Indicador se o checkbox é somente leitura. Obs: usado em conjunto com o status da fonte de dados */
+	readOnly?: boolean;
+	/** Indicador se o preenchimento do checkbox é obrigatório */
+	required?: boolean;
+	/** Estilo do checkbox */
+	style?: CSSProperties;
+	/** Chave de theme.radius ou qualquer valor CSS válido para definir border-radius, theme.defaultRadius por padrão */
+	radius?: string | number | undefined;
+	/** Valor quando o checkbox estiver true */
+	trueValue?: any;
+	/** Valor quando o checkbox estiver false */
+	falseValue?: any;
+	/** Indicador se o checkbox está marcado */
+	isChecked?: boolean;
+	/** Título do checkbox */
+	label?: ReactNode;
+	/** Largura do checkbox */
+	width?: string | number | undefined;
+	/** Descrição do checkbox */
+	description?: string;
+	/** Último erro ocorrido no checkbox */
+	error?: string;
+	/** Valor de tamanho predefinido */
+	size?: MantineSize;
+	/** Evento quando o foco sai do checkbox */
+	onFocusExit?: (event: React.FocusEvent<HTMLInputElement>) => void;
+	/** Evento quando o checkbox recebe o foco */
+	onFocusEnter?: (event: React.FocusEvent<HTMLInputElement>) => void;
+	/** Evento quando o valor do checkbox é alterado */
+	onChangeValue?: (value: any, event: any) => void;
+	/** Referência para o componente interno */
+	innerRef?: React.RefObject<HTMLInputElement> | undefined;
+}
+
+export function ArchbaseCheckbox<T, ID>({
+	dataSource,
+	dataField,
+	disabled = false,
+	readOnly = false,
+	required = false,
+	style,
+	trueValue = true,
+	falseValue = false,
+	isChecked = false,
+	width,
+	label,
+	description,
+	error,
+	size,
+	radius,
+	onFocusExit = () => {},
+	onFocusEnter = () => {},
+	onChangeValue = () => {},
+	innerRef,
+}: ArchbaseCheckboxProps<T, ID>) {
+	// 🔄 MIGRAÇÃO V1/V2: Hook de compatibilidade
+	const v1v2Compatibility = useArchbaseV1V2Compatibility<any>(
+		'ArchbaseCheckbox',
+		dataSource,
+		dataField,
+		falseValue
+	);
+
+	// 🔄 MIGRAÇÃO V1/V2: Debug info para desenvolvimento
+	if (process.env.NODE_ENV === 'development' && dataSource) {
+	}
+
+	// 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);
+
+	const [checked, setChecked] = useState<boolean | undefined>(isChecked);
+	const innerComponentRef = useRef<any>(null);
+	const [internalError, setInternalError] = useState<string | undefined>(error);
+	const forceUpdate = useForceUpdate();
+
+	// ❌ REMOVIDO: Não limpar erro automaticamente quando valor muda
+	// O erro deve ser limpo apenas quando o usuário EDITA o campo (no handleChange)
+	// useEffect(() => {
+	// 	setInternalError(undefined);
+	// }, [checked]);
+
+	// ✅ 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 currentChecked = checked;
+		if (dataSource && dataField) {
+			const fieldValue = dataSource.getFieldValue(dataField);
+			if (fieldValue !== null && fieldValue !== undefined) {
+				currentChecked = fieldValue === trueValue;
+			}
+		}
+
+		setChecked(currentChecked);
+	};
+
+	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 handleChange = (event, isReadOnly) => {
+		if (isReadOnly) return
+
+		// ✅ 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 changedChecked = event.target.checked;
+		const resultValue = changedChecked ? trueValue : falseValue;
+
+		setChecked(changedChecked);
+
+		if (dataSource && !dataSource.isBrowsing() && dataField && dataSource.getFieldValue(dataField) !== resultValue) {
+			// 🔄 MIGRAÇÃO V1/V2: Usar handleValueChange do padrão de compatibilidade
+			v1v2Compatibility.handleValueChange(resultValue);
+		}
+
+		if (onChangeValue) {
+			onChangeValue(resultValue, event);
+		}
+	};
+
+	const handleOnFocusExit = (event) => {
+		if (onFocusExit) {
+			onFocusExit(event);
+		}
+	};
+
+	const handleOnFocusEnter = (event) => {
+		if (onFocusEnter) {
+			onFocusEnter(event);
+		}
+	};
+
+	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 (
+		<Checkbox
+			disabled={disabled}
+			required={required}
+			style={{ ...style, width }}
+			checked={checked}
+			ref={innerRef || innerComponentRef}
+			value={checked ? trueValue : falseValue}
+			onChange={(event) => handleChange(event, isReadOnly())}
+			onBlur={handleOnFocusExit}
+			onFocus={handleOnFocusEnter}
+			description={description}
+			label={label}
+			labelPosition="right"
+			size={size}
+			radius={radius}
+			error={displayError}
+		/>
+	);
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseChip.d.ts","sourceRoot":"","sources":["ArchbaseChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AAK1E,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,EAAE;IACvC,yDAAyD;IACzD,UAAU,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvC,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oHAAoH;IACpH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,uCAAuC;IACvC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACzD,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE,EACnC,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,SAAgB,EAChB,UAAkB,EAClB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAsB,EACtB,YAAuB,EACvB,aAAwB,EACxB,QAAQ,GACR,EAAE,iBAAiB,CAAC,CAAC,EAAE,EAAE,CAAC,2CA4H1B"}

package/src/editors/ArchbaseChip.tsx

@@ -0,0 +1,233 @@
+import { Chip, MantineSize } from '@mantine/core';
+import { useForceUpdate } from '@mantine/hooks';
+import type { CSSProperties, FocusEventHandler } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import type { ArchbaseDataSource, DataSourceEvent, IArchbaseDataSourceBase } from '@archbase/data';
+import { DataSourceEventNames } from '@archbase/data';
+import { useArchbaseDidUpdate } from '@archbase/data';
+import { useArchbaseV1V2Compatibility } from '@archbase/data';
+import { useValidationErrors } from '@archbase/core';
+
+export interface ArchbaseChipProps<T, ID> {
+	/** Fonte de dados onde será atribuido o valor do chip (V1 ou V2) */
+	dataSource?: IArchbaseDataSourceBase<T>;
+	/** Campo onde deverá ser atribuido o valor do chip na fonte de dados */
+	dataField?: string;
+	/** Indicador se o chip está desabilitado */
+	disabled?: boolean;
+	/** Indicador se o chip é somente leitura. Obs: usado em conjunto com o status da fonte de dados */
+	readOnly?: boolean;
+	/** Indicador se o preenchimento do chip é obrigatório */
+	required?: boolean;
+	/** Estilo do chip */
+	style?: CSSProperties;
+	/** Chave de theme.radius ou qualquer valor CSS válido para definir border-radius, theme.defaultRadius por padrão */
+	radius?: string | number | undefined;
+	/** Valor quando o chip estiver true */
+	trueValue?: any;
+	/** Valor quando o chip estiver false */
+	falseValue?: any;
+	/** Indicador se o chip está marcado */
+	isChecked?: boolean;
+	/** Título do chip */
+	label?: string;
+	/** Largura do chip */
+	width?: string | number | undefined;
+	/** Valor de tamanho predefinido */
+	size?: MantineSize;
+	/** Evento quando o foco sai do chip */
+	onFocusExit?: (event: React.FocusEvent<HTMLInputElement>) => void;
+	/** Evento quando o chip recebe o foco */
+	onFocusEnter?: (event: React.FocusEvent<HTMLInputElement>) => void;
+	/** Evento quando o valor do chip é alterado */
+	onChangeValue?: (value: any) => void;
+	/** Referência para o componente interno */
+	innerRef?: React.RefObject<HTMLInputElement> | undefined;
+	/** Último erro ocorrido no chip */
+	error?: string;
+}
+
+export function ArchbaseChip<T, ID>({
+	dataSource,
+	dataField,
+	disabled = false,
+	readOnly = false,
+	required = false,
+	style,
+	trueValue = true,
+	falseValue = false,
+	isChecked,
+	width,
+	label,
+	size,
+	radius,
+	error,
+	onFocusExit = () => {},
+	onFocusEnter = () => {},
+	onChangeValue = () => {},
+	innerRef,
+}: ArchbaseChipProps<T, ID>) {
+	// 🔄 MIGRAÇÃO V1/V2: Hook de compatibilidade
+	const v1v2Compatibility = useArchbaseV1V2Compatibility<any>(
+		'ArchbaseChip',
+		dataSource,
+		dataField,
+		falseValue
+	);
+
+	// 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 [checked, setChecked] = useState<boolean>(isChecked ? true : false);
+	const innerComponentRef = innerRef || 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 currentChecked = checked;
+		if (dataSource && dataField) {
+			const fieldValue = dataSource.getFieldValue(dataField);
+			if (fieldValue !== null && fieldValue !== undefined) {
+				currentChecked = fieldValue === trueValue;
+			}
+		}
+
+		setChecked(currentChecked);
+	};
+
+	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 handleChange = (changedChecked) => {
+		// ✅ 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 resultValue = changedChecked ? trueValue : falseValue;
+
+		setChecked(changedChecked);
+
+		if (dataSource && !dataSource.isBrowsing() && dataField && dataSource.getFieldValue(dataField) !== resultValue) {
+			// 🔄 MIGRAÇÃO V1/V2: Usar handleValueChange do padrão de compatibilidade
+			v1v2Compatibility.handleValueChange(resultValue);
+		}
+
+		if (onChangeValue) {
+			onChangeValue(resultValue);
+		}
+	};
+
+	const handleOnFocusExit = (event) => {
+		if (onFocusExit) {
+			onFocusExit(event);
+		}
+	};
+
+	const handleOnFocusEnter = (event) => {
+		if (onFocusEnter) {
+			onFocusEnter(event);
+		}
+	};
+
+	const isReadOnly = () => {
+		// 🔄 MIGRAÇÃO V1/V2: Usar padrão de compatibilidade para isReadOnly
+		return readOnly || v1v2Compatibility.isReadOnly;
+	};
+
+	return (
+		<Chip
+			disabled={disabled}
+			readOnly={isReadOnly()}
+			required={required}
+			style={{ ...style, width }}
+			checked={checked}
+			ref={innerComponentRef}
+			value={checked ? trueValue : falseValue}
+			onChange={handleChange}
+			onBlur={handleOnFocusExit}
+			onFocus={handleOnFocusEnter}
+			size={size}
+			radius={radius}
+		>
+			{label}
+		</Chip>
+	);
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseChipGroup.d.ts","sourceRoot":"","sources":["ArchbaseChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,WAAW,EAAe,MAAM,eAAe,CAAC;AAE/D,OAAc,EAAE,aAAa,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AAM1E,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;IAC/C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACvC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACvC,mDAAmD;IACnD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC;IACpC,4HAA4H;IAC5H,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,EAAE,GAAG,MAAM,CAAC;IACpD,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,GAAG,CAAC;IACxD,iCAAiC;IACjC,cAAc,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC;IAC9B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,kCAAkC;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,6CAA6C;IAC7C,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,wIAAwI;IACxI,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC5B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CAErB;AAoCD,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAC3C,UAAU,EACV,SAAS,EACT,aAAwB,EACxB,cAAoC,EACpC,cAAoC,EACpC,cAA4C,EAC5C,gBAAgB,EAChB,KAAK,EACL,YAAY,EACZ,cAAmB,EACnB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,GACX,EAAE,sBAAsB,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,2CAwHlC"}