@gorilla-engine-sdk/ge-dialogs-lib 0.5.7

package/dist/notifications/NotificationProvider.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationProvider = void 0;
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const NotificationContext_1 = require("./NotificationContext");
+const NotificationRoot_1 = require("./NotificationRoot");
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const __1 = require("..");
+/**
+ * Notification Provider
+ *
+ * Provides Notification context and renders NotificationRoot.
+ */
+const NotificationProvider = ({ styleState, children, }) => {
+    const [Notifications, setNotifications] = (0, react_1.useState)({});
+    const state = (0, DialogsStyleState_1.useDialogsStylesState)();
+    const showNotification = (0, react_1.useCallback)((key, Notification) => setNotifications((Notifications) => ({
+        ...Notifications,
+        [key]: Notification,
+    })), []);
+    const hideNotification = (0, react_1.useCallback)((key) => setNotifications((Notifications) => {
+        if (!Notifications[key]) {
+            return Notifications;
+        }
+        const newNotifications = { ...Notifications };
+        delete newNotifications[key];
+        return newNotifications;
+    }), []);
+    const contextValue = (0, react_1.useMemo)(() => ({ showNotification, hideNotification, styleState }), []);
+    React.useEffect(() => {
+        console.debug(`${__1.GE_DIALOGS_LIB} NotificationProvider: useEffect []`);
+    }, []);
+    return (React.createElement(NotificationContext_1.NotificationContext.Provider, { value: contextValue },
+        React.createElement("geLabel", { width: state.pluginWidth, height: state.pluginHeight, interceptsMouseClicks: false }, children),
+        React.createElement("geLabel", { width: state.pluginWidth, height: state.pluginHeight, interceptsMouseClicks: false },
+            React.createElement(NotificationRoot_1.NotificationRoot, { Notifications: Notifications }))));
+};
+exports.NotificationProvider = NotificationProvider;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTm90aWZpY2F0aW9uUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbm90aWZpY2F0aW9ucy9Ob3RpZmljYXRpb25Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsaUNBQXVEO0FBQ3ZELDZDQUErQjtBQUMvQiwrREFBOEU7QUFDOUUseURBQXNEO0FBQ3RELDREQUE2RDtBQUM3RCwwQkFBb0M7QUFhcEM7Ozs7R0FJRztBQUNJLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxFQUNuQyxVQUFVLEVBQ1YsUUFBUSxHQUNrQixFQUFFLEVBQUU7SUFDOUIsTUFBTSxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFFaEQsRUFBRSxDQUFDLENBQUM7SUFFTixNQUFNLEtBQUssR0FBRyxJQUFBLHlDQUFxQixHQUFFLENBQUM7SUFFdEMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFBLG1CQUFXLEVBQ2xDLENBQUMsR0FBVyxFQUFFLFlBQThCLEVBQUUsRUFBRSxDQUM5QyxnQkFBZ0IsQ0FBQyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNuQyxHQUFHLGFBQWE7UUFDaEIsQ0FBQyxHQUFHLENBQUMsRUFBRSxZQUFZO0tBQ3BCLENBQUMsQ0FBQyxFQUNMLEVBQUUsQ0FDSCxDQUFDO0lBRUYsTUFBTSxnQkFBZ0IsR0FBRyxJQUFBLG1CQUFXLEVBQ2xDLENBQUMsR0FBVyxFQUFFLEVBQUUsQ0FDZCxnQkFBZ0IsQ0FBQyxDQUFDLGFBQWEsRUFBRSxFQUFFO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUN4QixPQUFPLGFBQWEsQ0FBQztRQUN2QixDQUFDO1FBQ0QsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLEdBQUcsYUFBYSxFQUFFLENBQUM7UUFDOUMsT0FBTyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QixPQUFPLGdCQUFnQixDQUFDO0lBQzFCLENBQUMsQ0FBQyxFQUNKLEVBQUUsQ0FDSCxDQUFDO0lBRUYsTUFBTSxZQUFZLEdBQUcsSUFBQSxlQUFPLEVBQzFCLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUMxRCxFQUFFLENBQ0gsQ0FBQztJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxrQkFBYyxxQ0FBcUMsQ0FBQyxDQUFDO0lBQ3hFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTCxvQkFBQyx5Q0FBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLFlBQVk7UUFDL0MsaUNBQ0UsS0FBSyxFQUFFLEtBQUssQ0FBQyxXQUFXLEVBQ3hCLE1BQU0sRUFBRSxLQUFLLENBQUMsWUFBWSxFQUMxQixxQkFBcUIsRUFBRSxLQUFLLElBRTNCLFFBQVEsQ0FDRDtRQUNWLGlDQUNFLEtBQUssRUFBRSxLQUFLLENBQUMsV0FBVyxFQUN4QixNQUFNLEVBQUUsS0FBSyxDQUFDLFlBQVksRUFDMUIscUJBQXFCLEVBQUUsS0FBSztZQUU1QixvQkFBQyxtQ0FBZ0IsSUFBQyxhQUFhLEVBQUUsYUFBYSxHQUFJLENBQzFDLENBQ21CLENBQ2hDLENBQUM7QUFDSixDQUFDLENBQUM7QUEzRFcsUUFBQSxvQkFBb0Isd0JBMkQvQiJ9

