@forge/react 0.0.0-experimental-9489df9 → 0.0.0-experimental-72f4150

package/CHANGELOG.md

@@ -1,10 +1,106 @@
 # @forge/react
 
-## 0.0.0-experimental-9489df9
+## 0.0.0-experimental-72f4150
 
 ### Patch Changes
 
-- @forge/ui@0.0.0-experimental-9489df9
+- 016712d: Fail gracefully if the forge bridge is not available
+
+## 3.0.1-next.0
+
+### Patch Changes
+
+- 016712d: Fail gracefully if the forge bridge is not available
+
+## 3.0.0
+
+### Patch Changes
+
+- Updated dependencies [1caf716]
+  - @forge/ui@1.6.0
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [1caf7166]
+  - @forge/ui@1.6.0-next.0
+
+## 2.1.0
+
+### Minor Changes
+
+- 120b3ca: Bump forge-ui version in bundle script
+
+## 2.1.0-next.0
+
+### Minor Changes
+
+- 120b3ca3: Bump forge-ui version in bundle script
+
+## 2.0.0
+
+### Minor Changes
+
+- 782f6b8: Add HorizontalLayout and VerticalLayout components
+
+### Patch Changes
+
+- 8f90136: Remove flexWrap property on HorizontalLayout component
+- Updated dependencies [be216ec]
+  - @forge/ui@1.5.0
+
+## 2.0.0-next.2
+
+### Patch Changes
+
+- Updated dependencies [be216ec6]
+  - @forge/ui@1.5.0-next.0
+
+## 1.2.0-next.1
+
+### Patch Changes
+
+- 8f90136c: Remove flexWrap property on HorizontalLayout component
+
+## 1.2.0-next.0
+
+### Minor Changes
+
+- 782f6b8: Add HorizontalLayout and VerticalLayout components
+
+## 1.1.0
+
+### Minor Changes
+
+- 568a437: Added stylesheet helper methods
+- c72e774: Initial component export for @forge/react library.
+
+## 1.1.0-next.1
+
+### Minor Changes
+
+- c72e774: Initial component export for @forge/react library.
+
+## 1.1.0-next.0
+
+### Minor Changes
+
+- 568a4370: Added stylesheet helper methods
+
+## 1.0.0
+
+### Patch Changes
+
+- Updated dependencies [da4c64d]
+  - @forge/ui@1.4.0
+
+## 1.0.0-next.1
+
+### Patch Changes
+
+- Updated dependencies [da4c64d]
+  - @forge/ui@1.4.0-next.1
 
 ## 1.0.0-next.0
 

package/out/__test__/styles.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.test.d.ts.map

package/out/__test__/styles.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.test.d.ts","sourceRoot":"","sources":["../../src/__test__/styles.test.tsx"],"names":[],"mappings":""}

