@searchspring/snap-preact-components 0.20.0

package/dist/cjs/components/Atoms/FormattedNumber/FormattedNumber.stories.js

@@ -0,0 +1,129 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Length = exports.Temperature = exports.Default = void 0;
+var preact_1 = require("preact");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var FormattedNumber_1 = require("./FormattedNumber");
+var utilities_1 = require("../../../utilities");
+var readme_md_1 = __importDefault(require("../FormattedNumber/readme.md"));
+exports.default = {
+    title: "Atoms/FormattedNumber",
+    component: FormattedNumber_1.FormattedNumber,
+    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 }))); },
+        },
+    },
+    argTypes: __assign({ value: {
+            description: 'Numeric value to be formatted',
+            type: { required: true },
+            table: {
+                type: {
+                    summary: 'number',
+                },
+            },
+            control: { type: 'number' },
+        }, symbol: {
+            defaultValue: '',
+            description: 'Unit symbol',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+            },
+            control: { type: 'text' },
+        }, symbolAfter: {
+            defaultValue: true,
+            description: 'Place unit symbol after the value',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: true },
+            },
+            control: { type: 'boolean' },
+        }, decimalPlaces: {
+            defaultValue: 3,
+            description: 'Number of decimal places',
+            table: {
+                type: {
+                    summary: 'number',
+                },
+                defaultValue: { summary: 3 },
+            },
+            control: { type: 'number' },
+        }, padDecimalPlaces: {
+            defaultValue: true,
+            description: 'Pad decimal places with zeros',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: true },
+            },
+            control: { type: 'boolean' },
+        }, thousandsSeparator: {
+            defaultValue: '',
+            description: 'Character used to separate thousands',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '' },
+            },
+            control: { type: 'text' },
+        }, decimalSeparator: {
+            defaultValue: '.',
+            description: 'Character used to separate decimal values',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '.' },
+            },
+            control: { type: 'text' },
+        }, raw: {
+            description: 'Returns raw value without wrapping DOM node',
+            defaultValue: false,
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        } }, utilities_1.componentArgs),
+};
+var Template = function (args) { return (0, preact_1.h)(FormattedNumber_1.FormattedNumber, __assign({}, args)); };
+exports.Default = Template.bind({});
+exports.Default.args = {
+    value: 1099.99,
+};
+exports.Temperature = Template.bind({});
+exports.Temperature.args = {
+    value: 100,
+    symbol: ' °C',
+    decimalPlaces: 2,
+};
+exports.Length = Template.bind({});
+exports.Length.args = {
+    value: 100,
+    symbol: ' mm',
+    decimalPlaces: 2,
+};

package/dist/cjs/components/Atoms/FormattedNumber/index.d.ts

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

package/dist/cjs/components/Atoms/FormattedNumber/index.d.ts.map

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

package/dist/cjs/components/Atoms/FormattedNumber/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("./FormattedNumber"), exports);

package/dist/cjs/components/Atoms/Icon/Icon.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+import { IconType } from './paths';
+export declare function Icon(properties: IconProps): JSX.Element;
+export interface IconProps extends ComponentProps {
+    color?: string;
+    icon?: IconType | string;
+    path?: string;
+    size?: string;
+    width?: string;
+    height?: string;
+    viewBox?: string;
+}
+//# sourceMappingURL=Icon.d.ts.map

package/dist/cjs/components/Atoms/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAa,QAAQ,EAAE,MAAM,SAAS,CAAC;AAW9C,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAyCvD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/cjs/components/Atoms/Icon/Icon.js

