@athoscommerce/snap-preact 1.0.0

package/dist/esm/components/src/components/Molecules/Select/Select.js

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useState } from 'preact/hooks';
+import { observer } from 'mobx-react-lite';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { Dropdown } from '../../Atoms/Dropdown';
+import { Button } from '../../Atoms/Button';
+import { Icon } from '../../Atoms/Icon';
+import { useA11y } from '../../../hooks/useA11y';
+import { useLang } from '../../../hooks';
+import deepmerge from 'deepmerge';
+import Color from 'color';
+const defaultStyles = ({ color, backgroundColor, borderColor, theme, native }) => {
+    const lightenedPrimary = new Color(backgroundColor || color || theme?.variables?.colors?.primary || undefined).lightness(95);
+    if (!native) {
+        return css({
+            display: 'inline-flex',
+            color: color,
+            '&.ss__select--disabled': {
+                opacity: 0.7,
+            },
+            '.ss__select__selection__icon': {
+                margin: '0px 5px 0px 0px',
+            },
+            '.ss__button__content': {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '5px',
+            },
+            '.ss__select__select': {
+                position: 'relative',
+                zIndex: '10000',
+                backgroundColor: backgroundColor || '#fff',
+                listStyle: 'none',
+                padding: '0',
+                marginTop: '-1px',
+                border: `1px solid ${borderColor || color || theme?.variables?.colors?.primary || '#333'}`,
+                '.ss__select__dropdown__button': {
+                    alignItems: 'center',
+                },
+                '.ss__select__select__option': {
+                    cursor: 'pointer',
+                    padding: '6px 8px',
+                    color: 'initial',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '5px',
+                    '&.ss__select__select__option--selected': {
+                        fontWeight: 'bold',
+                    },
+                    '&:hover': {
+                        backgroundColor: lightenedPrimary.hex() || '#f8f8f8',
+                    },
+                },
+            },
+        });
+    }
+    else {
+        return css({
+            '.ss__select__select': {
+                paddingRight: '10px',
+                appearance: 'none',
+                '&::-ms-expand': {
+                    display: 'none',
+                },
+            },
+        });
+    }
+};
+export const Select = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        iconOpen: 'angle-down',
+        iconClose: 'angle-up',
+        separator: ': ',
+        startOpen: false,
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('select', globalTheme, defaultProps, properties);
+    const { backgroundColor, borderColor, color, clearSelection, disableClickOutside, disabled, hideLabel, hideLabelOnSelection, iconColor, iconClose, iconOpen, label, native, onSelect, selected, separator, startOpen, hideIcon, hideOptionIcons, hideOptionLabels, hideSelection, stayOpenOnSelection, disableStyles, className, internalClassName, treePath, } = props;
+    let { options } = props;
+    const subProps = {
+        dropdown: {
+            internalClassName: 'ss__select__dropdown',
+            // inherited props
+            ...defined({
+                disableStyles,
+                disabled,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+        button: {
+            // default props
+            internalClassName: 'ss__select__dropdown__button',
+            // inherited props
+            ...defined({
+                disableStyles,
+                disabled,
+                color,
+                backgroundColor,
+                borderColor,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+        icon: {
+            // default props
+            internalClassName: 'ss__select__dropdown__button__icon',
+            // inherited props
+            ...defined({
+                disableStyles,
+                color: iconColor || color,
+                size: '12px',
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+    };
+    // open state
+    const [open, setOpen] = useState(Boolean(startOpen));
+    // selection state
+    const [selection, setSelection] = useState(selected);
+    // original selection state
+    const [originalSelected] = useState(selected);
+    // reset selection if 'selected' prop changes
+    try {
+        if (selected) {
+            const originalSelectedstr = JSON.stringify(originalSelected);
+            const selectedstr = JSON.stringify(selected);
+            const selectionstr = JSON.stringify(selection);
+            if (originalSelectedstr !== selectedstr && selectedstr !== selectionstr) {
+                setSelection(selected);
+            }
+        }
+    }
+    catch (e) {
+        // noop
+    }
+    if (selection && clearSelection) {
+        options = [
+            {
+                label: clearSelection,
+                value: '',
+            },
+            ...options,
+        ];
+    }
+    const makeSelection = (e, option) => {
+        if (option != selection) {
+            onSelect && onSelect(e, option);
+        }
+        setSelection(option);
+        !stayOpenOnSelection && setOpen(false);
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    const selectedOptions = options.filter((option) => selection?.value === option.value);
+    //initialize lang
+    const defaultLang = {
+        buttonLabel: {
+            value: label,
+            attributes: {
+                'aria-label': `${label} dropdown, ${options.length} options ${selectedOptions.length ? `, Currently selected option is ${selectedOptions[0].label}` : ''}`,
+            },
+        },
+    };
+    //deep merge with props.lang
+    const lang = deepmerge(defaultLang, props.lang || {});
+    const mergedLang = useLang(lang, {
+        options,
+        selectedOptions,
+        label,
+        open,
+    });
+    // options can be an Array or ObservableArray - but should have length
+    return typeof options == 'object' && options?.length ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__select', { 'ss__select--native': native }, { 'ss__select--disabled': disabled }, className, internalClassName), children: native ? (_jsxs(_Fragment, { children: [(label || lang.buttonLabel.value) && !hideLabel && !hideLabelOnSelection && (_jsxs("span", { className: "ss__select__label", children: [_jsx("label", { ...mergedLang.buttonLabel?.all }), separator && _jsx("span", { className: "ss__select__label__separator", children: separator })] })), _jsxs("select", { className: "ss__select__select", disabled: disabled || undefined, onChange: (e) => {
+                            const selectElement = e.target;
+                            const selectedOptionElement = selectElement.options[selectElement.selectedIndex];
+                            const selectedOption = options
+                                .filter((option, index) => {
+                                return option.label == selectedOptionElement.text && (option.value == selectedOptionElement.value || option.value == index);
+                            })
+                                .pop();
+                            !disabled && makeSelection(e, selectedOption);
+                        }, children: [!selection && clearSelection && (_jsx("option", { className: "ss__select__select__option", selected: true, value: "", children: clearSelection })), options.map((option, index) => (_jsx("option", { className: "ss__select__select__option", selected: selection?.value === option.value, value: option.value ?? index, children: option.label })))] }), !hideIcon && (_jsx(Icon, { ...subProps.icon, name: 'open', ...(typeof iconOpen == 'string' ? { icon: iconOpen } : iconOpen) }))] })) : (_jsx(Dropdown, { ...subProps.dropdown, disableClickOutside: disableClickOutside, open: open, onToggle: (e, state) => setOpen((prev) => state ?? !prev), onClick: () => setOpen((prev) => !prev), disableA11y: true, button: _jsxs(Button, { ...subProps.button, children: [(label || lang.buttonLabel.value) && !hideLabelOnSelection && !hideLabel && (_jsxs("span", { className: "ss__select__label", ...mergedLang.buttonLabel.attributes, children: [_jsx("label", { ...mergedLang.buttonLabel.value }), separator && selection && _jsx("span", { className: "ss__select__label__separator", children: separator })] })), selection && !hideSelection && (_jsxs(_Fragment, { children: [selection.icon && !hideOptionIcons && (_jsx(Icon, { ...subProps.icon, className: "ss__select__selection__icon", name: 'selection', ...(typeof selection.icon == 'string' ? { icon: selection.icon } : selection.icon) })), !hideOptionLabels && _jsx("span", { className: "ss__select__selection", children: selection?.label })] })), !hideIcon && (_jsx(Icon, { ...subProps.icon, name: open ? 'open' : 'close', ...(open
+                                ? { ...(typeof iconClose == 'string' ? { icon: iconClose } : iconClose) }
+                                : { ...(typeof iconOpen == 'string' ? { icon: iconOpen } : iconOpen) }) }))] }), children: _jsx("ul", { className: "ss__select__select", role: "listbox", "aria-label": typeof label == 'string' ? label : '', ref: (e) => useA11y(e, -1, true, () => setOpen(false)), children: options.map((option) => (_jsxs("li", { ref: (e) => useA11y(e), "aria-disabled": option.disabled, title: option.label, className: classnames('ss__select__select__option', {
+                            'ss__select__select__option--selected': selection?.value === option.value,
+                        }), onClick: (e) => !disabled && makeSelection(e, option), role: "option", "aria-selected": selection?.value === option.value, children: [option.icon && !hideOptionIcons && (_jsx(Icon, { ...subProps.icon, name: 'option', className: "ss__select__select__option__icon", treePath: `${treePath} dropdown`, ...(typeof option.icon == 'string' ? { icon: option.icon } : option.icon) })), !hideOptionLabels && _jsx("span", { children: option.label })] }))) }) })) }) })) : null;
+});