package/out/__test__/styles.test.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles_1 = require("../styles");
+const redHexCode = '#FF0000';
+const blueHexCode = '#0000FF';
+describe('StyleSheet', () => {
+    it('should create valid basic styles object', () => {
+        expect(styles_1.StyleSheet.create({
+            container: {
+                backgroundColor: '#fff',
+                backgroundImage: [
+                    (0, styles_1.url)('/image.png'),
+                    (0, styles_1.linearGradient)('90deg', (0, styles_1.gradientStep)('10%', redHexCode), (0, styles_1.gradientStep)('30%', blueHexCode))
+                ],
+                backgroundSize: ['cover', ['50%', '50%']]
+            }
+        })).toEqual({
+            container: {
+                backgroundColor: '#fff',
+                backgroundImage: [
+                    { method: 'url', value: { path: '/image.png' } },
+                    {
+                        method: 'gradient',
+                        value: {
+                            colors: [
+                                { percent: '10%', value: redHexCode },
+                                { percent: '30%', value: blueHexCode }
+                            ],
+                            degrees: '90deg',
+                            type: 'linear'
+                        }
+                    }
+                ],
+                backgroundSize: ['cover', ['50%', '50%']]
+            }
+        });
+    });
+    it('should create valid composed styles object', () => {
+        expect(styles_1.StyleSheet.create({
+            container: (compose) => compose({
+                backgroundColor: redHexCode,
+                backgroundImage: (0, styles_1.url)('https://example.test/image.png'),
+                backgroundPosition: ['50px', '50px', '50px', '50px'],
+                transform: [
+                    (0, styles_1.translate)('10px', '10px', '10px'),
+                    (0, styles_1.scale)('2', '2', '2'),
+                    (0, styles_1.rotate)('45deg', '45deg', '45deg'),
+                    (0, styles_1.skew)('45deg', '45deg')
+                ]
+            }, (0, styles_1.active)({
+                backgroundColor: (0, styles_1.rgba)(0, 0, 255, 1),
+                backgroundImage: (0, styles_1.radialGradient)((0, styles_1.gradientStep)('10%', redHexCode), (0, styles_1.gradientStep)('30%', blueHexCode)),
+                backgroundPosition: ['50px', '50px']
+            }), (0, styles_1.hover)({
+                backgroundPosition: 'center',
+                backgroundRepeat: 'no-repeat'
+            }), (0, styles_1.focus)({
+                backgroundRepeat: ['repeat', 'repeat']
+            }))
+        })).toEqual({
+            container: {
+                __active: {
+                    backgroundColor: { method: 'rgba', value: { a: 1, b: 255, g: 0, r: 0 } },
+                    backgroundImage: {
+                        method: 'gradient',
+                        value: {
+                            colors: [
+                                { percent: '10%', value: redHexCode },
+                                { percent: '30%', value: blueHexCode }
+                            ],
+                            type: 'radial'
+                        }
+                    },
+                    backgroundPosition: ['50px', '50px']
+                },
+                __focus: { backgroundRepeat: ['repeat', 'repeat'] },
+                __hover: { backgroundPosition: 'center', backgroundRepeat: 'no-repeat' },
+                backgroundColor: redHexCode,
+                backgroundImage: { method: 'url', value: { path: 'https://example.test/image.png' } },
+                backgroundPosition: ['50px', '50px', '50px', '50px'],
+                transform: [
+                    { method: 'translate', value: { x: '10px', y: '10px', z: '10px' } },
+                    { method: 'scale', value: { x: '2', y: '2', z: '2' } },
+                    { method: 'rotate', value: { x: '45deg', y: '45deg', z: '45deg' } },
+                    { method: 'skew', value: { x: '45deg', y: '45deg' } }
+                ]
+            }
+        });
+    });
+});

package/out/components.d.ts