package/dist/notifications/NotificationRoot.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { NotificationType } from "./NotificationContext";
+/**
+ * Notification Root Props
+ */
+interface NotificationRootProps {
+    /**
+     * Map of Notification instances associated by unique ids
+     */
+    Notifications: Record<string, NotificationType>;
+    /**
+     * Container component for Notifications
+     *
+     * Notifications will be rendered as children of this component. React.Fragment is
+     * used by defualt, specifying a different component can change the way Notifications
+     * are rendered across the whole application.
+     */
+    component?: React.ComponentType<any>;
+    /**
+     * Specifies the root element to render Notifications into
+     */
+    container?: Element;
+}
+/**
+ * Notification Root
+ *
+ * Renders Notifications using react portal.
+ */
+export declare const NotificationRoot: React.MemoExoticComponent<({ Notifications, component: RootComponent, }: NotificationRootProps) => React.JSX.Element>;
+export {};

package/dist/notifications/NotificationRoot.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationRoot = void 0;
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const __1 = require("..");
+/**
+ * Component responsible for rendering the Notification.
+ *
+ * The identity of `Component` may change dependeing on the inputs passed to
+ * `useNotification`. If we simply rendered `<Component />` then the Notification would be
+ * susceptible to rerenders whenever one of the inputs change.
+ */
+const NotificationRenderer = (0, react_1.memo)(({ component, width, height, ...rest }) => {
+    console.log(`${__1.GE_DIALOGS_LIB} NotificationRenderer w: ${width} h: ${height}`);
+    const c = component(rest);
+    const comp = React.cloneElement(c, rest);
+    return React.createElement(React.Fragment, null, comp);
+});
+/**
+ * Notification Root
+ *
+ * Renders Notifications using react portal.
+ */
+exports.NotificationRoot = (0, react_1.memo)(({ Notifications, component: RootComponent = React.Fragment, }) => {
+    //const [mountNode, setMountNode] = useState<Element | undefined>(undefined);
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    return (React.createElement(RootComponent, null, Object.keys(Notifications).map((key, index) => {
+        const args = {};
+        if (stylesState.stackNotifications) {
+            args["x"] = 100;
+            args["y"] = index * 50 + 10;
+        }
+        return (React.createElement(NotificationRenderer, { key: key, component: Notifications[key], width: stylesState.pluginWidth, height: stylesState.pluginHeight, ...args }));
+    })));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTm90aWZpY2F0aW9uUm9vdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ub3RpZmljYXRpb25zL05vdGlmaWNhdGlvblJvb3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlDQUFrRDtBQUNsRCw2Q0FBK0I7QUFFL0IsNERBQWdGO0FBQ2hGLDBCQUFvQztBQXNDcEM7Ozs7OztHQU1HO0FBQ0gsTUFBTSxvQkFBb0IsR0FBRyxJQUFBLFlBQUksRUFDL0IsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxFQUE2QixFQUFFLEVBQUU7SUFDbkUsT0FBTyxDQUFDLEdBQUcsQ0FDVCxHQUFHLGtCQUFjLDRCQUE0QixLQUFLLE9BQU8sTUFBTSxFQUFFLENBQ2xFLENBQUM7SUFFRixNQUFNLENBQUMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFMUIsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUE0QixFQUFFLElBQUksQ0FBQyxDQUFDO0lBRXBFLE9BQU8sMENBQUcsSUFBSSxDQUFJLENBQUM7QUFDckIsQ0FBQyxDQUNGLENBQUM7QUFFRjs7OztHQUlHO0FBQ1UsUUFBQSxnQkFBZ0IsR0FBRyxJQUFBLFlBQUksRUFDbEMsQ0FBQyxFQUNDLGFBQWEsRUFDYixTQUFTLEVBQUUsYUFBYSxHQUFHLEtBQUssQ0FBQyxRQUFRLEdBQ25CLEVBQUUsRUFBRTtJQUMxQiw2RUFBNkU7SUFDN0UsTUFBTSxXQUFXLEdBQXNCLElBQUEseUNBQXFCLEdBQUUsQ0FBQztJQUUvRCxPQUFPLENBQ0wsb0JBQUMsYUFBYSxRQUNYLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFO1FBQzdDLE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNoQixJQUFJLFdBQVcsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1lBQ25DLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUM7WUFDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEtBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBQzlCLENBQUM7UUFDRCxPQUFPLENBQ0wsb0JBQUMsb0JBQW9CLElBQ25CLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLGFBQWEsQ0FBQyxHQUFHLENBQUMsRUFDN0IsS0FBSyxFQUFFLFdBQVcsQ0FBQyxXQUFXLEVBQzlCLE1BQU0sRUFBRSxXQUFXLENBQUMsWUFBWSxLQUM1QixJQUFJLEdBQ1IsQ0FDSCxDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQ1ksQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=

package/dist/notifications/useNotification.d.ts

@@ -0,0 +1,19 @@
+import { NotificationsStyle } from '../DialogsStyleState';
+/**
+ * Callback types provided for descriptive type-hints
+ */
+type ShowNotificationConfig = {
+    message: string;
+    notificationStyle?: NotificationsStyle;
+    key?: string | number;
+};
+type ShowNotification = (config: ShowNotificationConfig) => void;
+type HideNotification = (extKey?: string) => void;
+/**
+ * React hook for showing Notification windows
+ */
+export type UseNotificationProps = {
+    notificationStyle?: NotificationsStyle;
+};
+export declare const useNotification: (props?: UseNotificationProps) => [ShowNotification, HideNotification];
+export {};

package/dist/notifications/useNotification.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.useNotification = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const NotificationContext_1 = require("./NotificationContext");
+const DefaultNotification_1 = __importDefault(require("./DefaultNotification"));
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const dialogsDefaultStyle_1 = require("../dialogsDefaultStyle");
+/**
+ * Utility function to generate unique number per component instance
+ */
+const generateNotificationKey = (() => {
+    let count = 0;
+    return () => `${++count}`;
+})();
+/**
+ * Check whether the argument is a stateless component.
+ *
+ * We take advantage of the stateless nature of functional components to be
+ * inline the rendering of the Notification component as part of another immutable
+ * component.
+ *
+ * This is necessary for allowing the Notification to update based on the inputs passed
+ * as the second argument to useNotification without unmounting the previous version of
+ * the Notification component.
+ */
+const isFunctionalComponent = (Component) => {
+    const prototype = Component.prototype;
+    return !prototype || !prototype.isReactComponent;
+};
+let hideNotificationInterval = {};
+const useNotification = (props) => {
+    const key = (0, react_1.useMemo)(generateNotificationKey, []);
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    const context = (0, react_1.useContext)(NotificationContext_1.NotificationContext);
+    const duration = (0, react_1.useMemo)(() => {
+        const notificationStyle = stylesState.notification ?? dialogsDefaultStyle_1.dialogsDefaultStyle.notification;
+        return notificationStyle.duration ? notificationStyle.duration : 2500;
+    }, [stylesState.notification]);
+    const showNotification = (config) => {
+        const k = Date.now().toString(); //config.key ? Date.now().toString() : key;
+        if (hideNotificationInterval[k]) {
+            clearInterval(hideNotificationInterval[k]);
+            delete hideNotificationInterval[k];
+        }
+        const c = () => (React.createElement(DefaultNotification_1.default, { message: config.message, notificationStyle: config.notificationStyle ? config.notificationStyle : props?.notificationStyle }));
+        context.showNotification(k, c);
+        hideNotificationInterval[k] = setInterval(() => {
+            clearInterval(hideNotificationInterval[k]);
+            //if (config.key) hideNotification(k);
+            //else hideNotification();
+            hideNotification(k);
+        }, duration);
+    };
+    const hideNotification = (extKey) => {
+        context.hideNotification(extKey ? extKey : key);
+    };
+    return [showNotification, hideNotification];
+};
+exports.useNotification = useNotification;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTm90aWZpY2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL25vdGlmaWNhdGlvbnMvdXNlTm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBK0I7QUFFL0IsaUNBQThGO0FBQzlGLCtEQUE4RTtBQUM5RSxnRkFBd0Q7QUFDeEQsNERBQW9HO0FBQ3BHLGdFQUE2RDtBQWE3RDs7R0FFRztBQUNILE1BQU0sdUJBQXVCLEdBQUcsQ0FBQyxHQUFHLEVBQUU7SUFDcEMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBRWQsT0FBTyxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUM7QUFDNUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztBQUVMOzs7Ozs7Ozs7O0dBVUc7QUFDSCxNQUFNLHFCQUFxQixHQUFHLENBQUMsU0FBbUIsRUFBRSxFQUFFO0lBQ3BELE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUM7SUFFdEMsT0FBTyxDQUFDLFNBQVMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFhRixJQUFJLHdCQUF3QixHQUFXLEVBQUUsQ0FBQztBQUVuQyxNQUFNLGVBQWUsR0FBRyxDQUM3QixLQUE0QixFQUNVLEVBQUU7SUFDeEMsTUFBTSxHQUFHLEdBQUcsSUFBQSxlQUFPLEVBQUMsdUJBQXVCLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFakQsTUFBTSxXQUFXLEdBQXNCLElBQUEseUNBQXFCLEdBQUUsQ0FBQztJQUMvRCxNQUFNLE9BQU8sR0FBRyxJQUFBLGtCQUFVLEVBQUMseUNBQW1CLENBQUMsQ0FBQztJQUVoRCxNQUFNLFFBQVEsR0FBRyxJQUFBLGVBQU8sRUFBQyxHQUFHLEVBQUU7UUFDNUIsTUFBTSxpQkFBaUIsR0FBRyxXQUFXLENBQUMsWUFBWSxJQUFJLHlDQUFtQixDQUFDLFlBQWEsQ0FBQztRQUN4RixPQUFPLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDeEUsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE1BQThCLEVBQUUsRUFBRTtRQUMxRCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQywyQ0FBMkM7UUFDNUUsSUFBSSx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ2hDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzNDLE9BQU8sd0JBQXdCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDckMsQ0FBQztRQUNELE1BQU0sQ0FBQyxHQUFxQixHQUFHLEVBQUUsQ0FBQyxDQUNoQyxvQkFBQyw2QkFBbUIsSUFDbEIsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQ3ZCLGlCQUFpQixFQUNmLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsaUJBQWlCLEdBRWhGLENBQ0gsQ0FBQztRQUNGLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFL0Isd0JBQXdCLENBQUMsQ0FBQyxDQUFDLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUM3QyxhQUFhLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMzQyxzQ0FBc0M7WUFDdEMsMEJBQTBCO1lBQzFCLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RCLENBQUMsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUNmLENBQUMsQ0FBQztJQUVGLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxNQUFlLEVBQUUsRUFBRTtRQUMzQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2xELENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0FBQzlDLENBQUMsQ0FBQztBQTFDVyxRQUFBLGVBQWUsbUJBMEMxQiJ9

package/dist/tooltips/DefaultToolTip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ToolTipsStyle } from '../DialogsStyleState';
+type DefaultToolTipProps = {
+    component: any;
+    id: string;
+    toolTipStyle?: ToolTipsStyle;
+};
+declare function DefaultToolTip(props: DefaultToolTipProps): React.JSX.Element;
+export default DefaultToolTip;

package/dist/tooltips/DefaultToolTip.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const ErrorBoundary_1 = require("../ErrorBoundary");
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const dialogsDefaultStyle_1 = require("../dialogsDefaultStyle");
+function DefaultToolTip(props) {
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    const toolTipStyle = React.useMemo(() => props.toolTipStyle ?? stylesState.toolTip ?? dialogsDefaultStyle_1.dialogsDefaultStyle.toolTip, [props.toolTipStyle, stylesState.toolTip]);
+    const [compProps] = (0, react_1.useState)(getAbsoultCoordinates(props.component));
+    const defaultWidth = 150;
+    const [width, setWidth] = (0, react_1.useState)(defaultWidth);
+    const [height, setHeight] = (0, react_1.useState)(toolTipStyle.container.height ? toolTipStyle.container.height : 40);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const [xPos, setXPos] = (0, react_1.useState)(0);
+    const [yPos, setYPos] = (0, react_1.useState)(0);
+    /*const xPos =
+     */
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        const calcText = async () => {
+            const textWidth = await GorillaEngine.calculateTextWidth(props.id, '', 13, 0);
+            return textWidth;
+        };
+        calcText().then((textWidth) => {
+            const w = textWidth + 40;
+            setWidth(w);
+            calculateXPos(w);
+            calculateYPos();
+            setVisible(true);
+        });
+        return () => {
+            mounted = false;
+        };
+    }, []);
+    const calculateXPos = (ttWidth) => {
+        let pos = compProps.width > ttWidth
+            ? Math.round(compProps.x + (compProps.width - ttWidth) / 2)
+            : Math.round(compProps.x - (ttWidth - compProps.width) / 2);
+        if (pos < 0) {
+            pos = 10;
+        }
+        if (pos + ttWidth > compProps.viewPortWidth) {
+            pos = compProps.viewPortWidth - ttWidth - 10;
+        }
+        setXPos(pos);
+    };
+    const calculateYPos = () => {
+        let pos = compProps.y + compProps.height + 5;
+        if (pos + height > stylesState.pluginHeight) {
+            pos = compProps.y - height - 5;
+        }
+        setYPos(pos);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ErrorBoundary_1.ErrorBoundary, null,
+            React.createElement("geLabel", { x: xPos, y: yPos, width: width, height: height, visible: visible, ...toolTipStyle.container },
+                React.createElement("geLabel", { ...toolTipStyle.label, x: 0, y: 0, width: width, height: height, text: props.id })))));
+}
+exports.default = DefaultToolTip;
+const getAbsoultCoordinates = (component) => {
+    const comp = component._nativeHandle ? component._nativeHandle : component;
+    const coordinates = {
+        x: 0,
+        y: 0,
+        width: comp.width,
+        height: comp.height,
+        viewPortWidth: 0,
+        viewPortHeight: 0,
+    };
+    const iterateUp = (c) => {
+        coordinates.x += c.x ? c.x : 0;
+        coordinates.y += c.y ? c.y : 0;
+        if (c.parent) {
+            iterateUp(c.parent);
+        }
+        else {
+            coordinates.viewPortWidth = c.width;
+            coordinates.viewPortHeight = c.height;
+        }
+    };
+    iterateUp(comp);
+    return coordinates;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFRvb2xUaXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdG9vbHRpcHMvRGVmYXVsdFRvb2xUaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQStCO0FBRS9CLGlDQUE0QztBQUM1QyxvREFBaUQ7QUFDakQsNERBQStGO0FBQy9GLGdFQUE2RDtBQVE3RCxTQUFTLGNBQWMsQ0FBQyxLQUEwQjtJQUNoRCxNQUFNLFdBQVcsR0FBc0IsSUFBQSx5Q0FBcUIsR0FBRSxDQUFDO0lBQy9ELE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ2hDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxZQUFZLElBQUksV0FBVyxDQUFDLE9BQU8sSUFBSSx5Q0FBbUIsQ0FBQyxPQUFRLEVBQy9FLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQzFDLENBQUM7SUFFRixNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXJFLE1BQU0sWUFBWSxHQUFHLEdBQUcsQ0FBQztJQUV6QixNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxZQUFZLENBQUMsQ0FBQztJQUNqRCxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFDbEMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQ25FLENBQUM7SUFDRixNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxN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

package/dist/tooltips/ToolTipContext.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+/**
+ * ToolTips are represented as react components
+ *
+ * This is what gets passed to useToolTip as the first argument.
+ */
+export type ToolTipType = React.FunctionComponent<any>;
+/**
+ * The shape of the ToolTip context
+ */
+export interface ToolTipContextType {
+    showToolTip(key: string, component: ToolTipType): void;
+    hideToolTip(key: string): void;
+}
+/**
+ * ToolTip Context Object
+ */
+export declare const ToolTipContext: React.Context<ToolTipContextType>;

package/dist/tooltips/ToolTipContext.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolTipContext = void 0;
+const React = __importStar(require("react"));
+/**
+ * Throw error when ToolTipContext is used outside of context provider
+ */
+const invariantViolation = () => {
+    throw new Error("Attempted to call useToolTip outside of ToolTip context. Make sure your app is rendered inside ToolTipProvider.");
+};
+/**
+ * ToolTip Context Object
+ */
+exports.ToolTipContext = React.createContext({
+    showToolTip: invariantViolation,
+    hideToolTip: invariantViolation,
+});
+exports.ToolTipContext.displayName = "ToolTipContext";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbFRpcENvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdG9vbHRpcHMvVG9vbFRpcENvbnRleHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQStCO0FBaUIvQjs7R0FFRztBQUNILE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO0lBQzlCLE1BQU0sSUFBSSxLQUFLLENBQ2IsaUhBQWlILENBQ2xILENBQUM7QUFDSixDQUFDLENBQUM7QUFFRjs7R0FFRztBQUNVLFFBQUEsY0FBYyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXFCO0lBQ3BFLFdBQVcsRUFBRSxrQkFBa0I7SUFDL0IsV0FBVyxFQUFFLGtCQUFrQjtDQUNoQyxDQUFDLENBQUM7QUFDSCxzQkFBYyxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQyJ9

package/dist/tooltips/ToolTipProvider.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+/**
+ * ToolTip Provider Props
+ */
+export interface ToolTipProviderProps {
+    styleState: any;
+    /**
+     * Specifies the root element to render ToolTips into
+     */
+    container?: Element;
+    /**
+     * Container component for ToolTip nodes
+     */
+    rootComponent?: React.ComponentType<any>;
+    /**
+     * Subtree that will receive ToolTip context
+     */
+    children: React.ReactNode;
+}
+/**
+ * ToolTip Provider
+ *
+ * Provides ToolTip context and renders ToolTipRoot.
+ */
+export declare const ToolTipProvider: ({ styleState, container, rootComponent, children, }: ToolTipProviderProps) => React.JSX.Element;

package/dist/tooltips/ToolTipProvider.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolTipProvider = void 0;
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const ToolTipContext_1 = require("./ToolTipContext");
+const ToolTipRoot_1 = require("./ToolTipRoot");
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const __1 = require("..");
+/**
+ * ToolTip Provider
+ *
+ * Provides ToolTip context and renders ToolTipRoot.
+ */
+const ToolTipProvider = ({ styleState, container, rootComponent, children, }) => {
+    if (container && !(container instanceof HTMLElement)) {
+        throw new Error(`Container must specify DOM element to mount ToolTip root into.
+    This behavior has changed in 3.0.0. Please use \`rootComponent\` prop instead.
+    See: https://github.com/mpontus/react-ToolTip-hook/issues/18`);
+    }
+    const [ToolTips, setToolTips] = (0, react_1.useState)({});
+    const state = (0, DialogsStyleState_1.useDialogsStylesState)();
+    const showToolTip = (0, react_1.useCallback)((key, ToolTip) => setToolTips((ToolTips) => ({
+        ...ToolTips,
+        [key]: ToolTip,
+    })), []);
+    const hideToolTip = (0, react_1.useCallback)((key) => setToolTips((ToolTips) => {
+        if (!ToolTips[key]) {
+            return ToolTips;
+        }
+        const newToolTips = { ...ToolTips };
+        delete newToolTips[key];
+        return newToolTips;
+    }), []);
+    const contextValue = (0, react_1.useMemo)(() => ({ showToolTip, hideToolTip, styleState }), []);
+    React.useEffect(() => {
+        console.debug(`${__1.GE_DIALOGS_LIB} ToolTipProvider: useEffect []`);
+    }, []);
+    return (React.createElement(ToolTipContext_1.ToolTipContext.Provider, { value: contextValue },
+        React.createElement("geLabel", { width: state.pluginWidth, height: state.pluginHeight }, children),
+        React.createElement(ToolTipRoot_1.ToolTipRoot, { ToolTips: ToolTips, component: rootComponent, container: container })));
+    /**
+     *
+     *  return (
+      <ToolTipContext.Provider value={contextValue}>
+        <React.Fragment>
+          {children}
+          <ToolTipRoot
+            ToolTips={ToolTips}
+            component={rootComponent}
+            container={container}
+          />
+        </React.Fragment>
+      </ToolTipContext.Provider>
+    )
+     */
+};
+exports.ToolTipProvider = ToolTipProvider;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbFRpcFByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Rvb2x0aXBzL1Rvb2xUaXBQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsaUNBQXVEO0FBQ3ZELDZDQUErQjtBQUMvQixxREFBK0Q7QUFDL0QsK0NBQTRDO0FBQzVDLDREQUE2RDtBQUM3RCwwQkFBb0M7QUF1QnBDOzs7O0dBSUc7QUFDSSxNQUFNLGVBQWUsR0FBRyxDQUFDLEVBQzlCLFVBQVUsRUFDVixTQUFTLEVBQ1QsYUFBYSxFQUNiLFFBQVEsR0FDYSxFQUFFLEVBQUU7SUFDekIsSUFBSSxTQUFTLElBQUksQ0FBQyxDQUFDLFNBQVMsWUFBWSxXQUFXLENBQUMsRUFBRSxDQUFDO1FBQ3JELE1BQU0sSUFBSSxLQUFLLENBQUM7O2lFQUU2QyxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUNELE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUE4QixFQUFFLENBQUMsQ0FBQztJQUUxRSxNQUFNLEtBQUssR0FBRyxJQUFBLHlDQUFxQixHQUFFLENBQUM7SUFFdEMsTUFBTSxXQUFXLEdBQUcsSUFBQSxtQkFBVyxFQUM3QixDQUFDLEdBQVcsRUFBRSxPQUFvQixFQUFFLEVBQUUsQ0FDcEMsV0FBVyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3pCLEdBQUcsUUFBUTtRQUNYLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTztLQUNmLENBQUMsQ0FBQyxFQUNMLEVBQUUsQ0FDSCxDQUFDO0lBRUYsTUFBTSxXQUFXLEdBQUcsSUFBQSxtQkFBVyxFQUM3QixDQUFDLEdBQVcsRUFBRSxFQUFFLENBQ2QsV0FBVyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUM7UUFDRCxNQUFNLFdBQVcsR0FBRyxFQUFFLEdBQUcsUUFBUSxFQUFFLENBQUM7UUFDcEMsT0FBTyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEIsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQyxDQUFDLEVBQ0osRUFBRSxDQUNILENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxJQUFBLGVBQU8sRUFDMUIsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFDaEQsRUFBRSxDQUNILENBQUM7SUFFRixLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNuQixPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsa0JBQWMsZ0NBQWdDLENBQUMsQ0FBQztJQUNuRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsK0JBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLFlBQVk7UUFDMUMsaUNBQVMsS0FBSyxFQUFFLEtBQUssQ0FBQyxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxZQUFZLElBQzFELFFBQVEsQ0FDRDtRQUNWLG9CQUFDLHlCQUFXLElBQ1YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLGFBQWEsRUFDeEIsU0FBUyxFQUFFLFNBQVMsR0FDcEIsQ0FDc0IsQ0FDM0IsQ0FBQztJQUVGOzs7Ozs7Ozs7Ozs7OztPQWNHO0FBQ0wsQ0FBQyxDQUFDO0FBMUVXLFFBQUEsZUFBZSxtQkEwRTFCIn0=