@gisce/react-ooui 0.1.0

package/dist/widgets/base/Image.js

@@ -0,0 +1,153 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.ImageInput = exports.Image = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var Field_1 = __importDefault(require("@/common/Field"));
+var ButtonWithTooltip_1 = __importDefault(require("@/common/ButtonWithTooltip"));
+var icons_1 = require("@ant-design/icons");
+var filesHelper_1 = require("@/helpers/filesHelper");
+var iconMapper_1 = __importDefault(require("@/helpers/iconMapper"));
+var LocaleContext_1 = require("@/context/LocaleContext");
+var Image = function (props) {
+    var ooui = props.ooui;
+    var required = ooui.required, id = ooui.id;
+    var Icon = iconMapper_1.default(id);
+    if (Icon) {
+        return react_1.default.createElement(Icon, null);
+    }
+    return (react_1.default.createElement(Field_1.default, __assign({ required: required }, props),
+        react_1.default.createElement(exports.ImageInput, { ooui: ooui })));
+};
+exports.Image = Image;
+var ImageInput = function (props) {
+    var ooui = props.ooui, value = props.value, onChange = props.onChange;
+    var readOnly = ooui.readOnly;
+    var inputFile = react_1.useRef(null);
+    var t = react_1.useContext(LocaleContext_1.LocaleContext).t;
+    var triggerChange = function (changedValue) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(changedValue);
+    };
+    function downloadFile() {
+        return __awaiter(this, void 0, void 0, function () {
+            var fileType, linkSource, downloadLink;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, filesHelper_1.getMimeType(value)];
+                    case 1:
+                        fileType = _a.sent();
+                        linkSource = "data:" + (fileType === null || fileType === void 0 ? void 0 : fileType.mime) + ";base64," + value;
+                        downloadLink = document.createElement("a");
+                        downloadLink.href = linkSource;
+                        downloadLink.download = "image." + (fileType === null || fileType === void 0 ? void 0 : fileType.ext);
+                        downloadLink.click();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function onChangeFile(event) {
+        return __awaiter(this, void 0, void 0, function () {
+            var file, b64;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event.stopPropagation();
+                        event.preventDefault();
+                        file = event.target.files[0];
+                        return [4 /*yield*/, filesHelper_1.toBase64(file)];
+                    case 1:
+                        b64 = _a.sent();
+                        triggerChange(b64);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function clearFile() {
+        triggerChange(undefined);
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(antd_1.Row, { gutter: 8, wrap: false, justify: "center" },
+            value && (react_1.default.createElement("img", { src: "data:image/*;base64," + value, style: { maxWidth: "100px" } })),
+            react_1.default.createElement("input", { type: "file", id: "file", ref: inputFile, accept: "image/*", style: { display: "none" }, onChange: onChangeFile })),
+        react_1.default.createElement(antd_1.Row, { gutter: 8, wrap: false, justify: "center", className: "pt-5" },
+            react_1.default.createElement(antd_1.Space, null,
+                react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: t("uploadNewImage"), icon: react_1.default.createElement(icons_1.FolderOpenOutlined, null), disabled: readOnly, onClick: function () {
+                        var fileUploadField = inputFile.current;
+                        fileUploadField.click();
+                    } }),
+                react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: t("download"), disabled: !value, onClick: downloadFile, icon: react_1.default.createElement(icons_1.DownloadOutlined, null) }),
+                react_1.default.createElement(ButtonWithTooltip_1.default, { tooltip: t("clear"), disabled: readOnly || !value, onClick: clearFile, icon: react_1.default.createElement(icons_1.ClearOutlined, null) })))));
+};
+exports.ImageInput = ImageInput;
+//# sourceMappingURL=Image.js.map

package/dist/widgets/base/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/widgets/base/Image.tsx"],"names":[],"mappings":"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"}

