@terraware/web-components 4.0.0 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/OverlayModal/OverlayModal.d.ts +14 -0
- package/components/OverlayModal/OverlayModal.d.ts.map +1 -0
- package/components/OverlayModal/OverlayModal.js +65 -0
- package/components/OverlayModal/styles.scss +69 -0
- package/index.d.ts +2 -1
- package/index.d.ts.map +1 -1
- package/index.js +7 -0
- package/package.json +1 -1
- package/stories/OverlayModal.stories.d.ts +15 -0
- package/stories/OverlayModal.stories.d.ts.map +1 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import './styles.scss';
|
|
3
|
+
export interface Props {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
belowComponent?: ReactNode;
|
|
6
|
+
open: boolean;
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
onEscapeClose?: boolean;
|
|
9
|
+
onClickOutClose?: boolean;
|
|
10
|
+
minHeight?: string | number;
|
|
11
|
+
}
|
|
12
|
+
declare const OverlayModal: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
13
|
+
export default OverlayModal;
|
|
14
|
+
//# sourceMappingURL=OverlayModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayModal.d.ts","sourceRoot":"","sources":["../../../src/components/OverlayModal/OverlayModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAKpD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,KAAK,mDAoDjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _material = require("@mui/material");
|
|
11
|
+
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
12
|
+
require("./styles.scss");
|
|
13
|
+
const OverlayModal = props => {
|
|
14
|
+
const {
|
|
15
|
+
children,
|
|
16
|
+
belowComponent,
|
|
17
|
+
open,
|
|
18
|
+
onClose,
|
|
19
|
+
onEscapeClose = true,
|
|
20
|
+
onClickOutClose = true,
|
|
21
|
+
minHeight = '300px'
|
|
22
|
+
} = props;
|
|
23
|
+
(0, _react.useEffect)(() => {
|
|
24
|
+
if (!open || !onEscapeClose) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
const handleEscape = event => {
|
|
28
|
+
if (event.key === 'Escape') {
|
|
29
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
document.addEventListener('keydown', handleEscape);
|
|
33
|
+
return () => {
|
|
34
|
+
document.removeEventListener('keydown', handleEscape);
|
|
35
|
+
};
|
|
36
|
+
}, [open, onEscapeClose, onClose]);
|
|
37
|
+
const handleBackdropClick = event => {
|
|
38
|
+
if (onClickOutClose && event.target instanceof HTMLElement && event.target.classList.contains('overlay-modal-backdrop')) {
|
|
39
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return open ? /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
+
className: 'overlay-modal-backdrop',
|
|
44
|
+
onClick: handleBackdropClick
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
46
|
+
className: 'overlay-modal-container'
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
|
|
48
|
+
onClick: onClose,
|
|
49
|
+
className: 'overlay-modal-close'
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
51
|
+
size: 'xlarge',
|
|
52
|
+
name: "close",
|
|
53
|
+
className: 'icon-close'
|
|
54
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
55
|
+
className: "overlay-modal",
|
|
56
|
+
style: {
|
|
57
|
+
minHeight
|
|
58
|
+
}
|
|
59
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
60
|
+
className: "overlay-modal-content"
|
|
61
|
+
}, children)), belowComponent && /*#__PURE__*/_react.default.createElement("div", {
|
|
62
|
+
className: "overlay-modal-below"
|
|
63
|
+
}, belowComponent))) : null;
|
|
64
|
+
};
|
|
65
|
+
var _default = exports.default = OverlayModal;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
@use '../../style-dictionary-dist/terraware.scss';
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'Inter';
|
|
5
|
+
src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.overlay-modal-backdrop {
|
|
9
|
+
background-color: rgba(terraware.$tw-clr-base-black, 0.8);
|
|
10
|
+
background-image: linear-gradient(
|
|
11
|
+
180deg,
|
|
12
|
+
rgba(terraware.$tw-clr-base-green-050, terraware.$tw-opcty-base-000),
|
|
13
|
+
rgba(terraware.$tw-clr-base-green-050, 0.3)
|
|
14
|
+
);
|
|
15
|
+
height: 100%;
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
align-items: center;
|
|
19
|
+
position: fixed;
|
|
20
|
+
z-index: 1300;
|
|
21
|
+
inset: 0px;
|
|
22
|
+
padding-top: 64px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.overlay-modal-container {
|
|
26
|
+
position: relative;
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
align-items: center;
|
|
30
|
+
height: calc(100vh - 64px - #{terraware.$tw-spc-base-x-large});
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.overlay-modal {
|
|
34
|
+
box-shadow: terraware.$tw-elvtn-base-800;
|
|
35
|
+
border-radius: terraware.$tw-sz-base-small;
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
background: terraware.$tw-clr-base-white;
|
|
39
|
+
width: 95vw;
|
|
40
|
+
flex: 1;
|
|
41
|
+
max-width: 95vw;
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
|
|
44
|
+
&-close {
|
|
45
|
+
position: absolute;
|
|
46
|
+
top: calc(-1 * (#{terraware.$tw-sz-base-medium} + 2 * #{terraware.$tw-spc-base-xx-small} + #{terraware.$tw-spc-base-small}));
|
|
47
|
+
right: 0;
|
|
48
|
+
z-index: 1;
|
|
49
|
+
|
|
50
|
+
.icon-close {
|
|
51
|
+
fill: terraware.$tw-clr-icn-inverse;
|
|
52
|
+
height: terraware.$tw-sz-base-medium;
|
|
53
|
+
width: terraware.$tw-sz-base-medium;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&-content {
|
|
58
|
+
overflow: auto;
|
|
59
|
+
height: 100%;
|
|
60
|
+
width: 100%;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.overlay-modal-below {
|
|
65
|
+
margin-top: terraware.$tw-spc-base-medium;
|
|
66
|
+
display: flex;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
align-items: center;
|
|
69
|
+
}
|
package/index.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ import NavItem from './components/Navbar/NavItem';
|
|
|
23
23
|
import NavSection from './components/Navbar/NavSection';
|
|
24
24
|
import Navbar from './components/Navbar/Navbar';
|
|
25
25
|
import Note from './components/Note';
|
|
26
|
+
import OverlayModal from './components/OverlayModal/OverlayModal';
|
|
26
27
|
import PageForm from './components/PageForm';
|
|
27
28
|
import PhotoChooser from './components/PhotoChooser';
|
|
28
29
|
import Pill from './components/Pill';
|
|
@@ -64,5 +65,5 @@ export type { Tab, TabsProps } from './components/Tabs';
|
|
|
64
65
|
export type { ConfirmProps } from './components/Confirm';
|
|
65
66
|
export type { DatePickerDateType, Props as DatePickerProps } from './components/DatePicker/DatePicker';
|
|
66
67
|
export type { DateType } from './utils/date';
|
|
67
|
-
export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, MapComponent, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, TimelineSlider, theme, Tooltip, ViewPhotosDialog, };
|
|
68
|
+
export { AntSwitch, Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, MapComponent, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, OverlayModal, PageForm, Pill, PillList, PhotoChooser, PlacementWrapper, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, TimelineSlider, theme, Tooltip, ViewPhotosDialog, };
|
|
68
69
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,OAAO,MAAM,kCAAkC,CAAC;AACvD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AACjG,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,kBAAkB,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACvG,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,aAAa,EACb,aAAa,EACb,KAAK,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,WAAW,EACX,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,UAAU,EACV,GAAG,EACH,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,gBAAgB,GACjB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -167,6 +167,12 @@ Object.defineProperty(exports, "Note", {
|
|
|
167
167
|
return _Note.default;
|
|
168
168
|
}
|
|
169
169
|
});
|
|
170
|
+
Object.defineProperty(exports, "OverlayModal", {
|
|
171
|
+
enumerable: true,
|
|
172
|
+
get: function () {
|
|
173
|
+
return _OverlayModal.default;
|
|
174
|
+
}
|
|
175
|
+
});
|
|
170
176
|
Object.defineProperty(exports, "PageForm", {
|
|
171
177
|
enumerable: true,
|
|
172
178
|
get: function () {
|
|
@@ -355,6 +361,7 @@ var _NavItem = _interopRequireDefault(require("./components/Navbar/NavItem"));
|
|
|
355
361
|
var _NavSection = _interopRequireDefault(require("./components/Navbar/NavSection"));
|
|
356
362
|
var _Navbar = _interopRequireDefault(require("./components/Navbar/Navbar"));
|
|
357
363
|
var _Note = _interopRequireDefault(require("./components/Note"));
|
|
364
|
+
var _OverlayModal = _interopRequireDefault(require("./components/OverlayModal/OverlayModal"));
|
|
358
365
|
var _PageForm = _interopRequireDefault(require("./components/PageForm"));
|
|
359
366
|
var _PhotoChooser = _interopRequireDefault(require("./components/PhotoChooser"));
|
|
360
367
|
var _Pill = _interopRequireDefault(require("./components/Pill"));
|
package/package.json
CHANGED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Props as OverlayModalProps } from '../components/OverlayModal/OverlayModal';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: OverlayModalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
8
|
+
export declare const WithBelowComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
9
|
+
export declare const WithComplexContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
10
|
+
export declare const WithScrollableContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
11
|
+
export declare const InteractiveDemo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
12
|
+
export declare const DisableEscapeClose: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
13
|
+
export declare const DisableClickOutClose: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
14
|
+
export declare const WithButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlayModalProps>;
|
|
15
|
+
//# sourceMappingURL=OverlayModal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayModal.stories.d.ts","sourceRoot":"","sources":["../../src/stories/OverlayModal.stories.tsx"],"names":[],"mappings":"AAKA,OAAqB,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;;;;;AAEnG,wBAGE;AAiBF,eAAO,MAAM,KAAK,0GAAoB,CAAC;AAYvC,eAAO,MAAM,kBAAkB,0GAAoB,CAAC;AAgBpD,eAAO,MAAM,kBAAkB,0GAAoB,CAAC;AAwBpD,eAAO,MAAM,qBAAqB,0GAAoB,CAAC;AAavD,eAAO,MAAM,eAAe,0GAA8B,CAAC;AAgB3D,eAAO,MAAM,kBAAkB,0GAA8B,CAAC;AAY9D,eAAO,MAAM,oBAAoB,0GAA8B,CAAC;AAYhE,eAAO,MAAM,WAAW,0GAA8B,CAAC"}
|