@@ -0,0 +1,61 @@
+import { BadgeProps, ButtonSetProps, CellProps, DateLozengeProps, ForgeElement, FormData, FormProps, FrameProps, HeadProps, HeadingProps, InlineDialogProps, MarkupProps, ModalDialogProps, NativeBoxProps as BoxProps, NativeButtonProps as ButtonProps, NativeCheckboxGroupProps as CheckboxGroupProps, NativeCheckboxProps as CheckboxProps, NativeDatePickerProps as DatePickerProps, NativeImageProps as ImageProps, NativeLinkProps as LinkProps, NativeRadioGroupProps as RadioGroupProps, NativeRangeProps as RangeProps, NativeSelectProps as SelectProps, NativeTextAreaProps as TextAreaProps, NativeTextFieldProps as TextFieldProps, NativeTextProps as TextProps, NativeToggleProps as ToggleProps, NativeUserPickerProps as UserPickerProps, NativePressableProps as PressableProps, OptionProps, RadioProps, RowProps, SectionMessageProps, TabProps, TableProps, TabsProps, TagGroupProps, TooltipProps, UserGroupProps, UserProps, ForgeChildren, AllowedPrimitives } from './types';
+import { NativeCodeProps, NativeStatusLozengeProps, NativeTagProps } from './types';
+export { UserPickerValue, PressableAppearance } from './types';
+export declare const Box: (props: BoxProps) => ForgeElement;
+export declare const Button: (props: ButtonProps) => ForgeElement;
+export declare const Checkbox: (props: CheckboxProps) => ForgeElement;
+export declare const CheckboxGroup: (props: CheckboxGroupProps) => ForgeElement;
+export declare const DatePicker: (props: DatePickerProps) => ForgeElement;
+export declare const Form: <T extends FormData>(props: FormProps<T>) => ForgeElement;
+export declare const Frame: (props: FrameProps) => ForgeElement;
+export declare const Image: (props: ImageProps) => ForgeElement;
+export declare const Link: (props: LinkProps) => ForgeElement;
+export declare const ModalDialog: (props: ModalDialogProps) => ForgeElement;
+export declare const RadioGroup: (props: RadioGroupProps) => ForgeElement;
+export declare const Range: (props: RangeProps) => ForgeElement;
+export declare const Select: (props: SelectProps) => ForgeElement;
+export declare const Text: (props: TextProps) => ForgeElement;
+export declare const TextArea: (props: TextAreaProps) => ForgeElement;
+export declare const TextField: (props: TextFieldProps) => ForgeElement;
+export declare const Toggle: (props: ToggleProps) => ForgeElement;
+export declare const UserPicker: (props: UserPickerProps) => ForgeElement;
+export declare const Pressable: (props: PressableProps) => ForgeElement;
+export declare const Badge: (props: BadgeProps) => ForgeElement;
+export declare const ButtonSet: (props: ButtonSetProps) => ForgeElement;
+export declare const Code: (props: NativeCodeProps) => ForgeElement;
+export declare const DateLozenge: (props: DateLozengeProps) => ForgeElement;
+export declare const Heading: (props: HeadingProps) => ForgeElement;
+export declare const InlineDialog: (props: InlineDialogProps) => ForgeElement;
+export declare const Option: (props: OptionProps) => ForgeElement;
+export declare const Radio: (props: RadioProps) => ForgeElement;
+export declare const SectionMessage: (props: SectionMessageProps) => ForgeElement;
+export declare const StatusLozenge: (props: NativeStatusLozengeProps) => ForgeElement;
+export declare const Tooltip: (props: TooltipProps) => ForgeElement;
+export declare const Em: (props: MarkupProps) => ForgeElement;
+export declare const Strike: (props: MarkupProps) => ForgeElement;
+export declare const Strong: (props: MarkupProps) => ForgeElement;
+export declare const Tab: (props: TabProps) => ForgeElement;
+export declare const Tabs: (props: TabsProps) => ForgeElement;
+export declare const Cell: (props: CellProps) => ForgeElement;
+export declare const Head: (props: HeadProps) => ForgeElement;
+export declare const Row: (props: RowProps) => ForgeElement;
+export declare const Table: (props: TableProps) => ForgeElement;
+export declare const Tag: (props: NativeTagProps) => ForgeElement;
+export declare const TagGroup: (props: TagGroupProps) => ForgeElement;
+export declare const User: (props: UserProps) => ForgeElement;
+export declare const UserGroup: (props: UserGroupProps) => ForgeElement;
+interface HorizontalLayoutProps {
+    gap?: AllowedPrimitives['gap'];
+    horizontalAlignment?: AllowedPrimitives['justifyContent'];
+    verticalAlignment?: AllowedPrimitives['alignItems'];
+    children: ForgeChildren;
+}
+export declare const HorizontalLayout: ({ gap, horizontalAlignment, verticalAlignment, children }: HorizontalLayoutProps) => ForgeElement;
+interface VerticalLayoutProps {
+    gap?: AllowedPrimitives['gap'];
+    verticalAlignment?: AllowedPrimitives['justifyContent'];
+    horizontalAlignment?: AllowedPrimitives['alignItems'];
+    children: ForgeChildren;
+}
+export declare const VerticalLayout: ({ gap, horizontalAlignment, verticalAlignment, children }: VerticalLayoutProps) => ForgeElement;
+//# sourceMappingURL=components.d.ts.map

package/out/components.d.ts.map

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

