@pdfme/schemas 0.0.0

package/dist/esm/src/shapes/line.js

@@ -0,0 +1,74 @@
+import { rotatePoint, convertForPdfLayoutProps, hex2PrintingColor, createSvgStr, } from '../utils.js';
+import { HEX_COLOR_PATTERN } from '../constants.js';
+import { Minus } from 'lucide';
+const DEFAULT_LINE_COLOR = '#000000';
+const HIT_POINT_HEIGHT = 16;
+const lineSchema = {
+    pdf: (arg) => {
+        const { page, schema, options } = arg;
+        if (schema.width === 0 || schema.height === 0 || !schema.color)
+            return;
+        const { colorType } = options;
+        const pageHeight = page.getHeight();
+        const { width, height, rotate, position: { x, y }, opacity, } = convertForPdfLayoutProps({ schema, pageHeight, applyRotateTranslate: false });
+        const pivot = { x: x + width / 2, y: y + height / 2 };
+        page.drawLine({
+            start: rotatePoint({ x, y: y + height / 2 }, pivot, rotate.angle),
+            end: rotatePoint({ x: x + width, y: y + height / 2 }, pivot, rotate.angle),
+            thickness: height,
+            color: hex2PrintingColor(schema.color ?? DEFAULT_LINE_COLOR, colorType),
+            opacity: opacity,
+        });
+    },
+    ui: (arg) => {
+        const { schema, rootElement } = arg;
+        Object.assign(rootElement.style, { position: 'relative', overflow: 'visible' });
+        const baseStyles = {
+            position: 'absolute',
+            top: '50%',
+            left: '0',
+            transform: 'translateY(-50%)',
+            width: '100%',
+        };
+        const hitArea = document.createElement('div');
+        Object.assign(hitArea.style, baseStyles, {
+            height: `${HIT_POINT_HEIGHT}px`,
+            backgroundColor: 'transparent',
+        });
+        const div = document.createElement('div');
+        Object.assign(div.style, baseStyles, {
+            height: '100%',
+            backgroundColor: schema.color ?? 'transparent',
+            pointerEvents: 'none',
+        });
+        rootElement.append(hitArea, div);
+    },
+    propPanel: {
+        schema: ({ i18n }) => ({
+            color: {
+                title: i18n('schemas.color'),
+                type: 'string',
+                widget: 'color',
+                props: {
+                    disabledAlpha: true,
+                },
+                required: true,
+                rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
+            },
+        }),
+        defaultSchema: {
+            name: '',
+            type: 'line',
+            position: { x: 0, y: 0 },
+            width: 50,
+            height: 0.5,
+            rotate: 0,
+            opacity: 1,
+            readOnly: true,
+            color: DEFAULT_LINE_COLOR,
+        },
+    },
+    icon: createSvgStr(Minus),
+};
+export default lineSchema;
+//# sourceMappingURL=line.js.map

package/dist/esm/src/shapes/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","sourceRoot":"","sources":["../../../../src/shapes/line.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/shapes/rectAndEllipse.js