package/dist/esm/components/src/components/Molecules/Select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/components/Molecules/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/src/components/Molecules/Select/index.js

@@ -0,0 +1 @@
+export * from './Select';

package/dist/esm/components/src/components/Molecules/Slideout/Slideout.d.ts

@@ -0,0 +1,21 @@
+import { ComponentChildren } from 'preact';
+import { ComponentProps } from '../../../types';
+export declare const Slideout: ((properties: SlideoutProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type SlideoutProps = SlideoutTemplatesLegalProps & ComponentProps<SlideoutProps>;
+export type SlideoutTemplatesLegalProps = {
+    buttonContent?: string | JSX.Element;
+    children?: ComponentChildren;
+    active?: boolean;
+    noButtonWrapper?: boolean;
+    width?: string;
+    displayAt?: string;
+    transitionSpeed?: string;
+    overlayColor?: string;
+    slideDirection?: SlideDirectionType;
+    rerender?: boolean;
+    buttonSelector?: string | Element;
+};
+export type SlideDirectionType = 'top' | 'right' | 'bottom' | 'left';
+//# sourceMappingURL=Slideout.d.ts.map

package/dist/esm/components/src/components/Molecules/Slideout/Slideout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAS9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA+B7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAwHzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}

package/dist/esm/components/src/components/Molecules/Slideout/Slideout.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useState, useEffect } from 'preact/hooks';
+import { observer } from 'mobx-react-lite';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { defined, cloneWithProps, mergeProps, mergeStyles } from '../../../utilities';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { useMediaQuery } from '../../../hooks';
+import { Overlay } from '../../Atoms/Overlay';
+const defaultStyles = ({ slideDirection, transitionSpeed, width }) => {
+    return css({
+        display: 'block',
+        position: 'fixed',
+        transition: `${slideDirection ? slideDirection : 'left'} ${transitionSpeed}`,
+        left: slideDirection == 'left' ? `-${width}` : slideDirection != 'right' ? '0' : 'initial',
+        right: slideDirection == 'right' ? `-${width}` : 'initial',
+        bottom: slideDirection == 'bottom' ? `-100vh` : 'initial',
+        top: slideDirection == 'top' ? `-100vh` : slideDirection == 'bottom' ? 'initial' : '0',
+        height: '100%',
+        zIndex: '10004',
+        width: width?.endsWith('%') && parseInt(width.split('%')[0]) > 90 ? width : '90%',
+        maxWidth: width,
+        padding: '10px',
+        background: '#fff',
+        boxSizing: 'border-box',
+        overflowY: 'auto',
+        '&.ss__slideout--active': {
+            left: slideDirection == 'left' ? '0' : slideDirection != 'right' ? '0' : 'initial',
+            right: slideDirection == 'right' ? '0' : 'initial',
+            bottom: slideDirection == 'bottom' ? '0' : 'initial',
+            top: slideDirection == 'top' ? '0' : slideDirection == 'bottom' ? 'initial' : '0',
+        },
+    });
+};
+export const Slideout = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        active: false,
+        displayAt: '',
+        slideDirection: 'left',
+        width: '300px',
+        overlayColor: 'rgba(0,0,0,0.8)',
+        transitionSpeed: '0.25s',
+        treePath: globalTreePath,
+        rerender: true,
+    };
+    const props = mergeProps('slideout', globalTheme, defaultProps, properties);
+    const { children, active, rerender, buttonContent, buttonSelector, noButtonWrapper, displayAt, transitionSpeed, overlayColor, disableStyles, className, internalClassName, treePath, } = props;
+    const subProps = {
+        overlay: {
+            // default props
+            internalClassName: 'ss__slideout__overlay',
+            // inherited props
+            ...defined({
+                disableStyles,
+                color: overlayColor,
+                transitionSpeed,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+    };
+    // state
+    const [isActive, setActive] = useState(Boolean(active));
+    const [renderContent, setRenderContent] = useState(Boolean(active));
+    const toggleActive = () => {
+        if (isActive) {
+            setActive(false);
+            if (rerender) {
+                setTimeout(() => {
+                    setRenderContent(false);
+                }, 250);
+            }
+        }
+        else {
+            setActive(true);
+            setRenderContent(true);
+        }
+        document.body.style.overflow = isActive ? 'hidden' : '';
+    };
+    //this is used to update active state if active prop is changed from parent component.
+    useEffect(() => {
+        setRenderContent(Boolean(active));
+        if (isActive !== active) {
+            setActive(Boolean(active));
+        }
+    }, [active]);
+    const isVisible = useMediaQuery(displayAt, () => {
+        document.body.style.overflow = '';
+    });
+    document.body.style.overflow = isVisible && isActive ? 'hidden' : '';
+    const styling = mergeStyles(props, defaultStyles);
+    useEffect(() => {
+        if (buttonSelector) {
+            let button;
+            if (typeof buttonSelector == 'string') {
+                button = document.querySelector(buttonSelector);
+            }
+            else {
+                button = buttonSelector;
+            }
+            if (button) {
+                button.addEventListener('click', () => toggleActive());
+            }
+        }
+    }, []);
+    return isVisible || !rerender ? (_jsxs(CacheProvider, { children: [buttonContent &&
+                (noButtonWrapper ? (cloneWithProps(buttonContent, { toggleActive, active: isActive, treePath })) : (_jsx("div", { className: "ss__slideout__button", onClick: () => toggleActive(), children: cloneWithProps(buttonContent, { active: isActive, treePath }) }))), _jsx("div", { className: classnames('ss__slideout', className, internalClassName, { 'ss__slideout--active': isActive }), style: { visibility: !rerender ? (isVisible ? 'visible' : 'hidden') : 'visible' }, ...styling, children: renderContent && cloneWithProps(children, { toggleActive, active: isActive, treePath }) }), _jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: toggleActive })] })) : null;
+});

