@searchspring/snap-preact-components 0.20.0

package/dist/cjs/components/Organisms/Recommendation/Recommendation.js

@@ -0,0 +1,168 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Recommendation = void 0;
+var hooks_1 = require("preact/hooks");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var Carousel_1 = require("../../Molecules/Carousel");
+var Result_1 = require("../../Molecules/Result");
+var utilities_1 = require("../../../utilities");
+var providers_1 = require("../../../providers");
+var hooks_2 = require("../../../hooks");
+var CSS = {
+    recommendation: function (_a) {
+        var vertical = _a.vertical;
+        return (0, react_1.css)({
+            height: vertical ? '100%' : null,
+            '.ss__result__image-wrapper': {
+                height: vertical ? '85%' : null,
+            },
+        });
+    },
+};
+var defaultRecommendationBreakpoints = {
+    0: {
+        slidesPerView: 1,
+        slidesPerGroup: 1,
+        spaceBetween: 0,
+    },
+    480: {
+        slidesPerView: 2,
+        slidesPerGroup: 2,
+        spaceBetween: 10,
+    },
+    768: {
+        slidesPerView: 3,
+        slidesPerGroup: 3,
+        spaceBetween: 10,
+    },
+    1024: {
+        slidesPerView: 4,
+        slidesPerGroup: 4,
+        spaceBetween: 10,
+    },
+    1200: {
+        slidesPerView: 5,
+        slidesPerGroup: 5,
+        spaceBetween: 10,
+    },
+};
+var defaultVerticalRecommendationBreakpoints = {
+    0: {
+        slidesPerView: 1,
+        slidesPerGroup: 1,
+        spaceBetween: 0,
+    },
+};
+exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        breakpoints: properties.vertical ? defaultVerticalRecommendationBreakpoints : defaultRecommendationBreakpoints, pagination: false, loop: true }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.recommendation), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.recommendation);
+    var title = props.title, controller = props.controller, children = props.children, breakpoints = props.breakpoints, loop = props.loop, pagination = props.pagination, nextButton = props.nextButton, prevButton = props.prevButton, hideButtons = props.hideButtons, disableStyles = props.disableStyles, style = props.style, className = props.className, vertical = props.vertical, additionalProps = __rest(props, ["title", "controller", "children", "breakpoints", "loop", "pagination", "nextButton", "prevButton", "hideButtons", "disableStyles", "style", "className", "vertical"]);
+    if (!controller || controller.type !== 'recommendation') {
+        throw new Error("<Recommendation> Component requires 'controller' prop with an instance of RecommendationController");
+    }
+    if (children && children.length !== controller.store.results.length) {
+        controller.log.error("<Recommendation> Component received invalid number of children");
+        return;
+    }
+    var results = (_d = controller.store) === null || _d === void 0 ? void 0 : _d.results;
+    var subProps = {
+        carousel: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__recommendation__Carousel' }, (_e = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _e === void 0 ? void 0 : _e.carousel), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+            vertical: vertical,
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+        result: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__recommendation__result' }, (_f = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _f === void 0 ? void 0 : _f.result), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+    };
+    var rootComponentRef = (0, hooks_1.useRef)(null);
+    var _j = (0, hooks_1.useState)([0, 0]), initialIndexes = _j[0], setInitialIndexes = _j[1];
+    var inViewport = (0, hooks_2.useIntersection)(rootComponentRef, '0px', true);
+    var sendProductImpression = function (index, count) {
+        if (!inViewport)
+            return;
+        var resultLoopCount = [index, index + count];
+        var resultLoopOverCount;
+        if (index + count > results.length - 1) {
+            resultLoopCount = [index];
+            resultLoopOverCount = [0, index + count - results.length];
+        }
+        var resultsImpressions = results.slice.apply(results, resultLoopCount);
+        if (resultLoopOverCount) {
+            resultsImpressions = resultsImpressions.concat(results.slice.apply(results, resultLoopOverCount));
+        }
+        resultsImpressions.map(function (result) {
+            controller.track.product.impression(result);
+        });
+    };
+    if (inViewport) {
+        controller.track.impression();
+        sendProductImpression(initialIndexes[0], initialIndexes[1]);
+    }
+    (children || results.length) && ((_h = (_g = controller) === null || _g === void 0 ? void 0 : _g.track) === null || _h === void 0 ? void 0 : _h.render());
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.recommendation({ vertical: vertical }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return ((children || (results === null || results === void 0 ? void 0 : results.length)) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({ ref: rootComponentRef }, styling, { className: (0, classnames_1.default)('ss__recommendation', className) }),
+            title && (0, react_1.jsx)("h3", { className: "ss__recommendation__title" }, title),
+            (0, react_1.jsx)(Carousel_1.Carousel, __assign({ onInit: function (swiper) {
+                    //@ts-ignore
+                    setInitialIndexes([swiper.realIndex, swiper.loopedSlides]);
+                }, onBreakpoint: function (swiper) {
+                    //@ts-ignore
+                    sendProductImpression(swiper.realIndex, swiper.loopedSlides);
+                }, onSlideChange: function (swiper) {
+                    //@ts-ignore
+                    sendProductImpression(swiper.realIndex, swiper.loopedSlides);
+                }, prevButton: prevButton, nextButton: nextButton, hideButtons: hideButtons, onNextButtonClick: function (e) { return controller.track.click(e); }, onPrevButtonClick: function (e) { return controller.track.click(e); }, onClick: function (swiper, e) {
+                    var clickedIndex = swiper.realIndex + (swiper.clickedIndex - swiper.activeIndex);
+                    controller.track.click(e);
+                    if (!Number.isNaN(clickedIndex)) {
+                        controller.track.product.click(e, results[clickedIndex]);
+                    }
+                }, loop: loop, breakpoints: breakpoints, pagination: pagination }, subProps.carousel, additionalProps), children
+                ? children.map(function (child) { return child; })
+                : results.map(function (result) { return (0, react_1.jsx)(Result_1.Result, __assign({ controller: controller, result: result }, subProps.result)); }))))));
+});