package/out/components.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerticalLayout = exports.HorizontalLayout = exports.UserGroup = exports.User = exports.TagGroup = exports.Tag = exports.Table = exports.Row = exports.Head = exports.Cell = exports.Tabs = exports.Tab = exports.Strong = exports.Strike = exports.Em = exports.Tooltip = exports.StatusLozenge = exports.SectionMessage = exports.Radio = exports.Option = exports.InlineDialog = exports.Heading = exports.DateLozenge = exports.Code = exports.ButtonSet = exports.Badge = exports.Pressable = exports.UserPicker = exports.Toggle = exports.TextField = exports.TextArea = exports.Text = exports.Select = exports.Range = exports.RadioGroup = exports.ModalDialog = exports.Link = exports.Image = exports.Frame = exports.Form = exports.DatePicker = exports.CheckboxGroup = exports.Checkbox = exports.Button = exports.Box = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.Box = 'Box';
+exports.Button = 'Button';
+exports.Checkbox = 'Checkbox';
+exports.CheckboxGroup = 'CheckboxGroup';
+exports.DatePicker = 'DatePicker';
+exports.Form = 'Form';
+exports.Frame = 'Frame';
+exports.Image = 'Image';
+exports.Link = 'Link';
+exports.ModalDialog = 'ModalDialog';
+exports.RadioGroup = 'RadioGroup';
+exports.Range = 'Range';
+exports.Select = 'Select';
+exports.Text = 'Text';
+exports.TextArea = 'TextArea';
+exports.TextField = 'TextField';
+exports.Toggle = 'Toggle';
+exports.UserPicker = 'UserPicker';
+exports.Pressable = 'Pressable';
+exports.Badge = 'Badge';
+exports.ButtonSet = 'ButtonSet';
+exports.Code = 'Code';
+exports.DateLozenge = 'DateLozenge';
+exports.Heading = 'Heading';
+exports.InlineDialog = 'InlineDialog';
+exports.Option = 'Option';
+exports.Radio = 'Radio';
+exports.SectionMessage = 'SectionMessage';
+exports.StatusLozenge = 'StatusLozenge';
+exports.Tooltip = 'Tooltip';
+exports.Em = 'Em';
+exports.Strike = 'Strike';
+exports.Strong = 'Strong';
+exports.Tab = 'Tab';
+exports.Tabs = 'Tabs';
+exports.Cell = 'Cell';
+exports.Head = 'Head';
+exports.Row = 'Row';
+exports.Table = 'Table';
+exports.Tag = 'Tag';
+exports.TagGroup = 'TagGroup';
+exports.User = 'User';
+exports.UserGroup = 'UserGroup';
+const HorizontalLayout = ({ gap, horizontalAlignment, verticalAlignment, children }) => ((0, jsx_runtime_1.jsx)(exports.Box, Object.assign({ style: {
+        display: 'flex',
+        flexDirection: 'row',
+        gap,
+        justifyContent: horizontalAlignment,
+        alignItems: verticalAlignment
+    } }, { children: children })));
+exports.HorizontalLayout = HorizontalLayout;
+const VerticalLayout = ({ gap, horizontalAlignment, verticalAlignment, children }) => ((0, jsx_runtime_1.jsx)(exports.Box, Object.assign({ style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap,
+        justifyContent: verticalAlignment,
+        alignItems: horizontalAlignment
+    } }, { children: children })));
+exports.VerticalLayout = VerticalLayout;

package/out/index.d.ts

@@ -0,0 +1,4 @@
+export { ForgeReconciler as default } from './reconciler';
+export * from './styles';
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/out/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAE1D,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/out/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const tslib_1 = require("tslib");
+var reconciler_1 = require("./reconciler");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return reconciler_1.ForgeReconciler; } });
+tslib_1.__exportStar(require("./styles"), exports);
+tslib_1.__exportStar(require("./components"), exports);

package/out/reconciler.d.ts

@@ -0,0 +1,5 @@
+export declare const ForgeReconciler: {
+    render: (element: any) => void;
+};
+export default ForgeReconciler;
+//# sourceMappingURL=reconciler.d.ts.map