@@ -0,0 +1,53 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var paths_1 = require("./paths");
+var CSS = {
+    icon: function (_a) {
+        var _b;
+        var color = _a.color, height = _a.height, width = _a.width, size = _a.size, theme = _a.theme;
+        return (0, react_1.css)({
+            fill: color || ((_b = theme.colors) === null || _b === void 0 ? void 0 : _b.primary),
+            width: width || size,
+            height: height || size,
+        });
+    },
+};
+function Icon(properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var theme = __assign(__assign({}, globalTheme), properties.theme);
+    var props = __assign(__assign(__assign({ 
+        // default props
+        size: '16px', viewBox: '0 0 56 56' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.icon), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.icon);
+    var color = props.color, icon = props.icon, path = props.path, size = props.size, width = props.width, height = props.height, viewBox = props.viewBox, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var iconPath = paths_1.iconPaths[icon] || path;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.icon({ color: color, width: width, height: height, size: size, theme: theme }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return (iconPath && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("svg", __assign({}, styling, { className: (0, classnames_1.default)('ss__icon', icon ? "ss__icon--".concat(icon) : null, className), viewBox: viewBox, xmlns: "http://www.w3.org/2000/svg", width: disableStyles && (width || size), height: disableStyles && (height || size) }),
+            (0, react_1.jsx)("path", { fill: disableStyles && color, d: iconPath })))));
+}
+exports.Icon = Icon;

package/dist/cjs/components/Atoms/Icon/Icon.stories.d.ts

@@ -0,0 +1,186 @@
+import { h } from 'preact';
+import { Icon } from './Icon';
+import { IconProps } from '../../../types';
+declare const _default: {
+    title: string;
+    component: typeof Icon;
+    parameters: {
+        docs: {
+            page: () => h.JSX.Element;
+        };
+        actions: {
+            disabled: boolean;
+        };
+    };
+    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;
+            };
+        };
+        icon: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        path: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        height: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        viewBox: {
+            description: string;
+            defaultValue: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    (props: IconProps): JSX.Element;
+    args: {
+        icon: string;
+    };
+};
+export declare const Custom: {
+    (props: IconProps): JSX.Element;
+    args: {
+        color: string;
+        icon: string;
+        size: string;
+    };
+};
+export declare const CustomPath: any;
+export declare const Gallery: {
+    (): JSX.Element;
+    parameters: {
+        controls: {
+            expanded: boolean;
+            disabled: boolean;
+        };
+        options: {
+            showPanel: boolean;
+        };
+    };
+};
+//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/cjs/components/Atoms/Icon/Icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK3C,wBA0FE;AAIF,eAAO,MAAM,OAAO;YAAW,SAAS,GAAG,WAAW;;;;CAAuB,CAAC;AAK9E,eAAO,MAAM,MAAM;YAAW,SAAS,GAAG,WAAW;;;;;;CAAuB,CAAC;AAO7E,eAAO,MAAM,UAAU,KAAoB,CAAC;AAQ5C,eAAO,MAAM,OAAO;QAAO,WAAW;;;;;;;;;;CAarC,CAAC"}

package/dist/cjs/components/Atoms/Icon/Icon.stories.js

