@journeyapps-labs/reactor-mod 1.0.0

package/dist/widgets/forms/buttons.js

@@ -0,0 +1,40 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import * as React from 'react';
+import { useState } from 'react';
+import { styled } from '../../stores/themes/reactor-theme-fragment';
+import { IconWidget } from '../icons/IconWidget';
+var S;
+(function (S) {
+    S.Icon = styled(IconWidget) `
+    align-self: center;
+  `;
+    S.FA = styled(FontAwesomeIcon) `
+    align-self: center;
+  `;
+})(S || (S = {}));
+export function useSubmit(props) {
+    const [block, setBlocking] = useState(false);
+    return {
+        action: (event) => {
+            if (block || props.submitting || props.disabled) {
+                return;
+            }
+            props.action(event, (loading) => {
+                setBlocking(loading);
+            });
+        },
+        blocking: block
+    };
+}
+export const ButtonWidgetIcon = (props) => {
+    if (!props.icon) {
+        return null;
+    }
+    if (props.loading) {
+        return React.createElement(S.FA, { className: props.className, fixedWidth: true, icon: "sync-alt", spin: true });
+    }
+    if (!!props.icon) {
+        return React.createElement(S.Icon, { className: props.className, icon: props.icon });
+    }
+};
+//# sourceMappingURL=buttons.js.map

package/dist/widgets/forms/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/widgets/forms/buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,UAAU,EAAe,MAAM,qBAAqB,CAAC;AAE9D,IAAU,CAAC,CAQV;AARD,WAAU,CAAC;IACI,MAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;GAErC,CAAC;IAEW,IAAE,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;;GAExC,CAAC;AACJ,CAAC,EARS,CAAC,KAAD,CAAC,QAQV;AAED,MAAM,UAAU,SAAS,CAAC,KAAqC;IAI7D,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7C,OAAO;QACL,MAAM,EAAE,CAAC,KAAiB,EAAE,EAAE;YAC5B,IAAI,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAChD,OAAO;YACT,CAAC;YACD,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,OAAgB,EAAE,EAAE;gBACvC,WAAW,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;QACL,CAAC;QACD,QAAQ,EAAE,KAAK;KAChB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAkE,CAAC,KAAK,EAAE,EAAE;IACvG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,CAAC,CAAC,EAAE,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAC5F,CAAC;IACD,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,oBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC;IAClE,CAAC;AACH,CAAC,CAAC"}

package/dist/widgets/forms/dates/DatePickerInputWidget.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+import 'react-day-picker/style.css';
+import { styled } from '../../../stores/themes/reactor-theme-fragment';
+import { observer } from 'mobx-react';
+var S;
+(function (S) {
+    S.Container = styled.div `
+    .rdp-root {
+      --rdp-accent-color: ${(p) => p.theme.text.primary};
+      --rdp-accent-background-color: ${(p) => p.theme.header.primary};
+      --rdp-day-height: 30px;
+      --rdp-day-width: 30px;
+      color: ${(p) => p.theme.text.primary};
+    }
+  `;
+})(S || (S = {}));
+export const DatePickerInputWidget = observer((props) => {
+    return (React.createElement(S.Container, { className: props.className },
+        React.createElement(DayPicker, { showOutsideDays: false, defaultMonth: props.date, selected: props.date, mode: "single", onDayClick: (day) => {
+                props.dateChanged(day);
+            } })));
+});
+//# sourceMappingURL=DatePickerInputWidget.js.map

package/dist/widgets/forms/dates/DatePickerInputWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInputWidget.js","sourceRoot":"","sources":["../../../../src/widgets/forms/dates/DatePickerInputWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,IAAU,CAAC,CAUV;AAVD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAI;;4BAEb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;uCAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;eAGrD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;GAEvC,CAAC;AACJ,CAAC,EAVS,CAAC,KAAD,CAAC,QAUV;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAyC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IAC5F,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;QACrC,oBAAC,SAAS,IACR,eAAe,EAAE,KAAK,EACtB,YAAY,EAAE,KAAK,CAAC,IAAI,EACxB,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE;gBAClB,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACzB,CAAC,GACD,CACU,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/widgets/forms/dates/DateRangeSelectorWidget.js

