@laerdal/life-react-components 2.0.1-dev.5 → 2.0.1-dev.6
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.
|
@@ -10,8 +10,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
10
10
|
exports.ToastProvider = exports.ToastContext = void 0;
|
|
11
11
|
exports.useToast = useToast;
|
|
12
12
|
|
|
13
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
|
|
15
13
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
16
14
|
|
|
17
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
@@ -40,10 +38,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
40
38
|
|
|
41
39
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
42
40
|
|
|
43
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
44
|
-
|
|
45
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
46
|
-
|
|
47
41
|
/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/
|
|
48
42
|
var ToastContext = /*#__PURE__*/React.createContext({});
|
|
49
43
|
exports.ToastContext = ToastContext;
|
|
@@ -74,6 +68,7 @@ var ToastProvider = function ToastProvider(_ref) {
|
|
|
74
68
|
options: options
|
|
75
69
|
}]);
|
|
76
70
|
});
|
|
71
|
+
return id;
|
|
77
72
|
};
|
|
78
73
|
|
|
79
74
|
var _remove = function remove(id) {
|
|
@@ -89,9 +84,11 @@ var ToastProvider = function ToastProvider(_ref) {
|
|
|
89
84
|
};
|
|
90
85
|
}, [toasts]);
|
|
91
86
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContext.Provider, {
|
|
92
|
-
value:
|
|
93
|
-
toasts: toasts
|
|
94
|
-
|
|
87
|
+
value: {
|
|
88
|
+
toasts: toasts,
|
|
89
|
+
addToast: add,
|
|
90
|
+
removeToast: _remove
|
|
91
|
+
},
|
|
95
92
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToastBucketTopLeft, {
|
|
96
93
|
children: toasts.filter(function (t) {
|
|
97
94
|
return t.options.position === _types.ToastPosition.TOPLEFT;
|
|
@@ -175,10 +172,12 @@ ToastProvider.propTypes = {
|
|
|
175
172
|
|
|
176
173
|
function useToast() {
|
|
177
174
|
var _React$useContext = React.useContext(ToastContext),
|
|
178
|
-
addToast = _React$useContext.addToast
|
|
175
|
+
addToast = _React$useContext.addToast,
|
|
176
|
+
removeToast = _React$useContext.removeToast;
|
|
179
177
|
|
|
180
178
|
return {
|
|
181
|
-
addToast: addToast
|
|
179
|
+
addToast: addToast,
|
|
180
|
+
removeToast: removeToast
|
|
182
181
|
};
|
|
183
182
|
}
|
|
184
183
|
//# sourceMappingURL=ToastContext.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n children?: any;\n};\n\nexport interface toast {\n options: ToastOptions;\n id: string;\n content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) =>
|
|
1
|
+
{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n children?: any;\n};\n\nexport interface toast {\n options: ToastOptions;\n id: string;\n content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n position: fixed;\n z-index: ${Z_INDEXES.toast};\n display: flex;\n flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n top: 16px;\n left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n top: 16px;\n right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n bottom: 16px;\n left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n bottom: 16px;\n right: 5%;\n`;\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\n const [toasts, setToasts] = React.useState<toast[]>([]);\n\n const add = (content: any, options: ToastOptions) => {\n const id = createUUID();\n setToasts(prev => [...prev, { id, content, options }]);\n return id;\n };\n\n const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n const functions = React.useMemo(() => {\n return { addToast: add, removeToast: remove };\n }, [toasts]);\n\n return (\n <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\n <ToastBucketTopLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopLeft>\n <ToastBucketTopMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopMiddle>\n <ToastBucketTopRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopRight>\n <ToastBucketBottomLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomLeft>\n <ToastBucketBottomMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomMiddle>\n <ToastBucketBottomRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomRight>\n {children}\n </ToastContext.Provider>\n );\n};\n\nexport function useToast() {\n const { addToast, removeToast } = React.useContext(ToastContext);\n return {\n addToast,\n removeToast\n };\n}\n"],"mappings":"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"}
|
|
@@ -10,11 +10,12 @@ export interface toast {
|
|
|
10
10
|
}
|
|
11
11
|
export declare type ToasterValueProps = {
|
|
12
12
|
toasts: toast[];
|
|
13
|
-
addToast: (content: any, options: ToastOptions) =>
|
|
13
|
+
addToast: (content: any, options: ToastOptions) => string;
|
|
14
14
|
removeToast: (id: string) => void;
|
|
15
15
|
};
|
|
16
16
|
export declare const ToastContext: React.Context<ToasterValueProps>;
|
|
17
17
|
export declare const ToastProvider: React.FC<ToastProviderProps>;
|
|
18
18
|
export declare function useToast(): {
|
|
19
|
-
addToast: (content: any, options: ToastOptions) =>
|
|
19
|
+
addToast: (content: any, options: ToastOptions) => string;
|
|
20
|
+
removeToast: (id: string) => void;
|
|
20
21
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
1
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
@@ -6,10 +5,6 @@ import _pt from "prop-types";
|
|
|
6
5
|
|
|
7
6
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
8
7
|
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
|
|
11
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
12
|
-
|
|
13
8
|
import * as React from 'react';
|
|
14
9
|
import styled from 'styled-components';
|
|
15
10
|
import { createUUID } from '../Services/functions';
|
|
@@ -45,6 +40,7 @@ export var ToastProvider = function ToastProvider(_ref) {
|
|
|
45
40
|
options: options
|
|
46
41
|
}]);
|
|
47
42
|
});
|
|
43
|
+
return id;
|
|
48
44
|
};
|
|
49
45
|
|
|
50
46
|
var _remove = function remove(id) {
|
|
@@ -60,9 +56,11 @@ export var ToastProvider = function ToastProvider(_ref) {
|
|
|
60
56
|
};
|
|
61
57
|
}, [toasts]);
|
|
62
58
|
return /*#__PURE__*/_jsxs(ToastContext.Provider, {
|
|
63
|
-
value:
|
|
64
|
-
toasts: toasts
|
|
65
|
-
|
|
59
|
+
value: {
|
|
60
|
+
toasts: toasts,
|
|
61
|
+
addToast: add,
|
|
62
|
+
removeToast: _remove
|
|
63
|
+
},
|
|
66
64
|
children: [/*#__PURE__*/_jsx(ToastBucketTopLeft, {
|
|
67
65
|
children: toasts.filter(function (t) {
|
|
68
66
|
return t.options.position === ToastPosition.TOPLEFT;
|
|
@@ -143,10 +141,12 @@ ToastProvider.propTypes = {
|
|
|
143
141
|
};
|
|
144
142
|
export function useToast() {
|
|
145
143
|
var _React$useContext = React.useContext(ToastContext),
|
|
146
|
-
addToast = _React$useContext.addToast
|
|
144
|
+
addToast = _React$useContext.addToast,
|
|
145
|
+
removeToast = _React$useContext.removeToast;
|
|
147
146
|
|
|
148
147
|
return {
|
|
149
|
-
addToast: addToast
|
|
148
|
+
addToast: addToast,
|
|
149
|
+
removeToast: removeToast
|
|
150
150
|
};
|
|
151
151
|
}
|
|
152
152
|
//# sourceMappingURL=ToastContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n children?: any;\n};\n\nexport interface toast {\n options: ToastOptions;\n id: string;\n content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) =>
|
|
1
|
+
{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n children?: any;\n};\n\nexport interface toast {\n options: ToastOptions;\n id: string;\n content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n position: fixed;\n z-index: ${Z_INDEXES.toast};\n display: flex;\n flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n top: 16px;\n left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n top: 16px;\n right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n bottom: 16px;\n left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n bottom: 16px;\n right: 5%;\n`;\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\n const [toasts, setToasts] = React.useState<toast[]>([]);\n\n const add = (content: any, options: ToastOptions) => {\n const id = createUUID();\n setToasts(prev => [...prev, { id, content, options }]);\n return id;\n };\n\n const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n const functions = React.useMemo(() => {\n return { addToast: add, removeToast: remove };\n }, [toasts]);\n\n return (\n <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\n <ToastBucketTopLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopLeft>\n <ToastBucketTopMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopMiddle>\n <ToastBucketTopRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopRight>\n <ToastBucketBottomLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomLeft>\n <ToastBucketBottomMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomMiddle>\n <ToastBucketBottomRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomRight>\n {children}\n </ToastContext.Provider>\n );\n};\n\nexport function useToast() {\n const { addToast, removeToast } = React.useContext(ToastContext);\n return {\n addToast,\n removeToast\n };\n}\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,OAAOC,KAAP,MAAoC,SAApC;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAAQC,SAAR,QAAwB,qBAAxB;;;;AAaA;AAEA,OAAO,IAAMC,YAAY,gBAAGN,KAAK,CAACO,aAAN,CAAoB,EAApB,CAArB;AAEP,IAAMC,WAAW,GAAGP,MAAM,CAACQ,GAAV,mKAEJJ,SAAS,CAACK,KAFN,CAAjB;AAOA,IAAMC,kBAAkB,GAAGV,MAAM,CAACO,WAAD,CAAT,oGAAxB;AAKA,IAAMI,oBAAoB,GAAGX,MAAM,CAACO,WAAD,CAAT,qIAA1B;AAMA,IAAMK,mBAAmB,GAAGZ,MAAM,CAACO,WAAD,CAAT,qGAAzB;AAKA,IAAMM,qBAAqB,GAAGb,MAAM,CAACO,WAAD,CAAT,uGAA3B;AAKA,IAAMO,uBAAuB,GAAGd,MAAM,CAACO,WAAD,CAAT,wIAA7B;AAMA,IAAMQ,sBAAsB,GAAGf,MAAM,CAACO,WAAD,CAAT,wGAA5B;AAKA,OAAO,IAAMS,aAA2C,GAAG,SAA9CA,aAA8C,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;;EAC/F,sBAA4BlB,KAAK,CAACmB,QAAN,CAAwB,EAAxB,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EAEA,IAAMC,GAAG,GAAG,SAANA,GAAM,CAACC,OAAD,EAAeC,OAAf,EAAyC;IACnD,IAAMC,EAAE,GAAGvB,UAAU,EAArB;IACAmB,SAAS,CAAC,UAAAK,IAAI;MAAA,oCAAQA,IAAR,IAAc;QAAED,EAAE,EAAFA,EAAF;QAAMF,OAAO,EAAPA,OAAN;QAAeC,OAAO,EAAPA;MAAf,CAAd;IAAA,CAAL,CAAT;IACA,OAAOC,EAAP;EACD,CAJD;;EAMA,IAAME,OAAM,GAAG,SAATA,MAAS,CAACF,EAAD;IAAA,OAAgBJ,SAAS,CAACD,MAAM,CAACQ,MAAP,CAAc,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACJ,EAAF,KAASA,EAAb;IAAA,CAAf,CAAD,CAAzB;EAAA,CAAf;;EAEA,IAAMK,SAAS,GAAG9B,KAAK,CAAC+B,OAAN,CAAc,YAAM;IACpC,OAAO;MAAEC,QAAQ,EAAEV,GAAZ;MAAiBW,WAAW,EAAEN;IAA9B,CAAP;EACD,CAFiB,EAEf,CAACP,MAAD,CAFe,CAAlB;EAIA,oBACE,MAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAE;MAAEA,MAAM,EAANA,MAAF;MAAUY,QAAQ,EAAEV,GAApB;MAAyBW,WAAW,EAAEN;IAAtC,CAA9B;IAAA,wBACE,KAAC,kBAAD;MAAA,UACGP,MAAM,CACJQ,MADF,CACS,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACL,OAAF,CAAUU,QAAV,KAAuB9B,aAAa,CAAC+B,OAAzC;MAAA,CADV,EAEEC,GAFF,CAEM,UAAAP,CAAC;QAAA,oBACJ,KAAC,KAAD;UAAkB,OAAO,EAAEA,CAAC,CAACN,OAA7B;UAAsC,MAAM,EAAE;YAAA,OAAMI,OAAM,CAACE,CAAC,CAACJ,EAAH,CAAZ;UAAA,CAA9C;UAAkE,OAAO,EAAEI,CAAC,CAACL;QAA7E,GAAYK,CAAC,CAACJ,EAAd,CADI;MAAA,CAFP;IADH,EADF,eAQE,KAAC,oBAAD;MAAA,UACGL,MAAM,CACJQ,MADF,CACS,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACL,OAAF,CAAUU,QAAV,KAAuB9B,aAAa,CAACiC,SAAzC;MAAA,CADV,EAEED,GAFF,CAEM,UAAAP,CAAC;QAAA,oBACJ,KAAC,KAAD;UAAkB,OAAO,EAAEA,CAAC,CAACN,OAA7B;UAAsC,MAAM,EAAE;YAAA,OAAMI,OAAM,CAACE,CAAC,CAACJ,EAAH,CAAZ;UAAA,CAA9C;UAAkE,OAAO,EAAEI,CAAC,CAACL;QAA7E,GAAYK,CAAC,CAACJ,EAAd,CADI;MAAA,CAFP;IADH,EARF,eAeE,KAAC,mBAAD;MAAA,UACGL,MAAM,CACJQ,MADF,CACS,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACL,OAAF,CAAUU,QAAV,KAAuB9B,aAAa,CAACkC,QAAzC;MAAA,CADV,EAEEF,GAFF,CAEM,UAAAP,CAAC;QAAA,oBACJ,KAAC,KAAD;UAAkB,OAAO,EAAEA,CAAC,CAACN,OAA7B;UAAsC,MAAM,EAAE;YAAA,OAAMI,OAAM,CAACE,CAAC,CAACJ,EAAH,CAAZ;UAAA,CAA9C;UAAkE,OAAO,EAAEI,CAAC,CAACL;QAA7E,GAAYK,CAAC,CAACJ,EAAd,CADI;MAAA,CAFP;IADH,EAfF,eAsBE,KAAC,qBAAD;MAAA,UACGL,MAAM,CACJQ,MADF,CACS,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACL,OAAF,CAAUU,QAAV,KAAuB9B,aAAa,CAACmC,UAAzC;MAAA,CADV,EAEEH,GAFF,CAEM,UAAAP,CAAC;QAAA,oBACJ,KAAC,KAAD;UAAkB,OAAO,EAAEA,CAAC,CAACN,OAA7B;UAAsC,MAAM,EAAE;YAAA,OAAMI,OAAM,CAACE,CAAC,CAACJ,EAAH,CAAZ;UAAA,CAA9C;UAAkE,OAAO,EAAEI,CAAC,CAACL;QAA7E,GAAYK,CAAC,CAACJ,EAAd,CADI;MAAA,CAFP;IADH,EAtBF,eA6BE,KAAC,uBAAD;MAAA,UACGL,MAAM,CACJQ,MADF,CACS,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACL,OAAF,CAAUU,QAAV,KAAuB9B,aAAa,CAACoC,YAAzC;MAAA,CADV,EAEEJ,GAFF,CAEM,UAAAP,CAAC;QAAA,oBACJ,KAAC,KAAD;UAAkB,OAAO,EAAEA,CAAC,CAACN,OAA7B;UAAsC,MAAM,EAAE;YAAA,OAAMI,OAAM,CAACE,CAAC,CAACJ,EAAH,CAAZ;UAAA,CAA9C;UAAkE,OAAO,EAAEI,CAAC,CAACL;QAA7E,GAAYK,CAAC,CAACJ,EAAd,CADI;MAAA,CAFP;IADH,EA7BF,eAoCE,KAAC,sBAAD;MAAA,UACGL,MAAM,CACJQ,MADF,CACS,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACL,OAAF,CAAUU,QAAV,KAAuB9B,aAAa,CAACqC,WAAzC;MAAA,CADV,EAEEL,GAFF,CAEM,UAAAP,CAAC;QAAA,oBACJ,KAAC,KAAD;UAAkB,OAAO,EAAEA,CAAC,CAACN,OAA7B;UAAsC,MAAM,EAAE;YAAA,OAAMI,OAAM,CAACE,CAAC,CAACJ,EAAH,CAAZ;UAAA,CAA9C;UAAkE,OAAO,EAAEI,CAAC,CAACL;QAA7E,GAAYK,CAAC,CAACJ,EAAd,CADI;MAAA,CAFP;IADH,EApCF,EA2CGP,QA3CH;EAAA,EADF;AA+CD,CA9DM;;EArDLA,Q;;AAqHF,OAAO,SAASwB,QAAT,GAAoB;EACzB,wBAAkC1C,KAAK,CAAC2C,UAAN,CAAiBrC,YAAjB,CAAlC;EAAA,IAAQ0B,QAAR,qBAAQA,QAAR;EAAA,IAAkBC,WAAlB,qBAAkBA,WAAlB;;EACA,OAAO;IACLD,QAAQ,EAARA,QADK;IAELC,WAAW,EAAXA;EAFK,CAAP;AAID"}
|