package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts

@@ -0,0 +1,204 @@
+/// <reference types="react" />
+import { h } from 'preact';
+declare const _default: {
+    title: string;
+    component: ((properties: import("./Recommendation").RecommendationProps) => JSX.Element) & {
+        displayName: string;
+    };
+    parameters: {
+        docs: {
+            page: () => h.JSX.Element;
+        };
+    };
+    decorators: ((Story: any) => h.JSX.Element)[];
+    argTypes: {
+        className: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        disableStyles: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        style: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        theme: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        controller: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        title: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        loop: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        pagination: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        vertical: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        hideButtons: {
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        prevButton: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        nextButton: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        breakpoints: {
+            defaultValue: any;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    (props: any, { loaded: { controller } }: {
+        loaded: {
+            controller: any;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: import("@searchspring/snap-controller").RecommendationController;
+    }>)[];
+};
+//# sourceMappingURL=Recommendation.stories.d.ts.map

package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Recommendation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU3B,wBAyHE;AAGF,eAAO,MAAM,OAAO;;;;;;;;;CAEnB,CAAC"}

package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.js

@@ -0,0 +1,198 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var preact_1 = require("preact");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var Recommendation_1 = require("./Recommendation");
+var utilities_1 = require("../../../utilities");
+var snapify_1 = require("../../../utilities/snapify");
+var readme_md_1 = __importDefault(require("./readme.md"));
+exports.default = {
+    title: "Organisms/Recommendation",
+    component: Recommendation_1.Recommendation,
+    parameters: {
+        docs: {
+            page: function () { return ((0, preact_1.h)("div", null,
+                (0, preact_1.h)(readme_md_1.default, null),
+                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
+        },
+    },
+    decorators: [
+        function (Story) { return ((0, preact_1.h)("div", { style: {
+                maxWidth: '900px',
+                height: '500px',
+            } },
+            (0, preact_1.h)(Story, null))); },
+    ],
+    argTypes: __assign({ controller: {
+            description: 'Controller reference',
+            type: { required: true },
+            table: {
+                type: {
+                    summary: 'Controller',
+                },
+            },
+            control: { type: 'none' },
+        }, title: {
+            description: 'Recommendation title',
+            table: {
+                type: {
+                    summary: 'string | JSX Element',
+                },
+                defaultValue: { summary: '' },
+            },
+            control: { type: 'text' },
+        }, loop: {
+            defaultValue: true,
+            description: 'Recommendation pagination loops',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: true },
+            },
+            control: { type: 'boolean' },
+        }, pagination: {
+            defaultValue: false,
+            description: 'Display pagination dots',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, vertical: {
+            defaultValue: false,
+            description: 'Recommendation carousel direction',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, hideButtons: {
+            defaultValue: false,
+            description: 'Hide prev/next buttons',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, prevButton: {
+            description: 'Previous button',
+            table: {
+                type: {
+                    summary: 'string | JSX Element',
+                },
+            },
+            control: { type: 'text' },
+        }, nextButton: {
+            description: 'Next button',
+            table: {
+                type: {
+                    summary: 'string | JSX Element',
+                },
+            },
+            control: { type: 'text' },
+        }, breakpoints: {
+            defaultValue: undefined,
+            description: 'Recommendation title',
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                defaultValue: { summary: 'Breakpoint object' },
+            },
+            control: { type: 'object' },
+        } }, utilities_1.componentArgs),
+};
+var snapInstance = snapify_1.Snapify.recommendation({ id: 'Recommendation', tag: 'trending', globals: { siteId: '8uyt2m' } });
+var Default = function (props, _a) {
+    var controller = _a.loaded.controller;
+    return (0, preact_1.h)(Recommendation_1.Recommendation, __assign({}, props, { controller: controller }));
+};
+exports.Default = Default;
+exports.Default.loaders = [
+    function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    snapInstance.on('afterStore', function (_a, next) {
+                        var controller = _a.controller;
+                        return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        controller.store.results.forEach(function (result) { return (result.mappings.core.url = 'javascript:void(0);'); });
+                                        return [4 /*yield*/, next()];
+                                    case 1:
+                                        _b.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        });
+                    });
+                    return [4 /*yield*/, snapInstance.search()];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, {
+                            controller: snapInstance,
+                        }];
+            }
+        });
+    }); },
+];

