@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,106 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useState } from 'preact/hooks';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { Icon } from '../../Atoms/Icon';
+import { useA11y } from '../../../hooks/useA11y';
+import { useLang } from '../../../hooks';
+import deepmerge from 'deepmerge';
+const defaultStyles = ({ size, native }) => {
+    if (!native) {
+        return css({
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: size,
+            width: size,
+            cursor: 'pointer',
+            '&.ss__radio--disabled': {
+                opacity: 0.3,
+                cursor: 'default',
+            },
+        });
+    }
+    else {
+        return css({});
+    }
+};
+export const Radio = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        size: '20px',
+        startChecked: false,
+        disableA11y: false,
+        checkedIcon: 'bullet',
+        unCheckedIcon: 'bullet-o',
+        color: globalTheme.variables?.colors.primary || '#000000',
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('radio', globalTheme, defaultProps, properties);
+    const { checked, color, disabled, checkedIcon, unCheckedIcon, onClick, startChecked, native, disableA11y, disableStyles, className, internalClassName, size, treePath, lang, style: _, styleScript: __, themeStyleScript: ___, name: ____, ...additionalProps } = props;
+    const subProps = {
+        activeIcon: {
+            name: 'active',
+            // default props
+            internalClassName: 'ss__radio__icon',
+            // inherited props
+            ...defined({
+                size,
+                color,
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath,
+        },
+        inactiveIcon: {
+            name: 'inactive',
+            // default props
+            internalClassName: 'ss__radio__icon',
+            // inherited props
+            ...defined({
+                size,
+                color,
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath,
+        },
+    };
+    let checkedState, setCheckedState;
+    const stateful = checked === undefined;
+    if (stateful) {
+        [checkedState, setCheckedState] = useState(startChecked);
+    }
+    else {
+        checkedState = checked;
+    }
+    const clickFunc = (e) => {
+        if (!disabled) {
+            if (stateful) {
+                setCheckedState &&
+                    setCheckedState((prev) => {
+                        return !prev;
+                    });
+            }
+            onClick && onClick(e);
+        }
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    //initialize lang
+    const defaultLang = {
+        radio: {},
+    };
+    //deep merge with props.lang
+    const _lang = deepmerge(defaultLang, lang || {});
+    const mergedLang = useLang(_lang, {
+        disabled,
+        checkedState,
+    });
+    return (_jsx(CacheProvider, { children: native ? (_jsx("div", { className: classnames('ss__radio', 'ss__radio--native', { 'ss__radio--disabled': disabled }, className, internalClassName), ...styling, children: _jsx("input", { className: classnames('ss__radio__input'), "aria-checked": checkedState, type: "radio", onClick: (e) => clickFunc(e), disabled: disabled, checked: checkedState, tabIndex: !disableA11y ? 0 : -1 }) })) : (_jsx("span", { ...styling, className: classnames('ss__radio', { 'ss__radio--disabled': disabled, 'ss__radio--active': checkedState }, className, internalClassName), onClick: (e) => clickFunc(e), ref: (e) => (!disableA11y ? useA11y(e) : null), ...mergedLang.radio?.all, role: "radio", "aria-checked": checkedState, "aria-disabled": disabled, ...additionalProps, children: checkedState ? (_jsx(Icon, { ...subProps.activeIcon, ...(typeof checkedIcon == 'string' ? { icon: checkedIcon } : checkedIcon) })) : (_jsx(Icon, { ...subProps.inactiveIcon, ...(typeof unCheckedIcon == 'string' ? { icon: unCheckedIcon } : unCheckedIcon) })) })) }));
+});

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { ComponentProps, ListOption } from '../../../types';
+import { Lang } from '../../../hooks';
+export declare function RadioList(properties: RadioListProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export type RadioListProps = {
+    lang?: Partial<RadioListLang>;
+} & RadioListTemplatesLegalProps & ComponentProps<RadioListProps>;
+export type RadioListTemplatesLegalProps = {
+    options: ListOption[];
+    native?: boolean;
+    hideOptionRadios?: boolean;
+    hideOptionLabels?: boolean;
+    hideOptionIcons?: boolean;
+    onSelect?: (e: React.MouseEvent<HTMLElement>, option: ListOption) => void;
+    titleText?: string;
+    hideTitleText?: boolean;
+    horizontal?: boolean;
+    disabled?: boolean;
+    selected?: ListOption;
+};
+export interface RadioListLang {
+    title?: Lang<{
+        options: ListOption[];
+        selectedOptions: ListOption[];
+    }>;
+}
+//# sourceMappingURL=RadioList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioList.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/RadioList/RadioList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAIzE,OAAO,EAAE,IAAI,EAAoB,MAAM,gBAAgB,CAAC;AA+CxD,wBAAgB,SAAS,CAAC,UAAU,EAAE,cAAc,2DA0InD;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,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAC;QACZ,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,eAAe,EAAE,UAAU,EAAE,CAAC;KAC9B,CAAC,CAAC;CACH"}

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

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { useState } from 'react';
+import { Radio } from '../Radio/Radio';
+import { useA11y, useLang } from '../../../hooks';
+import { Icon } from '../../Atoms/Icon';
+import deepmerge from 'deepmerge';
+const defaultStyles = ({ horizontal }) => {
+    return css({
+        '& .ss__radio-list__options-wrapper': {
+            display: 'flex',
+            flexDirection: horizontal ? 'row' : 'column',
+            alignItems: horizontal ? 'center' : undefined,
+            justifyItems: 'flex-start',
+            border: 'none',
+            listStyle: 'none',
+            padding: '0px',
+            margin: '0px',
+        },
+        '.ss__radio-list__title': {
+            margin: '0px',
+            padding: '5px',
+        },
+        '.ss__radio-list__option': {
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            padding: '5px',
+            '& .ss__radio-list__option__label, .ss__radio-list__option__icon': {
+                cursor: 'pointer',
+                padding: '0px 0px 0px 5px',
+            },
+        },
+        '&.ss__radio-list--disabled, .ss__radio-list__option--disabled': {
+            cursor: 'none',
+            pointerEvents: 'none',
+            opacity: 0.5,
+        },
+        '.ss__radio-list__option--selected': {
+            fontWeight: 'bold',
+        },
+    });
+};
+export function RadioList(properties) {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('radioList', globalTheme, defaultProps, properties);
+    const { titleText, onSelect, hideOptionRadios, hideOptionIcons, hideOptionLabels, hideTitleText, native, disabled, selected, options, disableStyles, className, internalClassName, treePath, } = props;
+    const subProps = {
+        Radio: {
+            internalClassName: 'ss__radio-list__option__radio',
+            native: native,
+            disableA11y: true,
+            disabled: disabled,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+        Icon: {
+            internalClassName: 'ss__radio-list__option__icon',
+            size: '16px',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+    };
+    const styling = mergeStyles(props, defaultStyles);
+    // 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
+    }
+    const makeSelection = (e, option) => {
+        if (onSelect) {
+            onSelect(e, option);
+        }
+        setSelection(option);
+    };
+    //initialize lang
+    const defaultLang = {};
+    //deep merge with props.lang
+    const lang = deepmerge(defaultLang, props.lang || {});
+    const mergedLang = useLang(lang, {
+        options,
+        selectedOptions: selection,
+    });
+    return typeof options == 'object' && options?.length ? (_jsx(CacheProvider, { children: _jsxs("div", { ...styling, className: classnames('ss__radio-list', { 'ss__radio-list--native': native, 'ss__radio-list--disabled': disabled }, className, internalClassName), children: [(titleText || lang?.title?.value) && !hideTitleText && (_jsx("h5", { className: "ss__radio-list__title", ...mergedLang.title?.all, children: titleText })), _jsx("ul", { className: `ss__radio-list__options-wrapper`, role: "listbox", "aria-label": titleText, children: options.map((option) => {
+                        const selected = selection && selection.value == option.value;
+                        return (_jsxs("li", { className: `ss__radio-list__option ${selected ? 'ss__radio-list__option--selected' : ''} ${option.disabled ? 'ss__radio-list__option--disabled' : ''}`, ref: (e) => useA11y(e), onClick: (e) => !disabled && makeSelection(e, option), title: option.label, role: "option", "aria-selected": selected, children: [!hideOptionRadios && _jsx(Radio, { ...subProps.Radio, checked: selected, disableA11y: true }), option.icon && !hideOptionIcons && (_jsx(Icon, { ...subProps.Icon, ...(typeof option.icon == 'string' ? { icon: option.icon } : option.icon) })), !hideOptionLabels && (option.label || !option.icon) && (_jsx("label", { className: "ss__radio-list__option__label", children: option.label || option.value }))] }));
+                    }) })] }) })) : null;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { ComponentProps } from '../../../types';
+import { IconProps, IconType } from '../../Atoms/Icon';
+export declare const Rating: ((properties: RatingProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export type RatingProps = RatingTemplatesLegalProps & ComponentProps<RatingProps>;
+export type RatingTemplatesLegalProps = {
+    value: number;
+    count?: number;
+    text?: string;
+    alwaysRender?: boolean;
+    disablePartialFill?: boolean;
+    fullIcon?: IconType | Partial<IconProps>;
+    emptyIcon?: IconType | Partial<IconProps>;
+};
+//# sourceMappingURL=Rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Rating/Rating.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsC7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAyFrD,CAAC;AAOH,MAAM,MAAM,WAAW,GAAG,yBAAyB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAElF,MAAM,MAAM,yBAAyB,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;CAC1C,CAAC"}

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

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+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 { Icon } from '../../Atoms/Icon';
+const defaultStyles = () => {
+    return css({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        '& .ss__rating__icons': {
+            position: 'relative',
+        },
+        '& .ss__rating__stars': {
+            width: '100%',
+            display: 'inline-grid',
+            gridTemplateColumns: '20% 20% 20% 20% 20%',
+            '&.ss__rating__stars--full': {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+            },
+            '&.ss__rating__stars--empty': {
+                position: 'relative',
+            },
+        },
+        '& .ss__rating__stars__star': {
+            overflow: 'hidden',
+        },
+        '& .ss__icon': {
+            maxWidth: 'max-content',
+        },
+    });
+};
+export const Rating = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        fullIcon: 'star',
+        emptyIcon: 'star-o',
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('rating', globalTheme, defaultProps, properties);
+    const { alwaysRender, count, text, disablePartialFill, emptyIcon, fullIcon, disableStyles, className, internalClassName, treePath } = props;
+    const subProps = {
+        fullIcon: {
+            name: 'star--full',
+            // default props
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+        emptyIcon: {
+            name: 'star--empty',
+            // default props
+            color: '#ccc',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+    };
+    // normalize values to ensure good rendering
+    let value = props.value;
+    if (isNaN(value)) {
+        value = Number(value) || 0;
+    }
+    if (value < 0) {
+        value = 0;
+    }
+    if (value > 5) {
+        value = 5;
+    }
+    const styling = mergeStyles(props, defaultStyles);
+    // with 'disablePartialFill' we are rounding down
+    const numStarsToShow = disablePartialFill ? Math.floor(value) : Math.ceil(value);
+    return alwaysRender || value || count ? (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__rating', className, internalClassName), ...styling, children: [_jsxs("div", { className: "ss__rating__icons", children: [_jsx("div", { className: "ss__rating__stars ss__rating__stars--empty", children: [...Array(5)].map(() => (_jsx("span", { className: "ss__rating__stars__star ss__rating__stars__star--empty", children: _jsx(Icon, { ...subProps.emptyIcon, ...(typeof emptyIcon == 'string' ? { icon: emptyIcon } : emptyIcon) }) }))) }), _jsx("div", { className: "ss__rating__stars ss__rating__stars--full", children: [...Array(numStarsToShow)].map((e, i) => {
+                                let width = 100;
+                                //if its the last star and there is remainder
+                                if (i + 1 == numStarsToShow && !disablePartialFill && value % 1 != 0) {
+                                    width = (value % 1 || 1) * 100;
+                                }
+                                return (_jsx("span", { className: "ss__rating__stars__star ss__rating__stars__star--full", style: { width: `${width}%` }, children: _jsx(Icon, { ...subProps.fullIcon, ...(typeof fullIcon == 'string' ? { icon: fullIcon } : fullIcon) }) }));
+                            }) })] }), count ? _jsxs("span", { className: "ss__rating__count", children: ["(", count, ")"] }) : _jsx(_Fragment, {}), text ? _jsx("span", { className: "ss__rating__text", children: text }) : _jsx(_Fragment, {})] }) })) : null;
+});

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

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

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { MutableRef } from 'preact/hooks';
+import { ComponentProps, ResultsLayout } from '../../../types';
+import type { SearchController, AutocompleteController, RecommendationController } from '@athoscommerce/snap-controller';
+import type { Product } from '@athoscommerce/snap-store-mobx';
+import { Lang } from '../../../hooks';
+export declare const Result: ((properties: ResultProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export interface TruncateTitleProps {
+    limit: number;
+    append?: string;
+}
+export type ResultProps = {
+    result: Product;
+    controller?: SearchController | AutocompleteController | RecommendationController;
+    lang?: Partial<ResultLang>;
+    trackingRef?: MutableRef<HTMLElement | null>;
+} & ResultTemplatesLegalProps & ComponentProps<ResultProps>;
+export type ResultTemplatesLegalProps = {
+    hideBadge?: boolean;
+    hideTitle?: boolean;
+    hideImage?: boolean;
+    hidePricing?: boolean;
+    hideRating?: boolean;
+    hideVariantSelections?: boolean;
+    hideAddToCartButton?: boolean;
+    addToCartButtonText?: string;
+    onAddToCartClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, result: Product) => void;
+    addToCartButtonSuccessText?: string;
+    addToCartButtonSuccessTimeout?: number;
+    detailSlot?: JSX.Element | JSX.Element[];
+    fallback?: string;
+    layout?: keyof typeof ResultsLayout | ResultsLayout;
+    truncateTitle?: TruncateTitleProps;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, Event>) => void;
+};
+export interface ResultLang {
+    addToCartButtonText: Lang<ResultPropData>;
+    addToCartButtonSuccessText: Lang<ResultPropData>;
+}
+interface ResultPropData {
+    result: Product;
+    controller?: SearchController | AutocompleteController | RecommendationController;
+}
+export type ResultNames = 'seed';
+export {};
+//# sourceMappingURL=Result.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Result.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/Result/Result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAUpD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAG5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AAyD/C,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAwPrD,CAAC;AAWH,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,OAAO,aAAa,GAAG,aAAa,CAAC;IACpD,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1C,0BAA0B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC"}