package/dist/esm/components/src/components/Molecules/Slideout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Slideout';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/components/Molecules/Slideout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Slideout/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/components/src/components/Molecules/Slideout/index.js

@@ -0,0 +1 @@
+export * from './Slideout';

package/dist/esm/components/src/components/Molecules/Slideshow/Slideshow.d.ts

@@ -0,0 +1,64 @@
+import { ComponentProps } from '../../../types';
+import { Lang } from '../../../hooks';
+import { LangAttributes } from '../../../hooks/useLang';
+export declare function Slideshow(properties: SlideshowProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export interface SlideshowLang {
+    pauseButton: Lang<{
+        isPlaying: boolean;
+        isNextDisabled: boolean;
+        isPrevDisabled: boolean;
+    }>;
+    paginationButton: LangAttributes<{
+        index: number;
+        totalDots: number;
+    }>;
+    nextButton: Lang<{
+        isPlaying: boolean;
+        isNextDisabled: boolean;
+        isPrevDisabled: boolean;
+    }>;
+    prevButton: Lang<{
+        isPlaying: boolean;
+        isNextDisabled: boolean;
+        isPrevDisabled: boolean;
+    }>;
+    slide: LangAttributes<{
+        hasClickHandler: boolean;
+        imageAlt: string;
+        index: number;
+        slidesLength: number;
+    }>;
+    srInstructions: Lang<{
+        touchDragging: boolean;
+    }>;
+}
+export interface SlideshowSlide {
+    src?: string;
+    alt?: string;
+    onClick?: (slide: SlideshowSlide, index: number) => void;
+    content?: JSX.Element;
+}
+export type SlideshowProps = {
+    lang?: Partial<SlideshowLang>;
+} & SlideshowTemplatesLegalProps & ComponentProps<SlideshowProps>;
+export type SlideshowTemplatesLegalProps = {
+    slides: (string | SlideshowSlide)[];
+    fallbackImage?: string;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    showNavigation?: boolean;
+    overlayNavigation?: boolean;
+    alwaysShowNavigation?: boolean;
+    centerInsufficientSlides?: boolean;
+    showPagination?: boolean;
+    loop?: boolean;
+    slidesToShow?: number;
+    slidesToMove?: number;
+    gap?: number;
+    slideImageAlt?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    touchDragging?: boolean;
+    dragThreshold?: number;
+};
+//# sourceMappingURL=Slideshow.d.ts.map

package/dist/esm/components/src/components/Molecules/Slideshow/Slideshow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slideshow.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Slideshow/Slideshow.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAqJxD,wBAAgB,SAAS,CAAC,UAAU,EAAE,cAAc,oDAsmBnD;AAED,MAAM,WAAW,aAAa;IAC7B,WAAW,EAAE,IAAI,CAAC;QACjB,SAAS,EAAE,OAAO,CAAC;QACnB,cAAc,EAAE,OAAO,CAAC;QACxB,cAAc,EAAE,OAAO,CAAC;KACxB,CAAC,CAAC;IACH,gBAAgB,EAAE,cAAc,CAAC;QAChC,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,UAAU,EAAE,IAAI,CAAC;QAChB,SAAS,EAAE,OAAO,CAAC;QACnB,cAAc,EAAE,OAAO,CAAC;QACxB,cAAc,EAAE,OAAO,CAAC;KACxB,CAAC,CAAC;IACH,UAAU,EAAE,IAAI,CAAC;QAChB,SAAS,EAAE,OAAO,CAAC;QACnB,cAAc,EAAE,OAAO,CAAC;QACxB,cAAc,EAAE,OAAO,CAAC;KACxB,CAAC,CAAC;IACH,KAAK,EAAE,cAAc,CAAC;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;IACH,cAAc,EAAE,IAAI,CAAC;QACpB,aAAa,EAAE,OAAO,CAAC;KACvB,CAAC,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAC9B,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,MAAM,EAAE,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}