@@ -0,0 +1,128 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import * as React from 'react';
+import { styled } from '../../../stores/themes/reactor-theme-fragment';
+import { DateTime, Duration } from 'luxon';
+import { ioc } from '../../../inversify.config';
+import { Layer, LayerManager } from '../../../stores/layer/LayerManager';
+import { getTransparentColor } from '@journeyapps-labs/lib-reactor-utils';
+import { DateTimePickerLayerWidget } from './DateTimePickerLayerWidget';
+import { ComboBoxStore2 } from '../../../stores/combo2/ComboBoxStore2';
+import { SimpleComboBoxDirective } from '../../../stores/combo2/directives/SimpleComboBoxDirective';
+import { SmartDateDisplayWidget } from '../../info/DateDisplayWidget';
+const DEFAULT_DURATIONS = [
+    Duration.fromObject({
+        minutes: 15
+    }),
+    Duration.fromObject({
+        hours: 1
+    }),
+    Duration.fromObject({
+        days: 1
+    }),
+    Duration.fromObject({
+        weeks: 1
+    }),
+    Duration.fromObject({
+        months: 1
+    })
+];
+const FloatingDatePicker = (props) => {
+    return (React.createElement(S.Span, { onClick: (position) => {
+            ioc.get(LayerManager).registerLayer(new Layer({
+                render: (event) => {
+                    return (React.createElement(DateTimePickerLayerWidget, Object.assign({}, props, { close: () => {
+                            event.layer.dispose();
+                        }, dateChanged: (date) => {
+                            event.layer.dispose();
+                            props.changed(date);
+                        }, position: position })));
+                }
+            }));
+        } }, props.children));
+};
+export const DateRangeSelectorWidget = (props) => {
+    const start = DateTime.fromJSDate(props.start);
+    const end = DateTime.fromJSDate(props.end);
+    let rel = '(custom)';
+    if (DateTime.fromJSDate(new Date()).diff(end).seconds < 60) {
+        rel = start.toRelative();
+    }
+    return (React.createElement(S.Container, null,
+        React.createElement(FloatingDatePicker, { label: "Start time", date: props.start, changed: (date) => {
+                if (date < props.end) {
+                    props.changed(date, props.end);
+                }
+            } },
+            React.createElement(S.Date, null,
+                React.createElement(SmartDateDisplayWidget, { date: props.start }))),
+        React.createElement(S.Icon, { icon: "arrow-right" }),
+        React.createElement(FloatingDatePicker, { label: "End time", date: props.end, changed: (date) => {
+                if (date >= props.start) {
+                    props.changed(props.start, date);
+                }
+            } },
+            React.createElement(S.Date, null,
+                React.createElement(SmartDateDisplayWidget, { date: props.end }))),
+        React.createElement(S.Relative, { onClick: async (event) => {
+                await ioc.get(ComboBoxStore2).show(new SimpleComboBoxDirective({
+                    items: (props.durations || DEFAULT_DURATIONS).map((duration, index) => {
+                        const d = DateTime.fromJSDate(new Date()).minus(duration);
+                        let item = {
+                            key: `${index}`,
+                            title: `${DateTime.fromJSDate(new Date()).minus(duration).toRelative()}`,
+                            action: async () => {
+                                // recompute at the time the action is fired
+                                props.changed(DateTime.fromJSDate(new Date()).minus(duration).toJSDate(), new Date());
+                            }
+                        };
+                        if (props.transformDurations) {
+                            item = props.transformDurations(item, duration);
+                        }
+                        return item;
+                    }),
+                    event
+                }));
+            } }, rel)));
+};
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+  `;
+    S.Date = styled.div `
+    color: ${(p) => p.theme.text.primary};
+    margin-right: 5px;
+    font-size: 14px;
+    white-space: nowrap;
+  `;
+    S.Span = styled.div `
+    display: flex;
+    cursor: pointer;
+  `;
+    S.Icon = styled(FontAwesomeIcon) `
+    margin-left: 10px;
+    margin-right: 10px;
+    font-size: 17px;
+    color: ${(p) => getTransparentColor(p.theme.text.primary, 0.5)};
+    opacity: 0.6;
+  `;
+    S.Time = styled.div `
+    color: ${(p) => p.theme.text.secondary};
+    font-size: 14px;
+    white-space: nowrap;
+  `;
+    S.Relative = styled.div `
+    margin-left: 10px;
+    color: ${(p) => getTransparentColor(p.theme.buttonLink.color, 0.7)};
+    font-size: 12px;
+    cursor: pointer;
+    white-space: nowrap;
+
+    &:hover {
+      color: ${(p) => p.theme.buttonLink.color};
+    }
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=DateRangeSelectorWidget.js.map