package/dist/cjs/components/Organisms/Recommendation/index.d.ts

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

package/dist/cjs/components/Organisms/Recommendation/index.d.ts.map

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

package/dist/cjs/components/Organisms/Recommendation/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Recommendation"), exports);

package/dist/cjs/components/Organisms/Results/Results.d.ts

@@ -0,0 +1,21 @@
+import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
+import { ComponentProps, Result as ResultType, LayoutType, InlineBannerContent } from '../../../types';
+export declare const Results: ((properties: ResultsProp) => JSX.Element) & {
+    displayName: string;
+};
+export interface ResultsProp extends ComponentProps {
+    results?: ResultType[] | InlineBannerContent[];
+    columns?: number;
+    rows?: number;
+    gapSize?: string;
+    layout?: LayoutType;
+    breakpoints?: BreakpointsProps;
+    controller?: SearchController | AutocompleteController | RecommendationController;
+}
+export declare type BreakpointsProps = {
+    [key: number]: BreakpointsEntry;
+};
+export declare type BreakpointsEntry = {
+    [property: string]: any;
+};
+//# sourceMappingURL=Results.d.ts.map

package/dist/cjs/components/Organisms/Results/Results.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAIxH,OAAO,EAAE,cAAc,EAAU,MAAM,IAAI,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAc,MAAM,gBAAgB,CAAC;AAsD3H,eAAO,MAAM,OAAO,gBAAyB,WAAW,KAAG,WAAW;;CAoFpE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF;AAED,oBAAY,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC"}