@@ -0,0 +1,171 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gallery = exports.CustomPath = exports.Custom = exports.Default = void 0;
+var preact_1 = require("preact");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var Icon_1 = require("./Icon");
+var paths_1 = require("./paths");
+var utilities_1 = require("../../../utilities");
+var readme_md_1 = __importDefault(require("../Icon/readme.md"));
+exports.default = {
+    title: "Atoms/Icon",
+    component: Icon_1.Icon,
+    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 }))); },
+        },
+        actions: {
+            disabled: true,
+        },
+    },
+    argTypes: __assign({ icon: {
+            description: 'Icon name',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+            },
+            control: {
+                type: 'select',
+                options: __spreadArray([], Object.keys(paths_1.iconPaths), true),
+            },
+        }, path: {
+            description: 'SVG path',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+            },
+            control: { type: 'text' },
+        }, color: {
+            description: 'Icon color',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: 'theme.colors.primary' },
+            },
+            control: { type: 'color' },
+        }, size: {
+            defaultValue: '16px',
+            description: 'Icon size',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '16px' },
+            },
+            control: { type: 'text' },
+        }, height: {
+            description: 'Icon height. Overwrites size.',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+            },
+            control: { type: 'text' },
+        }, width: {
+            description: 'Icon width. Overwrites size.',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+            },
+            control: { type: 'text' },
+        }, viewBox: {
+            description: 'SVG view box',
+            defaultValue: '0 0 56 56',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '0 0 56 56' },
+            },
+            control: { type: 'text' },
+        } }, utilities_1.componentArgs),
+};
+var Template = function (props) { return (0, preact_1.h)(Icon_1.Icon, __assign({}, props)); };
+var Default = function (props) { return (0, preact_1.h)(Icon_1.Icon, __assign({}, props)); };
+exports.Default = Default;
+exports.Default.args = {
+    icon: 'cogs',
+};
+var Custom = function (props) { return (0, preact_1.h)(Icon_1.Icon, __assign({}, props)); };
+exports.Custom = Custom;
+exports.Custom.args = {
+    color: '#00cee1',
+    icon: 'cog',
+    size: '60px',
+};
+exports.CustomPath = Template.bind({});
+exports.CustomPath.args = {
+    path: 'M12.9,13.8C12.9,13.8,12.9,13.8,12.9,13.8c-0.1,0.1-0.3,0.2-0.5,0.2C4.5,17.9,1.9,28.8,6.6,38.5l28.6-13.8 c0,0,0,0,0,0c0.2-0.1,0.3-0.1,0.5-0.2C43.5,20.6,46.2,9.7,41.5,0L12.9,13.8zM8.6,42.1C8.6,42.1,8.6,42.1,8.6,42.1c-0.1,0.1-0.3,0.1-0.5,0.2C0.3,46.1-2.4,57,2.3,66.7l28.6-13.8 c0,0,0,0,0,0c0.2-0.1,0.3-0.1,0.5-0.2c7.9-3.8,10.5-14.8,5.8-24.4L8.6,42.1z',
+    size: '70px',
+    viewBox: '0 0 70 70',
+};
+var Gallery = function () {
+    return ((0, preact_1.h)("div", { style: 'display: flex; flex-wrap: wrap; font-family: "Nunito Sans",-apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 10px;' }, Object.keys(paths_1.iconPaths).map(function (icon, index) {
+        return ((0, preact_1.h)("div", { style: "margin-bottom: 40px;" },
+            (0, preact_1.h)(Icon_1.Icon, { icon: icon, color: shiftColor('#3a23ad', (index + '111').padStart(6, '1')), size: "40px", style: { padding: '20px' } }),
+            (0, preact_1.h)("div", { style: "text-align: center" }, icon)));
+    })));
+};
+exports.Gallery = Gallery;
+exports.Gallery.parameters = {
+    controls: {
+        expanded: false,
+        disabled: true,
+    },
+    options: {
+        showPanel: false,
+    },
+};
+function shiftColor(base, change) {
+    var colorRegEx = /^\#?[A-Fa-f0-9]{6}$/;
+    if (!base || !change) {
+        return '#000000';
+    }
+    if (!base.match(colorRegEx) || !change.match(colorRegEx)) {
+        return '#000000';
+    }
+    // remove '#'s
+    base = base.replace(/\#/g, '');
+    change = change.replace(/\#/g, '');
+    var newColor = '';
+    for (var i = 0; i < 3; i++) {
+        var basePiece = parseInt(base.substring(i * 2, i * 2 + 2), 16);
+        var changePiece = parseInt(change.substring(i * 2, i * 2 + 2), 16);
+        var newPiece = void 0;
+        newPiece = basePiece + changePiece;
+        newPiece = newPiece > 255 ? 255 : newPiece;
+        newPiece = newPiece.toString(16);
+        newPiece = newPiece.length < 2 ? '0' + newPiece : newPiece;
+        newColor += newPiece;
+    }
+    return "#".concat(newColor);
+}

package/dist/cjs/components/Atoms/Icon/index.d.ts

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

package/dist/cjs/components/Atoms/Icon/index.d.ts.map

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

package/dist/cjs/components/Atoms/Icon/index.js

@@ -0,0 +1,14 @@
+"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("./Icon"), exports);
+__exportStar(require("./paths"), exports);

package/dist/cjs/components/Atoms/Icon/paths.d.ts

@@ -0,0 +1,48 @@
+export declare type IconType = keyof typeof iconPaths;
+export declare const iconPaths: {
+    'angle-up': string;
+    'angle-down': string;
+    'angle-left': string;
+    'angle-right': string;
+    ban: string;
+    check: string;
+    'check-thin': string;
+    'chevron-up': string;
+    'chevron-down': string;
+    'chevron-left': string;
+    'chevron-right': string;
+    circle: string;
+    close: string;
+    'close-thin': string;
+    cog: string;
+    cogs: string;
+    dollar: string;
+    envelope: string;
+    error: string;
+    eye: string;
+    'eye-thin': string;
+    filter: string;
+    heart: string;
+    'heart-o': string;
+    info: string;
+    'layout-grid': string;
+    'layout-large': string;
+    'layout-list': string;
+    minus: string;
+    'minus-thin': string;
+    plus: string;
+    'plus-thin': string;
+    'rotate-left': string;
+    'rotate-right': string;
+    search: string;
+    sort: string;
+    spinner: string;
+    square: string;
+    star: string;
+    'star-half': string;
+    'star-o': string;
+    'video-camera': string;
+    warn: string;
+    wrench: string;
+};
+//# sourceMappingURL=paths.d.ts.map

package/dist/cjs/components/Atoms/Icon/paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Icon/paths.tsx"],"names":[],"mappings":"AAAA,oBAAY,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ErB,CAAC"}