package/dist/widgets/base/Integer.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WidgetProps } from "@/types";
+declare type IntegerProps = WidgetProps & {
+    onChange?: (newValue: number) => void;
+};
+export declare const Integer: (props: IntegerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Integer.d.ts.map

package/dist/widgets/base/Integer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Integer.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/Integer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,aAAK,YAAY,GAAG,WAAW,GAAG;IAChC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,YAAY,gBA0B1C,CAAC"}

package/dist/widgets/base/Integer.js

@@ -0,0 +1,57 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Integer = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var Field_1 = __importDefault(require("@/common/Field"));
+var Config_1 = __importDefault(require("@/Config"));
+var FormContext_1 = require("@/context/FormContext");
+var Integer = function (props) {
+    var ooui = props.ooui, onChange = props.onChange;
+    var id = ooui.id, readOnly = ooui.readOnly, required = ooui.required;
+    var requiredClass = required && !readOnly ? Config_1.default.requiredClass : undefined;
+    var formContext = react_1.useContext(FormContext_1.FormContext);
+    var elementHasLostFocus = (formContext || {}).elementHasLostFocus;
+    return (react_1.default.createElement(Field_1.default, __assign({ required: required, type: "number" }, props),
+        react_1.default.createElement(antd_1.InputNumber, { id: id, className: "w-full " + requiredClass, disabled: readOnly, formatter: function (value) {
+                return ("" + value).replace(/[^0-9]+/g, "");
+            }, onChange: function (newValue) {
+                var newNumber = newValue;
+                onChange === null || onChange === void 0 ? void 0 : onChange(newNumber);
+            }, defaultValue: 0, onBlur: elementHasLostFocus })));
+};
+exports.Integer = Integer;
+//# sourceMappingURL=Integer.js.map

package/dist/widgets/base/Integer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Integer.js","sourceRoot":"","sources":["../../../src/widgets/base/Integer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,6BAAmC;AACnC,yDAAmC;AAEnC,oDAA8B;AAC9B,qDAAqE;AAM9D,IAAM,OAAO,GAAG,UAAC,KAAmB;IACjC,IAAA,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACzB,IAAA,EAAE,GAAyB,IAAI,GAA7B,EAAE,QAAQ,GAAe,IAAI,SAAnB,EAAE,QAAQ,GAAK,IAAI,SAAT,CAAU;IACxC,IAAM,aAAa,GACjB,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAM,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,IAAM,WAAW,GAAG,kBAAU,CAAC,yBAAW,CAAoB,CAAC;IACvD,IAAA,mBAAmB,GAAK,CAAA,WAAW,IAAI,EAAE,CAAA,oBAAtB,CAAuB;IAElD,OAAO,CACL,8BAAC,eAAK,aAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,IAAM,KAAK;QAClD,8BAAC,kBAAW,IACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,GAAG,aAAa,EACpC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAC,KAAK;gBACf,OAAO,CAAA,KAAG,KAAO,CAAA,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YAC5C,CAAC,EACD,QAAQ,EAAE,UAAC,QAAa;gBACtB,IAAM,SAAS,GAAG,QAAkB,CAAC;gBACrC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,CAAC,CAAC;YACxB,CAAC,EACD,YAAY,EAAE,CAAC,EACf,MAAM,EAAE,mBAAmB,GAC3B,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,OAAO,WA0BlB"}

package/dist/widgets/base/Label.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WidgetProps } from "@/types";
+declare type Props = WidgetProps & {
+    align?: "left" | "center" | "right";
+    responsiveBehaviour?: boolean;
+};
+declare const Label: (props: Props) => JSX.Element;
+export default Label;
+//# sourceMappingURL=Label.d.ts.map

package/dist/widgets/base/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/Label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,aAAK,KAAK,GAAG,WAAW,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAQF,QAAA,MAAM,KAAK,UAAW,KAAK,gBAoB1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/widgets/base/Label.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var icons_1 = require("@ant-design/icons");
+var alignClass = {
+    left: "justify-start",
+    center: "justify-center",
+    right: "justify-end",
+};
+var Label = function (props) {
+    var ooui = props.ooui, align = props.align, responsiveBehaviour = props.responsiveBehaviour;
+    var _a = ooui, label = _a.label, tooltip = _a.tooltip, fieldForLabel = _a.fieldForLabel;
+    var addColon = fieldForLabel !== null ? true : false;
+    var labelText = addColon && label.length > 1 ? label + " :" : label;
+    var responsiveAlign = responsiveBehaviour ? "left" : "right";
+    var labelAlgin = align ? align : fieldForLabel ? responsiveAlign : "left";
+    return (react_1.default.createElement("div", { className: "flex flex-row items-center pb-1 pt-1 " + alignClass[labelAlgin] },
+        tooltip && (react_1.default.createElement(antd_1.Tooltip, { title: tooltip },
+            react_1.default.createElement(icons_1.QuestionCircleOutlined, { className: "text-xs text-blue-400 pr-1" }))),
+        react_1.default.createElement("span", { className: "pr-2" }, labelText)));
+};
+exports.default = Label;
+//# sourceMappingURL=Label.js.map