@@ -0,0 +1,137 @@
+import { mm2pt } from '@pdfme/common';
+import { HEX_COLOR_PATTERN } from '../constants.js';
+import { hex2PrintingColor, convertForPdfLayoutProps, createSvgStr } from '../utils.js';
+import { toRadians } from '@pdfme/pdf-lib';
+import { Circle, Square } from 'lucide';
+const shape = {
+    ui: (arg) => {
+        const { schema, rootElement } = arg;
+        const div = document.createElement('div');
+        div.style.width = '100%';
+        div.style.height = '100%';
+        div.style.boxSizing = 'border-box';
+        if (schema.type === 'ellipse') {
+            div.style.borderRadius = '50%';
+        }
+        else if (schema.radius && schema.radius > 0) {
+            div.style.borderRadius = `${schema.radius}mm`;
+        }
+        div.style.borderWidth = `${schema.borderWidth ?? 0}mm`;
+        div.style.borderStyle = schema.borderWidth && schema.borderColor ? 'solid' : 'none';
+        div.style.borderColor = schema.borderColor ?? 'transparent';
+        div.style.backgroundColor = schema.color ?? 'transparent';
+        rootElement.appendChild(div);
+    },
+    pdf: (arg) => {
+        const { schema, page, options } = arg;
+        if (!schema.color && !schema.borderColor)
+            return;
+        const { colorType } = options;
+        const pageHeight = page.getHeight();
+        const cArg = { schema, pageHeight };
+        const { position, width, height, rotate, opacity } = convertForPdfLayoutProps(cArg);
+        const { position: { x: x4Ellipse, y: y4Ellipse }, } = convertForPdfLayoutProps({ ...cArg, applyRotateTranslate: false });
+        const borderWidth = schema.borderWidth ? mm2pt(schema.borderWidth) : 0;
+        const drawOptions = {
+            rotate,
+            borderWidth,
+            borderColor: hex2PrintingColor(schema.borderColor, colorType),
+            color: hex2PrintingColor(schema.color, colorType),
+            opacity,
+            borderOpacity: opacity,
+        };
+        if (schema.type === 'ellipse') {
+            page.drawEllipse({
+                x: x4Ellipse + width / 2,
+                y: y4Ellipse + height / 2,
+                xScale: width / 2 - borderWidth / 2,
+                yScale: height / 2 - borderWidth / 2,
+                ...drawOptions,
+            });
+        }
+        else if (schema.type === 'rectangle') {
+            const radius = schema.radius ?? 0;
+            page.drawRectangle({
+                x: position.x +
+                    borderWidth * ((1 - Math.sin(toRadians(rotate))) / 2) +
+                    Math.tan(toRadians(rotate)) * Math.PI ** 2,
+                y: position.y +
+                    borderWidth * ((1 + Math.sin(toRadians(rotate))) / 2) +
+                    Math.tan(toRadians(rotate)) * Math.PI ** 2,
+                width: width - borderWidth,
+                height: height - borderWidth,
+                ...(radius ? { radius: mm2pt(radius) } : {}),
+                ...drawOptions,
+            });
+        }
+    },
+    propPanel: {
+        schema: ({ i18n }) => ({
+            borderWidth: {
+                title: i18n('schemas.borderWidth'),
+                type: 'number',
+                widget: 'inputNumber',
+                props: { min: 0, step: 1 },
+                span: 12,
+            },
+            borderColor: {
+                title: i18n('schemas.borderColor'),
+                type: 'string',
+                widget: 'color',
+                props: {
+                    disabledAlpha: true,
+                },
+                rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
+                span: 12,
+            },
+            color: {
+                title: i18n('schemas.color'),
+                type: 'string',
+                widget: 'color',
+                props: {
+                    disabledAlpha: true,
+                },
+                rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
+            },
+            radius: {
+                title: i18n('schemas.radius'),
+                type: 'number',
+                widget: 'inputNumber',
+                props: { min: 0, step: 1 },
+                span: 12,
+            },
+        }),
+        defaultSchema: {
+            name: '',
+            type: 'rectangle',
+            position: { x: 0, y: 0 },
+            width: 62.5,
+            height: 37.5,
+            rotate: 0,
+            opacity: 1,
+            borderWidth: 1,
+            borderColor: '#000000',
+            color: '',
+            readOnly: true,
+            radius: 0,
+        },
+    },
+};
+const getPropPanelSchema = (type) => ({
+    ...shape.propPanel,
+    defaultSchema: {
+        ...shape.propPanel.defaultSchema,
+        type,
+    },
+});
+export const rectangle = {
+    ...shape,
+    propPanel: getPropPanelSchema('rectangle'),
+    icon: createSvgStr(Square),
+};
+export const ellipse = {
+    ...shape,
+    propPanel: getPropPanelSchema('ellipse'),
+    icon: createSvgStr(Circle),
+};
+//# sourceMappingURL=rectAndEllipse.js.map

package/dist/esm/src/shapes/rectAndEllipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectAndEllipse.js","sourceRoot":"","sources":["../../../../src/shapes/rectAndEllipse.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/tables/cell.js