package/dist/widgets/forms/dates/DateRangeSelectorWidget.js.map

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

package/dist/widgets/forms/dates/DateTimeButtonWidget.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { DateTime } from 'luxon';
+import { styled } from '../../../stores/themes/reactor-theme-fragment';
+import { PanelButtonWidget } from '../PanelButtonWidget';
+import { DateTimePickerType } from './DateTimePickerWidget';
+import { DateTimePickerLayerWidget } from './DateTimePickerLayerWidget';
+import { ioc } from '../../../inversify.config';
+import { Layer, LayerManager } from '../../../stores/layer/LayerManager';
+var S;
+(function (S) {
+    S.Wrapper = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  `;
+    S.Label = styled.div `
+    margin-right: 5px;
+    font-size: 14px;
+    color: ${(p) => p.theme.text.secondary};
+  `;
+})(S || (S = {}));
+export const DateTimeButtonWidget = (props) => {
+    const dt = DateTime.fromJSDate(props.date);
+    let label = dt.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS);
+    if (props.type === DateTimePickerType.DATE) {
+        label = dt.toLocaleString(DateTime.DATETIME_SHORT);
+    }
+    else if (props.type === DateTimePickerType.TIME) {
+        label = dt.toLocaleString(DateTime.TIME_WITH_SECONDS);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(S.Wrapper, { className: props.className },
+            React.createElement(S.Label, null, props.label),
+            React.createElement(PanelButtonWidget, { label: label, action: (event2) => {
+                    ioc.get(LayerManager).registerLayer(new Layer({
+                        render: (event) => {
+                            return (React.createElement(DateTimePickerLayerWidget, Object.assign({}, props, { label: "Select a date", close: () => {
+                                    event.layer.dispose();
+                                }, dateChanged: (date) => {
+                                    event.layer.dispose();
+                                    props.dateChanged(date);
+                                }, position: event2 })));
+                        }
+                    }));
+                } }))));
+};
+//# sourceMappingURL=DateTimeButtonWidget.js.map

package/dist/widgets/forms/dates/DateTimeButtonWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeButtonWidget.js","sourceRoot":"","sources":["../../../../src/widgets/forms/dates/DateTimeButtonWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAA6B,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAMzE,IAAU,CAAC,CAYV;AAZD,WAAU,CAAC;IACI,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;GAIhC,CAAC;IAEW,OAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;aAGpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;GACvC,CAAC;AACJ,CAAC,EAZS,CAAC,KAAD,CAAC,QAYV;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE3C,IAAI,KAAK,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IACpE,IAAI,KAAK,CAAC,IAAI,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC;QAC3C,KAAK,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACrD,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC;QAClD,KAAK,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACxD,CAAC;IAED,OAAO,CACL;QACE,oBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;YACnC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAC,KAAK,CAAW;YAChC,oBAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;oBACjB,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,aAAa,CACjC,IAAI,KAAK,CAAC;wBACR,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChB,OAAO,CACL,oBAAC,yBAAyB,oBACpB,KAAK,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,GAAG,EAAE;oCACV,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gCACxB,CAAC,EACD,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;oCACpB,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;oCACtB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gCAC1B,CAAC,EACD,QAAQ,EAAE,MAAM,IAChB,CACH,CAAC;wBACJ,CAAC;qBACF,CAAC,CACH,CAAC;gBACJ,CAAC,GACD,CACQ,CACX,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/widgets/forms/dates/DateTimePickerLayerWidget.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { useState } from 'react';
+import { SmartPositionWidget } from '../../../layers/combo/SmartPositionWidget';
+import { DateTimePickerWidget } from './DateTimePickerWidget';
+import { FloatingPanelWidget } from '../../floating/FloatingPanelWidget';
+import { FloatingPanelButtonWidget } from '../../floating/FloatingPanelButtonWidget';
+import { styled } from '../../../stores/themes/reactor-theme-fragment';
+export const DateTimePickerLayerWidget = (props) => {
+    const [date, setDate] = useState(props.date);
+    return (React.createElement(SmartPositionWidget, { position: props.position },
+        React.createElement(S.FloatingPanel, { center: false },
+            React.createElement(S.FloatingLabel, null, props.label),
+            React.createElement(DateTimePickerWidget, { type: props.type, date: date, dateChanged: (d) => {
+                    setDate(d);
+                } }),
+            React.createElement(S.FloatingButtons, null,
+                React.createElement(S.FloatingButton, { btn: {
+                        label: 'Cancel',
+                        action: () => {
+                            var _a;
+                            (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props);
+                        }
+                    } }),
+                React.createElement(S.FloatingButton, { btn: {
+                        label: 'Apply',
+                        submitButton: true,
+                        action: () => {
+                            props.dateChanged(date);
+                        }
+                    } })))));
+};
+var S;
+(function (S) {
+    S.FloatingLabel = styled.div `
+    font-size: 16px;
+    padding-bottom: 10px;
+    color: ${(p) => p.theme.text.primary};
+  `;
+    S.FloatingPanel = styled(FloatingPanelWidget) `
+    padding: 10px;
+  `;
+    S.FloatingButton = styled(FloatingPanelButtonWidget) `
+    margin: 5px;
+  `;
+    S.FloatingButtons = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=DateTimePickerLayerWidget.js.map

package/dist/widgets/forms/dates/DateTimePickerLayerWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerLayerWidget.js","sourceRoot":"","sources":["../../../../src/widgets/forms/dates/DateTimePickerLayerWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAiB,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC/F,OAAO,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAQvE,MAAM,CAAC,MAAM,yBAAyB,GAA6C,CAAC,KAAK,EAAE,EAAE;IAC3F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAC3C,oBAAC,CAAC,CAAC,aAAa,IAAC,MAAM,EAAE,KAAK;YAC5B,oBAAC,CAAC,CAAC,aAAa,QAAE,KAAK,CAAC,KAAK,CAAmB;YAChD,oBAAC,oBAAoB,IACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;oBACjB,OAAO,CAAC,CAAC,CAAC,CAAC;gBACb,CAAC,GACD;YACF,oBAAC,CAAC,CAAC,eAAe;gBAChB,oBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE;wBACH,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,GAAG,EAAE;;4BACX,MAAA,KAAK,CAAC,KAAK,qDAAI,CAAC;wBAClB,CAAC;qBACF,GACD;gBACF,oBAAC,CAAC,CAAC,cAAc,IACf,GAAG,EAAE;wBACH,KAAK,EAAE,OAAO;wBACd,YAAY,EAAE,IAAI;wBAClB,MAAM,EAAE,GAAG,EAAE;4BACX,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBAC1B,CAAC;qBACF,GACD,CACgB,CACJ,CACE,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAU,CAAC,CAoBV;AApBD,WAAU,CAAC;IACI,eAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;aAG5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;GACrC,CAAC;IAEW,eAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;;GAEvD,CAAC;IAEW,gBAAc,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAA;;GAE9D,CAAC;IAEW,iBAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;GAIxC,CAAC;AACJ,CAAC,EApBS,CAAC,KAAD,CAAC,QAoBV"}

package/dist/widgets/forms/dates/DateTimePickerWidget.js

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import styled from '@emotion/styled';
+import { InputContainerWidget } from '../InputContainerWidget';
+import { Input } from '../inputs';
+import { DateTime } from 'luxon';
+import { DatePickerInputWidget } from './DatePickerInputWidget';
+export var DateTimePickerType;
+(function (DateTimePickerType) {
+    DateTimePickerType["DATE"] = "date";
+    DateTimePickerType["TIME"] = "time";
+    DateTimePickerType["DATETIME"] = "datetime";
+})(DateTimePickerType || (DateTimePickerType = {}));
+export const DateTimePickerWidget = (props) => {
+    const dt = DateTime.fromJSDate(props.date);
+    const type = props.type || DateTimePickerType.DATETIME;
+    const [time, setTime] = useState({
+        ob: dt,
+        time: dt.toLocaleString(DateTime.TIME_24_SIMPLE)
+    });
+    const [date, setDate] = useState(props.date);
+    const [valid, setValid] = useState(true);
+    useEffect(() => {
+        const t2 = dt.toLocaleString(DateTime.TIME_24_SIMPLE);
+        if (t2 !== time.time) {
+            setTime({
+                ob: DateTime.fromJSDate(props.date),
+                time: t2
+            });
+        }
+        setDate(props.date);
+    }, [props.date.toISOString()]);
+    useEffect(() => {
+        if (!time.ob.isValid) {
+            setValid(false);
+            return;
+        }
+        setValid(true);
+        const newDate = DateTime.fromObject({
+            year: date.getFullYear(),
+            month: date.getMonth() + 1,
+            day: date.getDate(),
+            hour: time.ob.hour,
+            minute: time.ob.minute,
+            second: props.date.getSeconds()
+        }, {
+            zone: time.ob.zone
+        }).toJSDate();
+        if (newDate.toUTCString() !== props.date.toUTCString()) {
+            props.dateChanged(newDate);
+        }
+    }, [time.time, date.toDateString()]);
+    useEffect(() => {
+        var _a;
+        (_a = props.validityChanged) === null || _a === void 0 ? void 0 : _a.call(props, valid);
+    }, [valid]);
+    if (type === DateTimePickerType.DATETIME) {
+        return (React.createElement(S.Container, { className: props.className },
+            React.createElement(InputContainerWidget, { error: !valid ? 'Invalid time' : '', label: "Time" },
+                React.createElement(S.TimeInput, { value: time.time, onChange: (event) => {
+                        setTime({
+                            time: event.target.value,
+                            ob: DateTime.fromFormat(event.target.value.trim(), 'hh:mm')
+                        });
+                    } })),
+            React.createElement(InputContainerWidget, { label: "Date" },
+                React.createElement(DatePickerInputWidget, { date: date, dateChanged: (date) => {
+                        setDate(date);
+                    } }))));
+    }
+    if (type === DateTimePickerType.TIME) {
+        return (React.createElement(S.TimeInput, { className: props.className, value: time.time, onChange: (event) => {
+                setTime({
+                    time: event.target.value,
+                    ob: DateTime.fromFormat(event.target.value.trim(), 'hh:mm')
+                });
+            } }));
+    }
+    if (type === DateTimePickerType.DATE) {
+        return (React.createElement(DatePickerInputWidget, { className: props.className, date: date, dateChanged: (date) => {
+                setDate(date);
+            } }));
+    }
+};
+var S;
+(function (S) {
+    S.Container = styled.div `
+    display: flex;
+    flex-direction: column;
+    row-gap: 5px;
+  `;
+    S.TimeInput = styled(Input) `
+    font-size: 20px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=DateTimePickerWidget.js.map

package/dist/widgets/forms/dates/DateTimePickerWidget.js.map

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

package/dist/widgets/forms/inputs.js

@@ -0,0 +1,13 @@
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+export const Input = themed.input `
+  outline: none;
+  border: none;
+  color: ${(p) => p.theme.forms.inputForeground};
+  background: ${(p) => p.theme.forms.inputBackground};
+  padding: 5px 10px;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: 13px;
+  border-radius: 3px;
+`;
+//# sourceMappingURL=inputs.js.map

package/dist/widgets/forms/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../../src/widgets/forms/inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;WAGtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;gBAC/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;;;;CAMnD,CAAC"}

package/dist/widgets/forms/selects.js

@@ -0,0 +1,12 @@
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+export const Select = themed.select `
+  outline: none;
+  border: none;
+  color: ${(p) => p.theme.text.primary};
+  background: ${(p) => p.theme.panels.trayBackground};
+  padding: 5px 10px;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: 15px;
+`;
+//# sourceMappingURL=selects.js.map

package/dist/widgets/forms/selects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selects.js","sourceRoot":"","sources":["../../../src/widgets/forms/selects.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;WAGxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;gBACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;;;;CAKnD,CAAC"}

package/dist/widgets/forms/textAreas.js

@@ -0,0 +1,15 @@
+import { themed } from '../../stores/themes/reactor-theme-fragment';
+export const TextArea = themed.textarea `
+    font-family: 'Source Sans Pro';
+    outline: none;
+    border: none;
+    border-radius: 3px;
+    color: ${(p) => p.theme.forms.inputForeground};
+    background: ${(p) => p.theme.forms.inputBackground};
+    padding: 5px 10px;
+    width: 100%;
+    resize: vertical;
+    box-sizing: border-box;
+    font-size: 13px;
+`;
+//# sourceMappingURL=textAreas.js.map

package/dist/widgets/forms/textAreas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreas.js","sourceRoot":"","sources":["../../../src/widgets/forms/textAreas.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAA;;;;;aAK1B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;kBAC/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;;;;;CAMrD,CAAC"}

package/dist/widgets/graphs/GraphWidget.js

@@ -0,0 +1,112 @@
+import * as React from 'react';
+import { useRef } from 'react';
+import { Area, AreaChart, CartesianGrid, Label, ReferenceArea, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
+import { DateTime } from 'luxon';
+import * as _ from 'lodash';
+import { formatNumber } from '@journeyapps-labs/lib-reactor-utils';
+import { PanelPlaceholderWidget } from '../panel/panel/PanelPlaceholderWidget';
+import { FloatingPanelWidget } from '../floating/FloatingPanelWidget';
+import { ioc } from '../../inversify.config';
+import { ThemeStore } from '../../stores/themes/ThemeStore';
+import { styled, theme } from '../../stores/themes/reactor-theme-fragment';
+import { observer } from 'mobx-react';
+import Color from 'color';
+import { SmartDateDisplayWidget } from '../info/DateDisplayWidget';
+export const CustomTooltip = (props) => {
+    var _a, _b;
+    if (!props.active) {
+        return null;
+    }
+    const dt = DateTime.fromMillis(props.label);
+    return (React.createElement(S.Floating, { center: false },
+        React.createElement(S.MetaKey, null,
+            React.createElement(SmartDateDisplayWidget, { date: dt })),
+        React.createElement(S.MetaValue, null, props.props.formatValue((_b = (_a = props.payload) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value))));
+};
+export const InnerGraphWidget = observer((props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const _theme = ioc.get(ThemeStore).getCurrentTheme(theme);
+    const stops = [_theme.graphs.fillStop1, _theme.graphs.fillStop2, _theme.graphs.fillStop3].map((s) => {
+        return new Color(s);
+    });
+    const stop_offsets = [5, 50, 95];
+    let lowest_value = (_a = _.minBy(props.data, (d) => d.value)) === null || _a === void 0 ? void 0 : _a.value;
+    let lowest_threshold = (_b = _.minBy(props.thresholds || [], (t) => t.value)) === null || _b === void 0 ? void 0 : _b.value;
+    let highest_value = (_c = _.maxBy(props.data, (d) => d.value)) === null || _c === void 0 ? void 0 : _c.value;
+    let highest_threshold = (_d = _.maxBy(props.thresholds || [], (t) => t.value)) === null || _d === void 0 ? void 0 : _d.value;
+    return (React.createElement(S.Responsive, { height: "100%" },
+        React.createElement(AreaChart, { data: props.data.map((d) => {
+                return Object.assign(Object.assign({}, d), { timestamp: d.timestamp.getTime(), realtime: d.realtime ? d.value : undefined });
+            }), margin: { top: 5, right: 20, bottom: 5, left: 0 } },
+            React.createElement("defs", null,
+                React.createElement("linearGradient", { id: "colorPv", x1: "0", y1: "0", x2: "1", y2: "0" }, stops.map((s, index) => {
+                    return (React.createElement("stop", { key: index, offset: `${stop_offsets[index]}%`, stopColor: s.hex(), stopOpacity: s.alpha() }));
+                })),
+                React.createElement("linearGradient", { id: "colorPv2", x1: "0", y1: "0", x2: "1", y2: "0" },
+                    React.createElement("stop", { offset: "0%", stopColor: "#FFA500", stopOpacity: 1 },
+                        React.createElement("animate", { attributeName: "stop-opacity", dur: "1600ms", values: "0;1;0", repeatCount: "indefinite" })),
+                    React.createElement("stop", { offset: "100%", stopColor: "#FFA500", stopOpacity: 1 },
+                        React.createElement("animate", { attributeName: "stop-opacity", dur: "1600ms", values: "0;1;0", repeatCount: "indefinite" })))),
+            React.createElement(Area, { isAnimationActive: (_e = props.animate) !== null && _e !== void 0 ? _e : true, type: "monotone", dataKey: "value", stroke: _theme.graphs.line, strokeWidth: 2, fill: "url(#colorPv)" }),
+            React.createElement(Area, { isAnimationActive: (_f = props.animate) !== null && _f !== void 0 ? _f : true, type: "monotone", dataKey: "realtime", stroke: "orange", strokeWidth: 2, fill: "url(#colorPv2)" }),
+            React.createElement(CartesianGrid, { stroke: _theme.graphs.grid }),
+            React.createElement(XAxis, { scale: "time", type: "number", domain: [props.start.getTime(), props.end.getTime()], style: {
+                    fontSize: '12px',
+                    stroke: 'none'
+                }, dataKey: "timestamp", tickFormatter: (v) => {
+                    const dt = DateTime.fromMillis(v);
+                    return props.formatDate(dt);
+                } }),
+            React.createElement(YAxis, { style: {
+                    fontSize: '12px',
+                    stroke: 'none'
+                }, tickFormatter: (v) => {
+                    return formatNumber(v);
+                }, domain: (props.thresholds || []).length > 0
+                    ? [
+                        Math.min(...[lowest_threshold, lowest_value].filter((f) => !!f)),
+                        Math.max(...[highest_threshold, highest_value].filter((f) => !!f))
+                    ]
+                    : undefined },
+                React.createElement(Label, { fontSize: 12, style: {
+                        textAnchor: 'middle'
+                    }, angle: -90, value: props.yAxis, position: "insideLeft" }, props.yAxis)),
+            (props.thresholds || []).map((t) => {
+                return (React.createElement(React.Fragment, { key: t.key },
+                    React.createElement(ReferenceLine, { stroke: _theme.graphs.thresholdLine, strokeWidth: 2, y: t.value }),
+                    React.createElement(ReferenceArea, { fill: _theme.graphs.thresholdLine, fillOpacity: 0.2, x1: props.start.getTime(), y1: t.value, x2: props.end.getTime(), y2: t.above ? _.maxBy(props.data, (d) => d.value).value : 0 })));
+            }),
+            React.createElement(Tooltip, { content: (_props) => {
+                    return React.createElement(CustomTooltip, Object.assign({}, _props, { props: props }));
+                } }))));
+});
+export const GraphWidget = (props) => {
+    const ref = useRef(null);
+    return (React.createElement(S.Container, { ref: ref }, props.data.length > 0 ? (React.createElement(InnerGraphWidget, Object.assign({}, props))) : (React.createElement(PanelPlaceholderWidget, { center: true, text: "No data found", icon: "warning" }))));
+};
+var S;
+(function (S) {
+    S.Responsive = styled(ResponsiveContainer) `
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+  `;
+    S.Container = styled.div `
+    height: 100%;
+    overflow: hidden;
+    position: relative;
+  `;
+    S.MetaKey = styled.div `
+    color: ${(p) => p.theme.text.primary};
+  `;
+    S.MetaValue = styled.div `
+    color: ${(p) => p.theme.graphs.line};
+  `;
+    S.Floating = styled(FloatingPanelWidget) `
+    padding: 10px;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=GraphWidget.js.map

package/dist/widgets/graphs/GraphWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GraphWidget.js","sourceRoot":"","sources":["../../../src/widgets/graphs/GraphWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,KAAK,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,OAAO,EAEP,KAAK,EACL,KAAK,EACN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAuBnE,MAAM,CAAC,MAAM,aAAa,GAAyF,CACjH,KAAK,EACL,EAAE;;IACF,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;IACtD,OAAO,CACL,oBAAC,CAAC,CAAC,QAAQ,IAAC,MAAM,EAAE,KAAK;QACvB,oBAAC,CAAC,CAAC,OAAO;YACR,oBAAC,sBAAsB,IAAC,IAAI,EAAE,EAAE,GAAI,CAC1B;QACZ,oBAAC,CAAC,CAAC,SAAS,QAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAG,CAAC,CAAC,0CAAE,KAAK,CAAC,CAAe,CACpE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA+B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;;IAC7E,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAClG,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEjC,IAAI,YAAY,GAAG,MAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC;IAC9D,IAAI,gBAAgB,GAAG,MAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC;IAE9E,IAAI,aAAa,GAAG,MAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC;IAC/D,IAAI,iBAAiB,GAAG,MAAA,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,0CAAE,KAAK,CAAC;IAE/E,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU,IAAC,MAAM,EAAC,MAAM;QACzB,oBAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACzB,uCACK,CAAC,KACJ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,EAChC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAC1C;YACJ,CAAC,CAAC,EACF,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;YAEjD;gBACE,wCAAgB,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,IACrD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBACtB,OAAO,CACL,8BAAM,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,GAAI,CACpG,CAAC;gBACJ,CAAC,CAAC,CACa;gBACjB,wCAAgB,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG;oBACvD,8BAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAE,CAAC;wBAClD,iCAAS,aAAa,EAAC,cAAc,EAAC,GAAG,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,YAAY,GAAG,CACxF;oBACP,8BAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAE,CAAC;wBACpD,iCAAS,aAAa,EAAC,cAAc,EAAC,GAAG,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,YAAY,GAAG,CACxF,CACQ,CACZ;YACP,oBAAC,IAAI,IACH,iBAAiB,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,EACxC,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAC1B,WAAW,EAAE,CAAC,EACd,IAAI,EAAC,eAAe,GACpB;YACF,oBAAC,IAAI,IACH,iBAAiB,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,IAAI,EACxC,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,QAAQ,EACf,WAAW,EAAE,CAAC,EACd,IAAI,EAAC,gBAAgB,GACrB;YACF,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAI;YAC7C,oBAAC,KAAK,IACJ,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,EACpD,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,MAAM;iBACf,EACD,OAAO,EAAC,WAAW,EACnB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;oBACnB,MAAM,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;oBAClC,OAAO,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;gBAC9B,CAAC,GACD;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,MAAM;iBACf,EACD,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;oBACnB,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC,EACD,MAAM,EACJ,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;oBACjC,CAAC,CAAC;wBACE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAChE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBACnE;oBACH,CAAC,CAAC,SAAS;gBAGf,oBAAC,KAAK,IACJ,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;qBACrB,EACD,KAAK,EAAE,CAAC,EAAE,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAC,YAAY,IAEpB,KAAK,CAAC,KAAK,CACN,CACF;YACP,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBAClC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG;oBACxB,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,GAAI;oBAClF,oBAAC,aAAa,IACZ,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EACjC,WAAW,EAAE,GAAG,EAChB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,EACzB,EAAE,EAAE,CAAC,CAAC,KAAK,EACX,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,EACvB,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAC3D,CACa,CAClB,CAAC;YACJ,CAAC,CAAC;YACF,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;oBAClB,OAAO,oBAAC,aAAa,oBAAK,MAAM,IAAE,KAAK,EAAE,KAAK,IAAI,CAAC;gBACrD,CAAC,GACD,CACQ,CACC,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,GAAG,IAClB,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAChC,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAsB,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,GAAG,CAC7E,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AACF,IAAU,CAAC,CA2BV;AA3BD,WAAU,CAAC;IACI,YAAU,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;;;;;;;GAOpD,CAAC;IAEW,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;GAIlC,CAAC;IAEW,SAAO,GAAG,MAAM,CAAC,GAAG,CAAA;aACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;GACrC,CAAC;IAEW,WAAS,GAAG,MAAM,CAAC,GAAG,CAAA;aACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;GACpC,CAAC;IAEW,UAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;;GAElD,CAAC;AACJ,CAAC,EA3BS,CAAC,KAAD,CAAC,QA2BV"}