package/dist/widgets/base/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/widgets/base/Label.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,6BAA+B;AAE/B,2CAA2D;AAQ3D,IAAM,UAAU,GAAG;IACjB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,KAAY;IACjB,IAAA,IAAI,GAAiC,KAAK,KAAtC,EAAE,KAAK,GAA0B,KAAK,MAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IAC7C,IAAA,KAAoC,IAAiB,EAAnD,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAsB,CAAC;IAC5D,IAAM,QAAQ,GAAG,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACvD,IAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACtE,IAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,IAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5E,OAAO,CACL,uCACE,SAAS,EAAE,0CAAwC,UAAU,CAAC,UAAU,CAAG;QAE1E,OAAO,IAAI,CACV,8BAAC,cAAO,IAAC,KAAK,EAAE,OAAO;YACrB,8BAAC,8BAAsB,IAAC,SAAS,EAAC,4BAA4B,GAAG,CACzD,CACX;QACD,wCAAM,SAAS,EAAC,MAAM,IAAE,SAAS,CAAQ,CACrC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/widgets/base/LinkInput.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Char as CharOoui } from "@gisce/ooui";
+interface LinkInputProps {
+    ooui: CharOoui;
+    value?: string;
+    onChange?: (value: string) => void;
+    valueValidator: (value?: string) => boolean;
+    linkPrefix?: string;
+}
+export declare const LinkInput: (props: LinkInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=LinkInput.d.ts.map

package/dist/widgets/base/LinkInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkInput.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/LinkInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,UAAW,cAAc,gBAgF9C,CAAC"}

package/dist/widgets/base/LinkInput.js

@@ -0,0 +1,70 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkInput = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var Config_1 = __importDefault(require("@/Config"));
+var icons_1 = require("@ant-design/icons");
+var FormContext_1 = require("@/context/FormContext");
+var LinkInput = function (props) {
+    var ooui = props.ooui, value = props.value, onChange = props.onChange, valueValidator = props.valueValidator, _a = props.linkPrefix, linkPrefix = _a === void 0 ? "" : _a;
+    var _b = ooui, id = _b.id, readOnly = _b.readOnly, required = _b.required;
+    var requiredClass = required && !readOnly ? Config_1.default.requiredClass : undefined;
+    var formContext = react_1.useContext(FormContext_1.FormContext);
+    var elementHasLostFocus = (formContext || {}).elementHasLostFocus;
+    var _c = react_1.useState(false), editMode = _c[0], setEditMode = _c[1];
+    var _d = react_1.useState(false), showInput = _d[0], setShowInput = _d[1];
+    react_1.useEffect(function () {
+        if (readOnly && !editMode) {
+            setShowInput(false);
+        }
+        if (!value && !readOnly) {
+            setEditMode(true);
+            setShowInput(true);
+        }
+    }, [editMode, readOnly]);
+    var onValueStringChange = function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+    };
+    return (react_1.default.createElement(antd_1.Row, { gutter: 8, wrap: false, align: "middle" },
+        !readOnly ? (react_1.default.createElement(antd_1.Col, { flex: "32px" }, editMode ? (react_1.default.createElement(antd_1.Button, { icon: react_1.default.createElement(icons_1.CheckOutlined, null), onClick: function () {
+                if (valueValidator(value)) {
+                    setEditMode(false);
+                    setShowInput(false);
+                }
+            }, tabIndex: -1 })) : (react_1.default.createElement(antd_1.Button, { icon: react_1.default.createElement(icons_1.EditOutlined, null), onClick: function () {
+                setEditMode(true);
+                setShowInput(true);
+            }, tabIndex: -1 })))) : null,
+        react_1.default.createElement(antd_1.Col, { flex: "auto" }, showInput ? (react_1.default.createElement(antd_1.Input, { id: id, onChange: onValueStringChange, className: requiredClass, value: value, onBlur: function () {
+                if (valueValidator(value)) {
+                    setEditMode(false);
+                    setShowInput(false);
+                    elementHasLostFocus === null || elementHasLostFocus === void 0 ? void 0 : elementHasLostFocus();
+                }
+            } })) : (react_1.default.createElement("a", { href: "" + linkPrefix + value, style: { color: "#1890ff", paddingRight: 15 }, target: "_blank" }, value)))));
+};
+exports.LinkInput = LinkInput;
+//# sourceMappingURL=LinkInput.js.map