@@ -0,0 +1,121 @@
+import { DEFAULT_FONT_NAME, getFallbackFontName } from '@pdfme/common';
+import { uiRender as textUiRender } from '../text/uiRender.js';
+import { pdfRender as textPdfRender } from '../text/pdfRender.js';
+import line from '../shapes/line.js';
+import { rectangle } from '../shapes/rectAndEllipse.js';
+import { getCellPropPanelSchema, getDefaultCellStyles } from './helper.js';
+const linePdfRender = line.pdf;
+const rectanglePdfRender = rectangle.pdf;
+const renderLine = async (arg, schema, position, width, height) => linePdfRender({
+    ...arg,
+    schema: { ...schema, type: 'line', position, width, height, color: schema.borderColor },
+});
+const createTextDiv = (schema) => {
+    const { borderWidth: bw, width, height, padding: pd } = schema;
+    const textDiv = document.createElement('div');
+    textDiv.style.position = 'absolute';
+    textDiv.style.zIndex = '1';
+    textDiv.style.width = `${width - bw.left - bw.right - pd.left - pd.right}mm`;
+    textDiv.style.height = `${height - bw.top - bw.bottom - pd.top - pd.bottom}mm`;
+    textDiv.style.top = `${bw.top + pd.top}mm`;
+    textDiv.style.left = `${bw.left + pd.left}mm`;
+    return textDiv;
+};
+const createLineDiv = (width, height, top, right, bottom, left, borderColor) => {
+    const div = document.createElement('div');
+    div.style.width = width;
+    div.style.height = height;
+    div.style.position = 'absolute';
+    if (top !== null)
+        div.style.top = top;
+    if (right !== null)
+        div.style.right = right;
+    if (bottom !== null)
+        div.style.bottom = bottom;
+    if (left !== null)
+        div.style.left = left;
+    div.style.backgroundColor = borderColor;
+    return div;
+};
+const cellSchema = {
+    pdf: async (arg) => {
+        const { schema } = arg;
+        const { position, width, height, borderWidth, padding } = schema;
+        await Promise.all([
+            // BACKGROUND
+            rectanglePdfRender({
+                ...arg,
+                schema: {
+                    ...schema,
+                    type: 'rectangle',
+                    width: schema.width,
+                    height: schema.height,
+                    borderWidth: 0,
+                    borderColor: '',
+                    color: schema.backgroundColor,
+                },
+            }),
+            // TOP
+            renderLine(arg, schema, { x: position.x, y: position.y }, width, borderWidth.top),
+            // RIGHT
+            renderLine(arg, schema, { x: position.x + width - borderWidth.right, y: position.y }, borderWidth.right, height),
+            // BOTTOM
+            renderLine(arg, schema, { x: position.x, y: position.y + height - borderWidth.bottom }, width, borderWidth.bottom),
+            // LEFT
+            renderLine(arg, schema, { x: position.x, y: position.y }, borderWidth.left, height),
+        ]);
+        // TEXT
+        await textPdfRender({
+            ...arg,
+            schema: {
+                ...schema,
+                type: 'text',
+                backgroundColor: '',
+                position: {
+                    x: position.x + borderWidth.left + padding.left,
+                    y: position.y + borderWidth.top + padding.top,
+                },
+                width: width - borderWidth.left - borderWidth.right - padding.left - padding.right,
+                height: height - borderWidth.top - borderWidth.bottom - padding.top - padding.bottom,
+            },
+        });
+    },
+    ui: async (arg) => {
+        const { schema, rootElement } = arg;
+        const { borderWidth, width, height, borderColor, backgroundColor } = schema;
+        rootElement.style.backgroundColor = backgroundColor;
+        const textDiv = createTextDiv(schema);
+        await textUiRender({
+            ...arg,
+            schema: { ...schema, backgroundColor: '' },
+            rootElement: textDiv,
+        });
+        rootElement.appendChild(textDiv);
+        const lines = [
+            createLineDiv(`${width}mm`, `${borderWidth.top}mm`, '0mm', null, null, '0mm', borderColor),
+            createLineDiv(`${width}mm`, `${borderWidth.bottom}mm`, null, null, '0mm', '0mm', borderColor),
+            createLineDiv(`${borderWidth.left}mm`, `${height}mm`, '0mm', null, null, '0mm', borderColor),
+            createLineDiv(`${borderWidth.right}mm`, `${height}mm`, '0mm', '0mm', null, null, borderColor),
+        ];
+        lines.forEach((line) => rootElement.appendChild(line));
+    },
+    propPanel: {
+        schema: ({ options, i18n }) => {
+            const font = options.font || { [DEFAULT_FONT_NAME]: { data: '', fallback: true } };
+            const fontNames = Object.keys(font);
+            const fallbackFontName = getFallbackFontName(font);
+            return getCellPropPanelSchema({ i18n, fontNames, fallbackFontName });
+        },
+        defaultSchema: {
+            name: '',
+            type: 'cell',
+            content: 'Type Something...',
+            position: { x: 0, y: 0 },
+            width: 50,
+            height: 15,
+            ...getDefaultCellStyles(),
+        },
+    },
+};
+export default cellSchema;
+//# sourceMappingURL=cell.js.map