package/out/reconciler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconciler.d.ts","sourceRoot":"","sources":["../src/reconciler.ts"],"names":[],"mappings":"AAsMA,eAAO,MAAM,eAAe;sBACR,GAAG,KAAG,IAAI;CAiB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/out/reconciler.js

@@ -0,0 +1,144 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForgeReconciler = void 0;
+const tslib_1 = require("tslib");
+const react_reconciler_1 = tslib_1.__importDefault(require("react-reconciler"));
+const constants_1 = require("react-reconciler/constants");
+const uuid_1 = require("uuid");
+const callBridge = (_a = self.__bridge) === null || _a === void 0 ? void 0 : _a.callBridge;
+const createElement = (type, props = {}) => {
+    const { children } = props, restProps = tslib_1.__rest(props, ["children"]);
+    return {
+        type,
+        children: [],
+        props: restProps,
+        key: (0, uuid_1.v4)()
+    };
+};
+const appendChild = (parent, child) => {
+    if (parent.children.includes(child)) {
+        const removeIndex = parent.children.indexOf(child);
+        parent.children.splice(removeIndex, 1);
+    }
+    parent.children.push(child);
+};
+const insertBefore = (parent, child, beforeChild) => {
+    const insertIndex = parent.children.indexOf(beforeChild);
+    if (parent.children.includes(child)) {
+        const removeIndex = parent.children.indexOf(child);
+        parent.children.splice(removeIndex, 1);
+    }
+    parent.children.splice(insertIndex, 0, child);
+};
+const hostConfig = {
+    supportsMutation: true,
+    supportsPersistence: false,
+    noTimeout: -1,
+    isPrimaryRenderer: false,
+    supportsHydration: false,
+    resetAfterCommit(forgeDoc) {
+        callBridge('reconcile', { forgeDoc });
+    },
+    createInstance(type, props) {
+        const element = createElement(type, props);
+        return element;
+    },
+    createTextInstance(text) {
+        return {
+            type: 'String',
+            children: [],
+            props: {
+                text
+            },
+            key: (0, uuid_1.v4)()
+        };
+    },
+    appendInitialChild(parent, child) {
+        appendChild(parent, child);
+    },
+    appendChild(parent, child) {
+        appendChild(parent, child);
+    },
+    appendChildToContainer(container, child) {
+        appendChild(container, child);
+    },
+    finalizeInitialChildren() {
+        return false;
+    },
+    prepareUpdate(instance, type, oldProps, newProps) {
+        instance.props = newProps;
+        return newProps;
+    },
+    shouldSetTextContent() {
+        return false;
+    },
+    getRootHostContext() {
+        return {};
+    },
+    getChildHostContext(parentContext, fiberType) {
+        return null;
+    },
+    getPublicInstance(instance) {
+        return instance;
+    },
+    prepareForCommit() {
+        return null;
+    },
+    preparePortalMount() { },
+    scheduleTimeout(fn, delay) {
+        return setTimeout(fn, delay);
+    },
+    cancelTimeout(id) {
+        clearTimeout(id);
+    },
+    insertBefore(parent, child, beforeChild) {
+        insertBefore(parent, child, beforeChild);
+    },
+    insertInContainerBefore(container, child, beforeChild) {
+        insertBefore(container, child, beforeChild);
+    },
+    removeChild(parent, child) {
+        const removeIndex = parent.children.indexOf(child);
+        parent.children.splice(removeIndex, 1);
+    },
+    removeChildFromContainer(container, child) {
+        const removeIndex = container.children.indexOf(child);
+        container.children.splice(removeIndex, 1);
+    },
+    resetTextContent() { },
+    commitTextUpdate(textInstance, oldText, newText) {
+        textInstance.props.text = newText;
+    },
+    commitMount() { },
+    commitUpdate() { },
+    hideInstance() { },
+    hideTextInstance() { },
+    unhideInstance() { },
+    unhideTextInstance() { },
+    clearContainer() { },
+    detachDeletedInstance(instance) { },
+    getCurrentEventPriority() {
+        return constants_1.DefaultEventPriority;
+    },
+    getInstanceFromNode() {
+        return null;
+    },
+    beforeActiveInstanceBlur() { },
+    afterActiveInstanceBlur() { },
+    prepareScopeUpdate() { },
+    getInstanceFromScope() {
+        return null;
+    }
+};
+const reconciler = (0, react_reconciler_1.default)(hostConfig);
+exports.ForgeReconciler = {
+    render: (element) => {
+        const rootElement = createElement('Root');
+        const container = reconciler.createContainer(rootElement, 0, null, false, null, 'root', (err) => {
+            console.log(err);
+        }, null);
+        reconciler.updateContainer(element, container, null, null);
+    }
+};
+exports.default = exports.ForgeReconciler;