package/dist/widgets/base/LinkInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkInput.js","sourceRoot":"","sources":["../../../src/widgets/base/LinkInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+D;AAC/D,6BAA+C;AAE/C,oDAA8B;AAC9B,2CAAgE;AAChE,qDAAqE;AAU9D,IAAM,SAAS,GAAG,UAAC,KAAqB;IACrC,IAAA,IAAI,GAAuD,KAAK,KAA5D,EAAE,KAAK,GAAgD,KAAK,MAArD,EAAE,QAAQ,GAAsC,KAAK,SAA3C,EAAE,cAAc,GAAsB,KAAK,eAA3B,EAAE,KAAoB,KAAK,WAAV,EAAf,UAAU,mBAAG,EAAE,KAAA,CAAW;IACnE,IAAA,KAA6B,IAAgB,EAA3C,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAqB,CAAC;IACpD,IAAM,aAAa,GACjB,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAM,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,IAAM,WAAW,GAAG,kBAAU,CAAC,yBAAW,CAAoB,CAAC;IACvD,IAAA,mBAAmB,GAAK,CAAA,WAAW,IAAI,EAAE,CAAA,oBAAtB,CAAuB;IAE5C,IAAA,KAA0B,gBAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAC1C,IAAA,KAA4B,gBAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,iBAAS,CAAC;QACR,IAAI,QAAQ,IAAI,CAAC,QAAQ,EAAE;YACzB,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QAED,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE;YACvB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,IAAM,mBAAmB,GAAG,UAAC,CAAsC;QACjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,UAAG,IAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ;QACxC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,8BAAC,UAAG,IAAC,IAAI,EAAC,MAAM,IACb,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,aAAM,IACL,IAAI,EAAE,8BAAC,qBAAa,OAAG,EACvB,OAAO,EAAE;gBACP,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;oBACzB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB;YACH,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,aAAM,IACL,IAAI,EAAE,8BAAC,oBAAY,OAAG,EACtB,OAAO,EAAE;gBACP,WAAW,CAAC,IAAI,CAAC,CAAC;gBAClB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CACG,CACP,CAAC,CAAC,CAAC,IAAI;QACR,8BAAC,UAAG,IAAC,IAAI,EAAC,MAAM,IACb,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,YAAK,IACJ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,mBAAmB,EAC7B,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE;gBACN,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;oBACzB,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,EAAI,CAAC;iBACzB;YACH,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,qCACE,IAAI,EAAE,KAAG,UAAU,GAAG,KAAO,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,EAC7C,MAAM,EAAC,QAAQ,IAEd,KAAK,CACJ,CACL,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAhFW,QAAA,SAAS,aAgFpB"}