package/dist/esm/src/tables/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sourceRoot":"","sources":["../../../../src/tables/cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA0B,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC3E,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC;AAC/B,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,CAAC;AAEzC,MAAM,UAAU,GAAG,KAAK,EACtB,GAA+B,EAC/B,MAAkB,EAClB,QAAkC,EAClC,KAAa,EACb,MAAc,EACd,EAAE,CACF,aAAa,CAAC;IACZ,GAAG,GAAG;IACN,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE;CACxF,CAAC,CAAC;AAEL,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAE,EAAE;IAC3C,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC;IAC/D,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAC3B,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,KAAK,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC;IAC/E,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;IAC3C,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC;IAC9C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,KAAa,EACb,MAAc,EACd,GAAkB,EAClB,KAAoB,EACpB,MAAqB,EACrB,IAAmB,EACnB,WAAmB,EACnB,EAAE;IACF,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACxB,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC1B,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAChC,IAAI,GAAG,KAAK,IAAI;QAAE,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IACtC,IAAI,KAAK,KAAK,IAAI;QAAE,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5C,IAAI,MAAM,KAAK,IAAI;QAAE,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC/C,IAAI,IAAI,KAAK,IAAI;QAAE,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;IACzC,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,WAAW,CAAC;IACxC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,UAAU,GAAuB;IACrC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;QACjB,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;QACvB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;QAEjE,MAAM,OAAO,CAAC,GAAG,CAAC;YAChB,aAAa;YACb,kBAAkB,CAAC;gBACjB,GAAG,GAAG;gBACN,MAAM,EAAE;oBACN,GAAG,MAAM;oBACT,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;oBACrB,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,EAAE;oBACf,KAAK,EAAE,MAAM,CAAC,eAAe;iBAC9B;aACF,CAAC;YACF,MAAM;YACN,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC;YACjF,QAAQ;YACR,UAAU,CACR,GAAG,EACH,MAAM,EACN,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,EAC5D,WAAW,CAAC,KAAK,EACjB,MAAM,CACP;YACD,SAAS;YACT,UAAU,CACR,GAAG,EACH,MAAM,EACN,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE,EAC9D,KAAK,EACL,WAAW,CAAC,MAAM,CACnB;YACD,OAAO;YACP,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;SACpF,CAAC,CAAC;QACH,OAAO;QACP,MAAM,aAAa,CAAC;YAClB,GAAG,GAAG;YACN,MAAM,EAAE;gBACN,GAAG,MAAM;gBACT,IAAI,EAAE,MAAM;gBACZ,eAAe,EAAE,EAAE;gBACnB,QAAQ,EAAE;oBACR,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI;oBAC/C,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG;iBAC9C;gBACD,KAAK,EAAE,KAAK,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK;gBAClF,MAAM,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM;aACrF;SACF,CAAC,CAAC;IACL,CAAC;IACD,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;QAChB,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,GAAG,CAAC;QACpC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QAC5E,WAAW,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;QAEpD,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;QACtC,MAAM,YAAY,CAAC;YACjB,GAAG,GAAG;YACN,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,eAAe,EAAE,EAAE,EAAE;YAC1C,WAAW,EAAE,OAAO;SACrB,CAAC,CAAC;QACH,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAEjC,MAAM,KAAK,GAAG;YACZ,aAAa,CAAC,GAAG,KAAK,IAAI,EAAE,GAAG,WAAW,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC;YAC1F,aAAa,CAAC,GAAG,KAAK,IAAI,EAAE,GAAG,WAAW,CAAC,MAAM,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC;YAC7F,aAAa,CAAC,GAAG,WAAW,CAAC,IAAI,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC;YAC5F,aAAa,CAAC,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC;SAC9F,CAAC;QAEF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,CAAC;IACD,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,iBAAiB,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC;YACnF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACnD,OAAO,sBAAsB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;QACvE,CAAC;QACD,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,mBAAmB;YAC5B,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACxB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,GAAG,oBAAoB,EAAE;SAC1B;KACF;CACF,CAAC;AACF,eAAe,UAAU,CAAC"}