package/out/styles/index.d.ts

@@ -0,0 +1,29 @@
+import { AllowedPrimitives, Definitions, GradientValue, RGBAColorValue, ShadowValue, TransformValue, ColorType, URLValue } from '../types';
+export { AllowedPrimitives } from '../types';
+export interface PreDefinitions {
+    [key: string]: AllowedPrimitives | ComposeProvider;
+}
+export declare type Compose = (...primitiveObjects: AllowedPrimitives[]) => AllowedPrimitives;
+export declare type ComposeProvider = (compose: Compose) => AllowedPrimitives;
+export declare const StyleSheet: {
+    create(definitions: PreDefinitions): Definitions;
+};
+export declare const rgba: (r: number, g: number, b: number, a: number) => RGBAColorValue;
+export declare const rgb: (r: number, g: number, b: number) => RGBAColorValue;
+export declare function shadow(offsets: string, color: ColorType): ShadowValue;
+export interface GradientStep {
+    percent: string;
+    value: ColorType;
+}
+export declare function gradientStep(percent: string, value: ColorType): GradientStep;
+export declare function linearGradient(degrees: string, ...steps: GradientStep[]): GradientValue;
+export declare function radialGradient(...steps: GradientStep[]): GradientValue;
+export declare function translate(x?: string, y?: string, z?: string): TransformValue;
+export declare function scale(x?: string, y?: string, z?: string): TransformValue;
+export declare function rotate(x?: string, y?: string, z?: string): TransformValue;
+export declare function skew(x?: string, y?: string): TransformValue;
+export declare function url(path: string): URLValue;
+export declare function focus(primitives: AllowedPrimitives): AllowedPrimitives;
+export declare function hover(primitives: AllowedPrimitives): AllowedPrimitives;
+export declare function active(primitives: AllowedPrimitives): AllowedPrimitives;
+//# sourceMappingURL=index.d.ts.map

package/out/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,SAAS,EACT,QAAQ,EACT,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;CACpD;AAED,oBAAY,OAAO,GAAG,CAAC,GAAG,gBAAgB,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,CAAC;AACtF,oBAAY,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,iBAAiB,CAAC;AAEtE,eAAO,MAAM,UAAU;wBACD,cAAc,GAAG,WAAW;CAmBjD,CAAC;AAEF,eAAO,MAAM,IAAI,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,mBAU9D,CAAC;AAEF,eAAO,MAAM,GAAG,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,mBASlD,CAAC;AAEF,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,WAAW,CAQrE;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,YAAY,CAK5E;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,GAAG,aAAa,CASvF;AAED,wBAAgB,cAAc,CAAC,GAAG,KAAK,EAAE,YAAY,EAAE,GAAG,aAAa,CAQtE;AAED,wBAAgB,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CAS5E;AAED,wBAAgB,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CASxE;AAED,wBAAgB,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CASzE;AAED,wBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,cAAc,CAQ3D;AAED,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAO1C;AAED,wBAAgB,KAAK,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,CAItE;AAED,wBAAgB,KAAK,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,CAItE;AAED,wBAAgB,MAAM,CAAC,UAAU,EAAE,iBAAiB,GAAG,iBAAiB,CAIvE"}