package/dist/widgets/base/MultiSelection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { WidgetProps } from "@/types";
+export declare const MultiSelection: (props: WidgetProps) => JSX.Element;
+declare type SelectionInputProps = WidgetProps & {
+    onChange?: (value: any) => void;
+    value?: string[];
+};
+export declare const MultiSelectionInput: (props: SelectionInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=MultiSelection.d.ts.map

package/dist/widgets/base/MultiSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelection.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/MultiSelection.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,cAAc,UAAW,WAAW,gBAShD,CAAC;AAEF,aAAK,mBAAmB,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,mBAAmB,gBAgD7D,CAAC"}

package/dist/widgets/base/MultiSelection.js

@@ -0,0 +1,69 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.MultiSelectionInput = exports.MultiSelection = void 0;
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Field_1 = __importDefault(require("@/common/Field"));
+var Config_1 = __importDefault(require("@/Config"));
+var Option = antd_1.Select.Option;
+var MultiSelection = function (props) {
+    var ooui = props.ooui;
+    var required = ooui.required;
+    return (react_1.default.createElement(Field_1.default, __assign({ required: required, type: "any" }, props),
+        react_1.default.createElement(exports.MultiSelectionInput, __assign({}, props))));
+};
+exports.MultiSelection = MultiSelection;
+var MultiSelectionInput = function (props) {
+    var ooui = props.ooui, onChange = props.onChange, value = props.value;
+    var _a = ooui, selectionValues = _a.selectionValues, readOnly = _a.readOnly, required = _a.required;
+    var values = Array.from(selectionValues.entries());
+    var options = values &&
+        values.length &&
+        values
+            .filter(function (optionValueKeyPair) {
+            var optionKey = optionValueKeyPair[0];
+            if (!value) {
+                return true;
+            }
+            return !value.includes(optionKey);
+        })
+            .map(function (entry) {
+            var key = entry[0], value = entry[1];
+            return (react_1.default.createElement(Option, { key: key, value: value }, value));
+        });
+    var CustomSelect = required && !readOnly ? RequiredSelect : antd_1.Select;
+    function handleChange(changedValues) {
+        var keysForChangedValues = changedValues.map(function (changedValue) {
+            var entry = values.find(function (_a) {
+                var key = _a[0], value = _a[1];
+                return changedValue === value;
+            });
+            return entry && entry[0];
+        });
+        onChange === null || onChange === void 0 ? void 0 : onChange(keysForChangedValues);
+    }
+    return (react_1.default.createElement(CustomSelect, { disabled: readOnly, onChange: handleChange, value: value === null || value === void 0 ? void 0 : value.map(function (key) { return selectionValues.get(key); }), mode: "multiple", showArrow: true }, options));
+};
+exports.MultiSelectionInput = MultiSelectionInput;
+var RequiredSelect = styled_components_1.default(antd_1.Select)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n    background-color: ", ";\n  }\n"], ["\n  &.ant-select:not(.ant-select-customize-input) .ant-select-selector {\n    background-color: ", ";\n  }\n"])), Config_1.default.requiredColor);
+var templateObject_1;
+//# sourceMappingURL=MultiSelection.js.map

package/dist/widgets/base/MultiSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelection.js","sourceRoot":"","sources":["../../../src/widgets/base/MultiSelection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,6BAA8B;AAC9B,wEAAuC;AAEvC,yDAAmC;AAGnC,oDAA8B;AAEtB,IAAA,MAAM,GAAK,aAAM,OAAX,CAAY;AAEnB,IAAM,cAAc,GAAG,UAAC,KAAkB;IACvC,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACf,IAAA,QAAQ,GAAK,IAAI,SAAT,CAAU;IAE1B,OAAO,CACL,8BAAC,eAAK,aAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAM,KAAK;QAC/C,8BAAC,2BAAmB,eAAK,KAAK,EAAI,CAC5B,CACT,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB;AAOK,IAAM,mBAAmB,GAAG,UAAC,KAA0B;IACpD,IAAA,IAAI,GAAsB,KAAK,KAA3B,EAAE,QAAQ,GAAY,KAAK,SAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAClC,IAAA,KAA0C,IAAqB,EAA7D,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAA0B,CAAC;IAEtE,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;IAErD,IAAM,OAAO,GACX,MAAM;QACN,MAAM,CAAC,MAAM;QACb,MAAM;aACH,MAAM,CAAC,UAAC,kBAAkB;YAClB,IAAA,SAAS,GAAI,kBAAkB,GAAtB,CAAuB;YACvC,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YACD,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC,CAAC;aACD,GAAG,CAAC,UAAC,KAAe;YACZ,IAAA,GAAG,GAAW,KAAK,GAAhB,EAAE,KAAK,GAAI,KAAK,GAAT,CAAU;YAC3B,OAAO,CACL,8BAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,IAC3B,KAAK,CACC,CACV,CAAC;QACJ,CAAC,CAAC,CAAC;IAEP,IAAM,YAAY,GAAQ,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAM,CAAC;IAE1E,SAAS,YAAY,CAAC,aAAuB;QAC3C,IAAM,oBAAoB,GAAG,aAAa,CAAC,GAAG,CAAC,UAAC,YAAY;YAC1D,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,EAAY;oBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;gBAAM,OAAA,YAAY,KAAK,KAAK;YAAtB,CAAsB,CAAC,CAAC;YACpE,OAAO,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,oBAAoB,CAAC,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAxB,CAAwB,CAAC,EACpD,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAI,IAEd,OAAO,CACK,CAChB,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,mBAAmB,uBAgD9B;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,aAAM,CAAC,iLAAA,kGAEb,EAAoB,UAE3C,KAFuB,gBAAM,CAAC,aAAa,CAE3C,CAAC"}

