@proprioo/salatim 18.0.18 → 18.1.0
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/CHANGELOG.md +6 -0
- package/lib/energy/src/Energy.js +1 -1
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/ui/src/input/Input.js +1 -1
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.d.ts +1 -0
- package/lib/ui/src/textarea/Textarea.js +4 -3
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +25 -10
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.d.ts +2 -2
- package/lib/ui/src/textarea/Textarea.styles.js +4 -1
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -47,7 +47,7 @@ var Input = react_1.forwardRef(function (props, ref) {
|
|
|
47
47
|
// tslint:disable-next-line: no-any
|
|
48
48
|
react_1.createElement(inputElement, __assign({}, props))) : (react_1.default.createElement(Input_styles_1.InputLayout, __assign({ ref: ref, id: id, name: name, "data-test": dataTest || "input-" + type, type: type, value: value === null ? '' : value, onBlur: handleBlur, onChange: function (event) {
|
|
49
49
|
return handleOnChange(event);
|
|
50
|
-
}, onFocus: handleFocus, disabled: disabled, autoComplete: '
|
|
50
|
+
}, onFocus: handleFocus, disabled: disabled, autoComplete: 'off', min: min, max: max, required: required }, gmap, (focused && { style: style }))))));
|
|
51
51
|
});
|
|
52
52
|
exports.default = Input;
|
|
53
53
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AAMf,+CAA6C;AAE7C,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;AA+BD,IAAM,KAAK,GAAG,kBAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAEjD,IAAA,EAAE,GAgBA,KAAK,GAhBL,EACF,QAAQ,GAeN,KAAK,SAfC,EACR,OAAO,GAcL,KAAK,QAdA,EACP,IAAI,GAaF,KAAK,KAbH,EACJ,KAAK,GAYH,KAAK,MAZF,EACL,YAAY,GAWV,KAAK,aAXK,EACZ,UAAU,GAUR,KAAK,WAVG,EACV,WAAW,GAST,KAAK,YATI,EACX,cAAc,GAQZ,KAAK,eARO,EACd,IAAI,GAOF,KAAK,KAPH,EACJ,IAAI,GAMF,KAAK,KANH,EACJ,QAAQ,GAKN,KAAK,SALC,EACR,KAIE,KAAK,SAJS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,GAAG,GAGD,KAAK,IAHJ,EACH,GAAG,GAED,KAAK,IAFJ,EACH,KAAK,GACH,KAAK,MADF,CACG;IAEV,OAAO,CACL,8BAAC,gBAAQ,QACN,YAAY,CAAC,CAAC,CAAC;IACd,mCAAmC;IACnC,qBAAa,CAAC,YAAmB,eAAO,KAAK,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAW,aACV,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,eACC,QAAQ,IAAI,WAAS,IAAM,EACtC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAClC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,KAAoC;YAC7C,OAAA,cAAc,CAAC,KAAK,CAAC;QAArB,CAAqB,EAEvB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../packages/ui/src/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AAMf,+CAA6C;AAE7C,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;IACrB,wBAAW,CAAA;IACX,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;AA+BD,IAAM,KAAK,GAAG,kBAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAEjD,IAAA,EAAE,GAgBA,KAAK,GAhBL,EACF,QAAQ,GAeN,KAAK,SAfC,EACR,OAAO,GAcL,KAAK,QAdA,EACP,IAAI,GAaF,KAAK,KAbH,EACJ,KAAK,GAYH,KAAK,MAZF,EACL,YAAY,GAWV,KAAK,aAXK,EACZ,UAAU,GAUR,KAAK,WAVG,EACV,WAAW,GAST,KAAK,YATI,EACX,cAAc,GAQZ,KAAK,eARO,EACd,IAAI,GAOF,KAAK,KAPH,EACJ,IAAI,GAMF,KAAK,KANH,EACJ,QAAQ,GAKN,KAAK,SALC,EACR,KAIE,KAAK,SAJS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,GAAG,GAGD,KAAK,IAHJ,EACH,GAAG,GAED,KAAK,IAFJ,EACH,KAAK,GACH,KAAK,MADF,CACG;IAEV,OAAO,CACL,8BAAC,gBAAQ,QACN,YAAY,CAAC,CAAC,CAAC;IACd,mCAAmC;IACnC,qBAAa,CAAC,YAAmB,eAAO,KAAK,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAW,aACV,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,eACC,QAAQ,IAAI,WAAS,IAAM,EACtC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAClC,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,KAAoC;YAC7C,OAAA,cAAc,CAAC,KAAK,CAAC;QAArB,CAAqB,EAEvB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,IACd,IAAI,EACJ,CAAC,OAAO,IAAI,EAAE,KAAK,OAAA,EAAE,CAAC,EAC1B,CACH,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,KAAK,CAAC"}
|
|
@@ -44,6 +44,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
44
44
|
};
|
|
45
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
46
|
var react_1 = __importStar(require("react"));
|
|
47
|
+
var utils_1 = require("../../../utils");
|
|
47
48
|
var Textarea_styles_1 = require("./Textarea.styles");
|
|
48
49
|
var Textarea = /** @class */ (function (_super) {
|
|
49
50
|
__extends(Textarea, _super);
|
|
@@ -135,9 +136,9 @@ var Textarea = /** @class */ (function (_super) {
|
|
|
135
136
|
}
|
|
136
137
|
};
|
|
137
138
|
Textarea.prototype.render = function () {
|
|
138
|
-
var _a = this.props, autoResize = _a.autoResize, placeholder = _a.placeholder, maxlength = _a.maxlength, _b = _a.
|
|
139
|
-
var
|
|
140
|
-
return (react_1.default.createElement(Textarea_styles_1.TextareaLayout, { error: error, placeholder: placeholder, value: value, autoResize: autoResize, disabled: disabled, focused: focused, maxLength: maxlength, onChange: this.handleOnChange, onFocus: this.handleFocus, onBlur: this.handleBlur, required: required, "data-test": "textarea", ref: this.loadRef }));
|
|
139
|
+
var _a = this.props, autoResize = _a.autoResize, placeholder = _a.placeholder, maxlength = _a.maxlength, _b = _a.borderRadius, borderRadius = _b === void 0 ? utils_1.radius.biggest : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
|
|
140
|
+
var _f = this.state, value = _f.value, focused = _f.focused;
|
|
141
|
+
return (react_1.default.createElement(Textarea_styles_1.TextareaLayout, { error: error, placeholder: placeholder, value: value, autoResize: autoResize, disabled: disabled, focused: focused, maxLength: maxlength, onChange: this.handleOnChange, onFocus: this.handleFocus, onBlur: this.handleBlur, required: required, "data-test": "textarea", ref: this.loadRef, borderRadius: borderRadius }));
|
|
141
142
|
};
|
|
142
143
|
return Textarea;
|
|
143
144
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AAItD,qDAAmD;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -27,35 +38,39 @@ var storybook_state_1 = require("@sambego/storybook-state");
|
|
|
27
38
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
28
39
|
var addon_knobs_1 = require("@storybook/addon-knobs");
|
|
29
40
|
var react_2 = require("@storybook/react");
|
|
41
|
+
var utils_1 = require("../../../utils");
|
|
30
42
|
var MockForm_1 = __importDefault(require("../mockForm/MockForm"));
|
|
31
43
|
var Textarea_1 = __importDefault(require("./Textarea"));
|
|
32
44
|
var onChangeAction = addon_actions_1.action('onChange');
|
|
33
45
|
var textareaState = new storybook_state_1.Store({
|
|
34
46
|
value: ''
|
|
35
47
|
});
|
|
48
|
+
var knobs = function () { return ({
|
|
49
|
+
borderRadius: addon_knobs_1.select('border radius', utils_1.radius, utils_1.radius.biggest)
|
|
50
|
+
}); };
|
|
36
51
|
var placeholder = addon_knobs_1.text('Placeholder', 'Mangez des pommes !');
|
|
37
52
|
react_2.storiesOf('Textarea', module)
|
|
38
53
|
.add('Textarea', function () {
|
|
39
|
-
return (react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: "value" }));
|
|
54
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: "value" }, knobs())));
|
|
40
55
|
})
|
|
41
56
|
.add('Textarea with maxlength', function () {
|
|
42
|
-
return (react_1.default.createElement(Textarea_1.default, { maxlength: 10, error: false, placeholder: placeholder, focused: true, value: "value" }));
|
|
57
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ maxlength: 10, error: false, placeholder: placeholder, focused: true, value: "value" }, knobs())));
|
|
43
58
|
})
|
|
44
59
|
.add('Disabled Textarea', function () {
|
|
45
|
-
return (react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: "Il faut manger des pommes", disabled: true }));
|
|
60
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: "Il faut manger des pommes", disabled: true }, knobs())));
|
|
46
61
|
})
|
|
47
62
|
.add('Error Textarea', function () {
|
|
48
|
-
return (react_1.default.createElement(Textarea_1.default, { error: true, placeholder: placeholder, focused: false, value: "Il faut manger des pommes", disabled: false }));
|
|
63
|
+
return (react_1.default.createElement(Textarea_1.default, __assign({ error: true, placeholder: placeholder, focused: false, value: "Il faut manger des pommes", disabled: false }, knobs())));
|
|
49
64
|
})
|
|
50
65
|
.add('Controlled Textarea', function () {
|
|
51
66
|
textareaState.set({ value: '' });
|
|
52
67
|
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, function (_a) {
|
|
53
68
|
var value = _a.value;
|
|
54
69
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
55
|
-
react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: value, onChange: function (value) {
|
|
70
|
+
react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: value, onChange: function (value) {
|
|
56
71
|
textareaState.set({ value: value });
|
|
57
72
|
onChangeAction(value);
|
|
58
|
-
} }),
|
|
73
|
+
} }, knobs())),
|
|
59
74
|
react_1.default.createElement("div", { onClick: function () { return textareaState.set({ value: '' }); } }, "reset")));
|
|
60
75
|
}));
|
|
61
76
|
})
|
|
@@ -64,10 +79,10 @@ react_2.storiesOf('Textarea', module)
|
|
|
64
79
|
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, function (_a) {
|
|
65
80
|
var value = _a.value;
|
|
66
81
|
return (react_1.default.createElement(MockForm_1.default, null,
|
|
67
|
-
react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: value, required: true, onChange: function (value) {
|
|
82
|
+
react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: value, required: true, onChange: function (value) {
|
|
68
83
|
textareaState.set({ value: value });
|
|
69
84
|
onChangeAction(value);
|
|
70
|
-
} })));
|
|
85
|
+
} }, knobs()))));
|
|
71
86
|
}));
|
|
72
87
|
})
|
|
73
88
|
.add('With height auto-resizing', function () {
|
|
@@ -75,10 +90,10 @@ react_2.storiesOf('Textarea', module)
|
|
|
75
90
|
return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, function (_a) {
|
|
76
91
|
var value = _a.value;
|
|
77
92
|
return (react_1.default.createElement(MockForm_1.default, null,
|
|
78
|
-
react_1.default.createElement(Textarea_1.default, { error: false, placeholder: placeholder, focused: true, value: value, required: true, autoResize: true, onChange: function (value) {
|
|
93
|
+
react_1.default.createElement(Textarea_1.default, __assign({ error: false, placeholder: placeholder, focused: true, value: value, required: true, autoResize: true, onChange: function (value) {
|
|
79
94
|
textareaState.set({ value: value });
|
|
80
95
|
onChangeAction(value);
|
|
81
|
-
} })));
|
|
96
|
+
} }, knobs()))));
|
|
82
97
|
}));
|
|
83
98
|
});
|
|
84
99
|
//# sourceMappingURL=Textarea.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TextareaProps } from './Textarea';
|
|
2
|
-
export declare type TextareaLayoutProps = Pick<TextareaProps, 'error' | 'focused' | 'autoResize' | 'disabled'>;
|
|
3
|
-
export declare const TextareaLayout: import("styled-components").StyledComponent<"textarea", any, Pick<TextareaProps, "error" | "focused" | "autoResize" | "disabled">, never>;
|
|
2
|
+
export declare type TextareaLayoutProps = Pick<TextareaProps, 'error' | 'focused' | 'autoResize' | 'disabled' | 'borderRadius'>;
|
|
3
|
+
export declare const TextareaLayout: import("styled-components").StyledComponent<"textarea", any, Pick<TextareaProps, "error" | "focused" | "autoResize" | "disabled" | "borderRadius">, never>;
|
|
@@ -31,7 +31,10 @@ exports.TextareaLayout = styled_components_1.default.textarea(templateObject_6 |
|
|
|
31
31
|
";\n\n ",
|
|
32
32
|
";\n\n ",
|
|
33
33
|
"\n\n ",
|
|
34
|
-
"\n\n &:focus,\n &:hover,\n &:active {\n outline: none;\n }\n\n &::placeholder {\n font-weight: 300;\n color: ", ";\n }\n"])), utils_1.ArchivoFont, utils_1.convertPxToRem(1), utils_1.colors.grey.base80,
|
|
34
|
+
"\n\n &:focus,\n &:hover,\n &:active {\n outline: none;\n }\n\n &::placeholder {\n font-weight: 300;\n color: ", ";\n }\n"])), utils_1.ArchivoFont, utils_1.convertPxToRem(1), utils_1.colors.grey.base80, function (_a) {
|
|
35
|
+
var borderRadius = _a.borderRadius;
|
|
36
|
+
return borderRadius;
|
|
37
|
+
}, utils_1.convertPxToRem(16), utils_1.convertPxToRem(24), utils_1.fonts.small, utils_1.convertPxToRem(24), utils_1.colors.dark.base80, function (_a) {
|
|
35
38
|
var autoResize = _a.autoResize;
|
|
36
39
|
return !autoResize && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: ", ";\n max-height: ", ";\n "], ["\n min-height: ", ";\n max-height: ", ";\n "])), utils_1.convertPxToRem(160), utils_1.convertPxToRem(300));
|
|
37
40
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAMwB;AAQX,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,yfAAqB,MAC9D,EAAW,uDAGH,EAAiB,SAAU,EAAkB,sBACtC,
|
|
1
|
+
{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,wCAMwB;AAQX,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,yfAAqB,MAC9D,EAAW,uDAGH,EAAiB,SAAU,EAAkB,sBACtC,EAAkC,2CAExC,EAAkB,GAAI,EAAkB,yCAEtC,EAAW,oBACT,EAAkB,cACxB,EAAkB,0BAGzB;IAKC,QAED;IAIC,SAED;IAKC,SAED;IAKC,QAED;IAKC,6HAUQ,EAAkB,UAE9B,KAzDG,mBAAW,EAGH,sBAAc,CAAC,CAAC,CAAC,EAAU,cAAM,CAAC,IAAI,CAAC,MAAM,EACtC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,YAAY;AAAZ,CAAY,EAExC,sBAAc,CAAC,EAAE,CAAC,EAAI,sBAAc,CAAC,EAAE,CAAC,EAEtC,aAAK,CAAC,KAAK,EACT,sBAAc,CAAC,EAAE,CAAC,EACxB,cAAM,CAAC,IAAI,CAAC,MAAM,EAGzB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,OAAA,CAAC,UAAU,IACX,uBAAG,6HAAA,sBACa,EAAmB,uBACnB,EAAmB,SAClC,KAFe,sBAAc,CAAC,GAAG,CAAC,EACnB,sBAAc,CAAC,GAAG,CAAC,CAClC;AAJD,CAIC,EAED,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,uBAAG,sGAAA,wBACe,EAAkB,SACnC,KADiB,cAAM,CAAC,MAAM,CAAC,IAAI,CACnC;AAHD,CAGC,EAED,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACjB,OAAA,KAAK;QACL,CAAC,OAAO,IACR,uBAAG,sGAAA,wBACe,EAAkB,SACnC,KADiB,cAAM,CAAC,MAAM,CAAC,IAAI,CACnC;AAJD,CAIC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,uBAAG,sIAAA,4BACmB,EAAkB,qCAEvC,KAFqB,cAAM,CAAC,IAAI,CAAC,MAAM,CAEvC;AAJD,CAIC,EAED,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,IACL,uBAAG,0HAAA,iBACQ,EAAe,yBACR,EAAe,SAChC,KAFU,cAAM,CAAC,GAAG,CAAC,IAAI,EACR,cAAM,CAAC,GAAG,CAAC,IAAI,CAChC;AAJD,CAIC,EAUQ,cAAM,CAAC,IAAI,CAAC,MAAM,EAE7B"}
|