package/dist/widgets/base/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WidgetProps } from "@/types";
+export declare const ProgressBar: (props: WidgetProps) => JSX.Element;
+export declare const ProgressBarInput: ({ value }: {
+    value?: number | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/widgets/base/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/ProgressBar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,eAAO,MAAM,WAAW,UAAW,WAAW,gBAM7C,CAAC;AAEF,eAAO,MAAM,gBAAgB;;iBAa5B,CAAC"}

package/dist/widgets/base/ProgressBar.js

@@ -0,0 +1,45 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.ProgressBarInput = exports.ProgressBar = void 0;
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var Field_1 = __importDefault(require("@/common/Field"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var ProgressBar = function (props) {
+    return (react_1.default.createElement(Field_1.default, __assign({}, props),
+        react_1.default.createElement(exports.ProgressBarInput, null)));
+};
+exports.ProgressBar = ProgressBar;
+var ProgressBarInput = function (_a) {
+    var value = _a.value;
+    var textValue = (value || 0).toLocaleString("en-US", {
+        minimumIntegerDigits: 1,
+        maximumFractionDigits: 4,
+        useGrouping: false,
+    }) + "%";
+    return (react_1.default.createElement("div", { style: { flex: 1, display: "flex", alignItems: "center" } },
+        react_1.default.createElement(StyledProgress, { percent: value }),
+        react_1.default.createElement("div", { style: { flexGrow: 1, paddingLeft: 10 } }, textValue)));
+};
+exports.ProgressBarInput = ProgressBarInput;
+var StyledProgress = styled_components_1.default(antd_1.Progress)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .ant-progress-outer {\n    margin-right: 0px;\n    padding-right: 0px;\n  }\n  .ant-progress-text {\n    display: none;\n  }\n"], ["\n  .ant-progress-outer {\n    margin-right: 0px;\n    padding-right: 0px;\n  }\n  .ant-progress-text {\n    display: none;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=ProgressBar.js.map

package/dist/widgets/base/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/widgets/base/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,6BAAgC;AAChC,yDAAmC;AAEnC,wEAAuC;AAEhC,IAAM,WAAW,GAAG,UAAC,KAAkB;IAC5C,OAAO,CACL,8BAAC,eAAK,eAAK,KAAK;QACd,8BAAC,wBAAgB,OAAG,CACd,CACT,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,WAAW,eAMtB;AAEK,IAAM,gBAAgB,GAAG,UAAC,EAA6B;QAA3B,KAAK,WAAA;IACtC,IAAM,SAAS,GAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE;QACxD,oBAAoB,EAAE,CAAC;QACvB,qBAAqB,EAAE,CAAC;QACxB,WAAW,EAAE,KAAK;KACnB,CAAC,MAAG,CAAC;IAEN,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;QAC5D,8BAAC,cAAc,IAAC,OAAO,EAAE,KAAK,GAAI;QAClC,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,IAAG,SAAS,CAAO,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,eAAQ,CAAC,uMAAA,oIAQtC,IAAA,CAAC"}

package/dist/widgets/base/Reference.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Reference as ReferenceOoui } from "@gisce/ooui";
+declare type Props = {
+    ooui: ReferenceOoui;
+    onOpenDetailClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+    onSearchClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+};
+export declare const Reference: (props: Props) => JSX.Element;
+interface ReferenceInputProps {
+    ooui: ReferenceOoui;
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+export declare const ReferenceInput: React.FC<ReferenceInputProps>;
+export {};
+//# sourceMappingURL=Reference.d.ts.map

package/dist/widgets/base/Reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reference.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/Reference.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,SAAS,IAAI,aAAa,EAG3B,MAAM,aAAa,CAAC;AAKrB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,aAAa,CAAC;IACpB,iBAAiB,CAAC,EACd,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC,GAC5D,SAAS,CAAC;IACd,aAAa,CAAC,EACV,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC,GAC5D,SAAS,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,KAAK,gBASrC,CAAC;AAEF,UAAU,mBAAmB;IAC3B,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkExD,CAAC"}