@journeyapps-labs/reactor-mod 1.0.0

package/dist/stores/guide/selections/ComponentSelection.js

@@ -0,0 +1,68 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { observable } from 'mobx';
+import { v4 } from 'uuid';
+import * as _ from 'lodash';
+import { BaseObserver } from '@journeyapps-labs/lib-reactor-utils';
+export var ToolTipPositionHint;
+(function (ToolTipPositionHint) {
+    ToolTipPositionHint["ABOVE"] = "above";
+    ToolTipPositionHint["BELOW"] = "below";
+    ToolTipPositionHint["RIGHT"] = "right";
+    ToolTipPositionHint["LEFT"] = "left";
+})(ToolTipPositionHint || (ToolTipPositionHint = {}));
+let ComponentSelection = (() => {
+    var _a, _ComponentSelection_tooltip_accessor_storage, _ComponentSelection_rect_accessor_storage;
+    let _classSuper = BaseObserver;
+    let _tooltip_decorators;
+    let _tooltip_initializers = [];
+    let _tooltip_extraInitializers = [];
+    let _rect_decorators;
+    let _rect_initializers = [];
+    let _rect_extraInitializers = [];
+    return _a = class ComponentSelection extends _classSuper {
+            get tooltip() { return __classPrivateFieldGet(this, _ComponentSelection_tooltip_accessor_storage, "f"); }
+            set tooltip(value) { __classPrivateFieldSet(this, _ComponentSelection_tooltip_accessor_storage, value, "f"); }
+            get rect() { return __classPrivateFieldGet(this, _ComponentSelection_rect_accessor_storage, "f"); }
+            set rect(value) { __classPrivateFieldSet(this, _ComponentSelection_rect_accessor_storage, value, "f"); }
+            constructor(options) {
+                super();
+                _ComponentSelection_tooltip_accessor_storage.set(this, __runInitializers(this, _tooltip_initializers, void 0));
+                _ComponentSelection_rect_accessor_storage.set(this, (__runInitializers(this, _tooltip_extraInitializers), __runInitializers(this, _rect_initializers, void 0)));
+                this.options = __runInitializers(this, _rect_extraInitializers);
+                this.options = options;
+                this.id = v4();
+                this.rect = null;
+                this.tooltip = null;
+            }
+            setRect(rect) {
+                this.rect = rect;
+            }
+            dispose() {
+                this.iterateListeners((c) => { var _b; return (_b = c.deactivated()) === null || _b === void 0 ? void 0 : _b(); });
+            }
+            showTooltip(message) {
+                this.tooltip = message;
+                return this;
+            }
+            matches(identifier) {
+                if (identifier.type !== this.options.type) {
+                    return false;
+                }
+                return _.isEqual(_.pickBy(this.options.identifier || {}, _.identity), _.pickBy(identifier.selection || {}, _.identity));
+            }
+        },
+        _ComponentSelection_tooltip_accessor_storage = new WeakMap(),
+        _ComponentSelection_rect_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _tooltip_decorators = [observable];
+            _rect_decorators = [observable];
+            __esDecorate(_a, null, _tooltip_decorators, { kind: "accessor", name: "tooltip", static: false, private: false, access: { has: obj => "tooltip" in obj, get: obj => obj.tooltip, set: (obj, value) => { obj.tooltip = value; } }, metadata: _metadata }, _tooltip_initializers, _tooltip_extraInitializers);
+            __esDecorate(_a, null, _rect_decorators, { kind: "accessor", name: "rect", static: false, private: false, access: { has: obj => "rect" in obj, get: obj => obj.rect, set: (obj, value) => { obj.rect = value; } }, metadata: _metadata }, _rect_initializers, _rect_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { ComponentSelection };
+//# sourceMappingURL=ComponentSelection.js.map

package/dist/stores/guide/selections/ComponentSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentSelection.js","sourceRoot":"","sources":["../../../../src/stores/guide/selections/ComponentSelection.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAE1B,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAWnE,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,sCAAe,CAAA;IACf,sCAAe,CAAA;IACf,oCAAa,CAAA;AACf,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;IAgBY,kBAAkB;;sBAGrB,YAAY;;;;;;;sBAHT,kBAGX,SAAQ,WAAe;YAIvB,IAAS,OAAO,8FAAmB;YAAnC,IAAS,OAAO,mGAAmB;YAGnC,IAAS,IAAI,2FAAc;YAA3B,IAAS,IAAI,gGAAc;YAI3B,YAAY,OAAqC;gBAC/C,KAAK,EAAE,CAAC;gBARD,+GAA0B;gBAG1B,gKAAkB;gBAE3B,YAAO,oDAA+B;gBAIpC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;gBACvB,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;gBACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;gBACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACtB,CAAC;YAED,OAAO,CAAC,IAAiB;gBACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACnB,CAAC;YAED,OAAO;gBACL,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,WAAW,EAAE,2CAAI,CAAA,EAAA,CAAC,CAAC;YACpD,CAAC;YAED,WAAW,CAAC,OAAyB;gBACnC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;gBACvB,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CAAC,UAA+C;gBACrD,IAAI,UAAU,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;oBAC1C,OAAO,KAAK,CAAC;gBACf,CAAC;gBAED,OAAO,CAAC,CAAC,OAAO,CACd,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EACnD,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CACjD,CAAC;YACJ,CAAC;;;;;;;mCAtCA,UAAU;gCAGV,UAAU;YAFX,wKAAS,OAAO,6BAAP,OAAO,yFAAmB;YAGnC,+JAAS,IAAI,6BAAJ,IAAI,mFAAc;;;;;SAVhB,kBAAkB"}

package/dist/stores/guide/selections/DialogComponentSelection.js

@@ -0,0 +1,48 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { ComponentSelection } from './ComponentSelection';
+import { DialogStore } from '../../DialogStore';
+import { inject } from '../../../inversify.config';
+import { ReactorComponentType } from './common';
+let DialogComponentSelection = (() => {
+    var _a, _DialogComponentSelection_dialogStore_accessor_storage;
+    let _classSuper = ComponentSelection;
+    let _dialogStore_decorators;
+    let _dialogStore_initializers = [];
+    let _dialogStore_extraInitializers = [];
+    return _a = class DialogComponentSelection extends _classSuper {
+            get dialogStore() { return __classPrivateFieldGet(this, _DialogComponentSelection_dialogStore_accessor_storage, "f"); }
+            set dialogStore(value) { __classPrivateFieldSet(this, _DialogComponentSelection_dialogStore_accessor_storage, value, "f"); }
+            constructor() {
+                super({
+                    type: ReactorComponentType.DIALOG
+                });
+                _DialogComponentSelection_dialogStore_accessor_storage.set(this, __runInitializers(this, _dialogStore_initializers, void 0));
+                this.dialogListener = __runInitializers(this, _dialogStore_extraInitializers);
+            }
+            lock() {
+                this.dialogListener = this.dialogStore.registerListener({
+                    dialogWillHide: (event) => {
+                        if (!event.val) {
+                            event.preventDefault();
+                        }
+                    }
+                });
+            }
+            dispose() {
+                var _b;
+                super.dispose();
+                (_b = this.dialogListener) === null || _b === void 0 ? void 0 : _b.call(this);
+            }
+        },
+        _DialogComponentSelection_dialogStore_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _dialogStore_decorators = [inject(DialogStore)];
+            __esDecorate(_a, null, _dialogStore_decorators, { kind: "accessor", name: "dialogStore", static: false, private: false, access: { has: obj => "dialogStore" in obj, get: obj => obj.dialogStore, set: (obj, value) => { obj.dialogStore = value; } }, metadata: _metadata }, _dialogStore_initializers, _dialogStore_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { DialogComponentSelection };
+//# sourceMappingURL=DialogComponentSelection.js.map

package/dist/stores/guide/selections/DialogComponentSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogComponentSelection.js","sourceRoot":"","sources":["../../../../src/stores/guide/selections/DialogComponentSelection.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;IAEnC,wBAAwB;;sBAAS,kBAAkB;;;;sBAAnD,wBAAyB,SAAQ,WAAkB;YAE9D,IAAS,WAAW,wGAAc;YAAlC,IAAS,WAAW,6GAAc;YAIlC;gBACE,KAAK,CAAC;oBACJ,IAAI,EAAE,oBAAoB,CAAC,MAAM;iBAClC,CAAC,CAAC;gBAPI,6HAAyB;gBAElC,mBAAc,2DAAY;YAM1B,CAAC;YAED,IAAI;gBACF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;oBACtD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;wBACxB,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;4BACf,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,CAAC;oBACH,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;YAED,OAAO;;gBACL,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChB,MAAA,IAAI,CAAC,cAAc,oDAAI,CAAC;YAC1B,CAAC;;;;;;uCAxBA,MAAM,CAAC,WAAW,CAAC;YACpB,oLAAS,WAAW,6BAAX,WAAW,iGAAc;;;;;SAFvB,wBAAwB"}

package/dist/stores/guide/selections/common.js

@@ -0,0 +1,81 @@
+import { ComponentSelection } from './ComponentSelection';
+import { DialogComponentSelection } from './DialogComponentSelection';
+import { ComboBoxComponentSelection } from './ComboBoxComponentSelection';
+export var ReactorComponentType;
+(function (ReactorComponentType) {
+    ReactorComponentType["BTN"] = "button";
+    ReactorComponentType["HEADER_BUTTON"] = "header-btn";
+    ReactorComponentType["FOOTER_BUTTON"] = "footer-btn";
+    ReactorComponentType["PANEL_MICRO_BUTTON"] = "panel-micro-button";
+    ReactorComponentType["COMBO_BOX_ITEM"] = "combo-box-item";
+    ReactorComponentType["COMBO_BOX"] = "combo-box";
+    ReactorComponentType["TREE_LEAF"] = "tree-leaf";
+    ReactorComponentType["TAB"] = "tab";
+    ReactorComponentType["PANEL"] = "panel";
+    ReactorComponentType["DIALOG"] = "dialog";
+    ReactorComponentType["CHECKBOX"] = "checkbox";
+})(ReactorComponentType || (ReactorComponentType = {}));
+export const generateReactorComponentSelections = (step) => {
+    return {
+        btn: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.BTN,
+                identifier
+            }));
+        },
+        headerBtn: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.HEADER_BUTTON,
+                identifier
+            }));
+        },
+        footerBtn: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.FOOTER_BUTTON,
+                identifier
+            }));
+        },
+        treeLeaf: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.TREE_LEAF,
+                identifier
+            }));
+        },
+        tab: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.TAB,
+                identifier
+            }));
+        },
+        panel: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.PANEL,
+                identifier
+            }));
+        },
+        panelMicroBtn: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.PANEL_MICRO_BUTTON,
+                identifier
+            }));
+        },
+        dialog: () => {
+            return step.register(new DialogComponentSelection());
+        },
+        comboBoxItem: (label) => {
+            return step.register(new ComboBoxComponentSelection(label));
+        },
+        checkbox: (identifier) => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.CHECKBOX,
+                identifier
+            }));
+        },
+        comboBox: () => {
+            return step.register(new ComponentSelection({
+                type: ReactorComponentType.COMBO_BOX
+            }));
+        }
+    };
+};
+//# sourceMappingURL=common.js.map

package/dist/stores/guide/selections/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/stores/guide/selections/common.ts"],"names":[],"mappings":"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"}

package/dist/stores/guide/steps/GuideStep.js

@@ -0,0 +1,49 @@
+import { StepTooltipWidget } from '../../../widgets/guide/StepTooltipWidget';
+import * as React from 'react';
+import { BaseObserver } from '@journeyapps-labs/lib-reactor-utils';
+export class GuideStep extends BaseObserver {
+    constructor(options) {
+        super();
+        this.options = Object.assign(Object.assign({}, options), { desc: options.desc || options.label });
+        this.loadedSelections = [];
+    }
+    getIndexNumber() {
+        return this.workflow.steps.indexOf(this) + 1;
+    }
+    register(c) {
+        this.loadedSelections.push(c);
+        this.workflow.guideStore.select(c);
+        return c;
+    }
+    select() {
+        return this.workflow.generateSelectionEvent(this);
+    }
+    generateTooltip() {
+        return {
+            gen: () => {
+                return React.createElement(StepTooltipWidget, { step: this });
+            },
+            hint: null
+        };
+    }
+    setWorkflow(workflow) {
+        this.workflow = workflow;
+    }
+    complete() {
+        this.completed = true;
+        this.iterateListeners((cb) => { var _a; return (_a = cb.completed) === null || _a === void 0 ? void 0 : _a.call(cb); });
+    }
+    deactivated() {
+        var _a;
+        this.loadedSelections.forEach((f) => {
+            f.dispose();
+        });
+        this.loadedSelections = [];
+        (_a = this.resolver) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    activated() {
+        this.completed = false;
+        this.resolver = this.options.activated(this) || null;
+    }
+}
+//# sourceMappingURL=GuideStep.js.map

package/dist/stores/guide/steps/GuideStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuideStep.js","sourceRoot":"","sources":["../../../../src/stores/guide/steps/GuideStep.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAYjF,MAAM,OAAO,SAGX,SAAQ,YAA+B;IAOvC,YAAY,OAAU;QACpB,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,mCACP,OAAO,KACV,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,GACpC,CAAC;QACF,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC7B,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ,CAA+B,CAAI;QACzC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACnC,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC;IAED,eAAe;QACb,OAAO;YACL,GAAG,EAAE,GAAG,EAAE;gBACR,OAAO,oBAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;YAC3C,CAAC;YACD,IAAI,EAAE,IAAI;SACX,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,QAAgD;QAC1D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,MAAA,EAAE,CAAC,SAAS,kDAAI,CAAA,EAAA,CAAC,CAAC;IAClD,CAAC;IAED,WAAW;;QACT,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAClC,CAAC,CAAC,OAAO,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,MAAA,IAAI,CAAC,QAAQ,oDAAI,CAAC;IACpB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;IACvD,CAAC;CACF"}

package/dist/stores/guide/steps/InformativeGuideStep.js

@@ -0,0 +1,161 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import * as React from 'react';
+import ReactMarkdown from 'react-markdown';
+import { FloatingPanelWidget, PanelButtonMode, PanelButtonWidget } from '../../../widgets';
+import { GuideStep } from './GuideStep';
+import { Layer, LayerManager } from '../../layer/LayerManager';
+import { UXStore } from '../../UXStore';
+import { inject } from '../../../inversify.config';
+import { styled } from '../../themes/reactor-theme-fragment';
+var S;
+(function (S) {
+    S.Image = styled.img `
+    width: 100%;
+    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
+  `;
+    S.Footer = styled.div `
+    padding: 20px;
+    display: flex;
+    padding-top: 0;
+    align-items: center;
+  `;
+    S.Link = styled.a `
+    color: cyan;
+    text-decoration: none;
+  `;
+    S.Markdown = styled.div `
+    color: white;
+    padding: 20px;
+    max-width: 700px;
+
+    > * {
+      padding-bottom: 20px;
+
+      &:last-child {
+        padding-bottom: 0;
+      }
+    }
+
+    p,
+    li {
+      font-size: 17px;
+      color: ${(p) => p.theme.text.secondary};
+    }
+
+    p {
+      margin-bottom: 10px;
+    }
+
+    ul {
+      margin-top: 10px;
+      margin-bottom: 10px;
+    }
+  `;
+    const screen_13_inch = `
+    @media screen
+      and (min-device-width: 1200px)
+      and (max-device-width: 1600px)
+  `;
+    S.Image2 = styled.img `
+    max-width: 800px;
+    ${(p) => (p.fit ? `min-width: 800px` : '')};
+
+    ${screen_13_inch} {
+      max-width: 600px;
+      ${(p) => (p.fit ? `min-width: 600px` : '')};
+    }
+  `;
+    S.ImageContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    align-items: center;
+  `;
+    S.Spacer = styled.div `
+    flex-grow: 1;
+  `;
+    S.Pagination = styled.div `
+    color: ${(p) => p.theme.text.secondary};
+  `;
+    S.Button = styled(PanelButtonWidget) `
+    margin-left: 5px;
+  `;
+})(S || (S = {}));
+let InformativeGuideStep = (() => {
+    var _a, _InformativeGuideStep_layerManager_accessor_storage, _InformativeGuideStep_uxStore_accessor_storage;
+    let _classSuper = GuideStep;
+    let _layerManager_decorators;
+    let _layerManager_initializers = [];
+    let _layerManager_extraInitializers = [];
+    let _uxStore_decorators;
+    let _uxStore_initializers = [];
+    let _uxStore_extraInitializers = [];
+    return _a = class InformativeGuideStep extends _classSuper {
+            constructor() {
+                super(...arguments);
+                _InformativeGuideStep_layerManager_accessor_storage.set(this, __runInitializers(this, _layerManager_initializers, void 0));
+                _InformativeGuideStep_uxStore_accessor_storage.set(this, (__runInitializers(this, _layerManager_extraInitializers), __runInitializers(this, _uxStore_initializers, void 0)));
+                this.layer = __runInitializers(this, _uxStore_extraInitializers);
+            }
+            get layerManager() { return __classPrivateFieldGet(this, _InformativeGuideStep_layerManager_accessor_storage, "f"); }
+            set layerManager(value) { __classPrivateFieldSet(this, _InformativeGuideStep_layerManager_accessor_storage, value, "f"); }
+            get uxStore() { return __classPrivateFieldGet(this, _InformativeGuideStep_uxStore_accessor_storage, "f"); }
+            set uxStore(value) { __classPrivateFieldSet(this, _InformativeGuideStep_uxStore_accessor_storage, value, "f"); }
+            activated() {
+                super.activated();
+                this.layer = new Layer({
+                    render: () => {
+                        return (React.createElement(FloatingPanelWidget, { center: true },
+                            this.options.video ? (React.createElement("iframe", { width: "560", height: "315", src: this.options.video, frameBorder: "0", allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true })) : null,
+                            this.options.image ? (React.createElement(S.ImageContainer, null,
+                                React.createElement(S.Image2, { fit: !!this.options.fit, src: this.options.image }))) : null,
+                            React.createElement(S.Markdown, null,
+                                React.createElement(ReactMarkdown, { children: this.options.desc, components: {
+                                        img: (props) => {
+                                            return React.createElement(S.Image, { src: props.src });
+                                        },
+                                        a: (props) => {
+                                            return (React.createElement(S.Link, { target: "_blank", href: props.href }, props.children));
+                                        }
+                                    } })),
+                            React.createElement(S.Footer, null,
+                                React.createElement(S.Pagination, null,
+                                    this.workflow.currentStepIndex() + 1,
+                                    " of ",
+                                    this.workflow.steps.length),
+                                React.createElement(S.Spacer, null),
+                                React.createElement(S.Button, { mode: PanelButtonMode.NORMAL, label: "Exit guide", action: () => {
+                                        this.workflow.exit();
+                                    } }),
+                                React.createElement(S.Button, { mode: PanelButtonMode.PRIMARY, label: "Next", action: () => {
+                                        this.complete();
+                                    } }))));
+                    },
+                    clickThrough: false,
+                    userCanExit: false
+                });
+                this.layerManager.registerLayer(this.layer);
+                this.uxStore.lockReactor(true);
+            }
+            deactivated() {
+                super.deactivated();
+                this.uxStore.lockReactor(false);
+                this.layer.dispose();
+                this.layer = null;
+            }
+        },
+        _InformativeGuideStep_layerManager_accessor_storage = new WeakMap(),
+        _InformativeGuideStep_uxStore_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _layerManager_decorators = [inject(LayerManager)];
+            _uxStore_decorators = [inject(UXStore)];
+            __esDecorate(_a, null, _layerManager_decorators, { kind: "accessor", name: "layerManager", static: false, private: false, access: { has: obj => "layerManager" in obj, get: obj => obj.layerManager, set: (obj, value) => { obj.layerManager = value; } }, metadata: _metadata }, _layerManager_initializers, _layerManager_extraInitializers);
+            __esDecorate(_a, null, _uxStore_decorators, { kind: "accessor", name: "uxStore", static: false, private: false, access: { has: obj => "uxStore" in obj, get: obj => obj.uxStore, set: (obj, value) => { obj.uxStore = value; } }, metadata: _metadata }, _uxStore_initializers, _uxStore_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { InformativeGuideStep };
+//# sourceMappingURL=InformativeGuideStep.js.map

package/dist/stores/guide/steps/InformativeGuideStep.js.map

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

package/dist/stores/guide/steps/ResolverGuideStep.js

@@ -0,0 +1,27 @@
+import { GuideStep } from './GuideStep';
+import { autorun } from 'mobx';
+export class ResolverGuideStep extends GuideStep {
+    activated() {
+        if (!!this.options.isResolved()) {
+            this.complete();
+            return;
+        }
+        super.activated();
+        this.reactionDisposer = autorun(() => {
+            try {
+                if (!!this.options.isResolved()) {
+                    this.complete();
+                }
+            }
+            catch (ex) {
+                return false;
+            }
+        });
+    }
+    deactivated() {
+        var _a;
+        super.deactivated();
+        (_a = this.reactionDisposer) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+}
+//# sourceMappingURL=ResolverGuideStep.js.map

package/dist/stores/guide/steps/ResolverGuideStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolverGuideStep.js","sourceRoot":"","sources":["../../../../src/stores/guide/steps/ResolverGuideStep.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAqB,OAAO,EAAE,MAAM,MAAM,CAAC;AAQlD,MAAM,OAAO,iBAAqF,SAAQ,SAGzG;IAGC,SAAS;QACP,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;YAChC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;YACnC,IAAI,CAAC;gBACH,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;oBAChC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,CAAC;YACH,CAAC;YAAC,OAAO,EAAE,EAAE,CAAC;gBACZ,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW;;QACT,KAAK,CAAC,WAAW,EAAE,CAAC;QACpB,MAAA,IAAI,CAAC,gBAAgB,oDAAI,CAAC;IAC5B,CAAC;CACF"}

package/dist/stores/index.js

@@ -0,0 +1,21 @@
+export * from './AbstractStore';
+export * from './UXStore';
+export * from './PrefsStore';
+export * from './combo/ComboBoxStore';
+export * from './combo/ComboBoxDirectives';
+export * from './CMDPalletStore';
+export * from './DialogStore';
+export * from './dialog-utils';
+export * from './NotificationStore';
+export * from '../cmd-pallet/CMDPalletProviderSearchEngine';
+export * from '../cmd-pallet/CMDPalletSearchEngine';
+export * from './workspace/WorkspaceStore';
+export * from './workspace/layout-engines/AbstractLayoutEngine';
+export * from './workspace/react-workspaces/ReactorRootWorkspaceModel';
+export * from './visor/VisorStore';
+export * from './visor/VisorLoadingDirective';
+export * from './visor/VisorMetadata';
+export * from './shortcuts/Shortcut';
+export * from './shortcuts/ShortcutStore';
+export * from './shortcuts/ShortcutHandler';
+//# sourceMappingURL=index.js.map

package/dist/stores/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AAEpD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iDAAiD,CAAC;AAChE,cAAc,wDAAwD,CAAC;AAEvE,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AAEtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC"}

package/dist/stores/layer/LayerDirective.js

@@ -0,0 +1,81 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { autorun } from 'mobx';
+import { inject } from '../../inversify.config';
+import { LayerManager, Layer } from './LayerManager';
+export class DirectiveLayer extends Layer {
+    dispose(force = false) {
+        if (force || this.options.layerWillHide()) {
+            super.dispose();
+        }
+    }
+}
+let LayerDirective = (() => {
+    var _a, _LayerDirective_layerManager_accessor_storage;
+    let _layerManager_decorators;
+    let _layerManager_initializers = [];
+    let _layerManager_extraInitializers = [];
+    return _a = class LayerDirective {
+            get layerManager() { return __classPrivateFieldGet(this, _LayerDirective_layerManager_accessor_storage, "f"); }
+            set layerManager(value) { __classPrivateFieldSet(this, _LayerDirective_layerManager_accessor_storage, value, "f"); }
+            constructor() {
+                _LayerDirective_layerManager_accessor_storage.set(this, __runInitializers(this, _layerManager_initializers, void 0));
+                this.layer = __runInitializers(this, _layerManager_extraInitializers);
+                this.layer = null;
+            }
+            layerWillHide() {
+                return true;
+            }
+            transparent() {
+                return false;
+            }
+            dispose() {
+                var _b;
+                (_b = this.disposer) === null || _b === void 0 ? void 0 : _b.call(this);
+            }
+            alwaysOnTop() {
+                return false;
+            }
+            install() {
+                this.disposer = autorun(() => {
+                    var _b;
+                    const show = this.show();
+                    const transparent = this.transparent();
+                    if (!this.layer && !!show) {
+                        this.layer = new DirectiveLayer({
+                            render: (event) => {
+                                return this.getLayerContent(event);
+                            },
+                            alwaysOnTop: this.alwaysOnTop(),
+                            clickThrough: this.transparent(),
+                            layerWillHide: () => {
+                                return this.layerWillHide();
+                            }
+                        });
+                        const l = this.layer.registerListener({
+                            dispose: () => {
+                                this.layer = null;
+                                l();
+                            }
+                        });
+                        this.layerManager.registerLayer(this.layer);
+                    }
+                    else if (this.layer && !show) {
+                        (_b = this.layer) === null || _b === void 0 ? void 0 : _b.dispose(true);
+                    }
+                    else if (this.layer) {
+                        this.layer.clickThrough = transparent;
+                    }
+                });
+            }
+        },
+        _LayerDirective_layerManager_accessor_storage = new WeakMap(),
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _layerManager_decorators = [inject(LayerManager)];
+            __esDecorate(_a, null, _layerManager_decorators, { kind: "accessor", name: "layerManager", static: false, private: false, access: { has: obj => "layerManager" in obj, get: obj => obj.layerManager, set: (obj, value) => { obj.layerManager = value; } }, metadata: _metadata }, _layerManager_initializers, _layerManager_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { LayerDirective };
+//# sourceMappingURL=LayerDirective.js.map

package/dist/stores/layer/LayerDirective.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerDirective.js","sourceRoot":"","sources":["../../../src/stores/layer/LayerDirective.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,MAAM,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAkC,MAAM,gBAAgB,CAAC;AAMrF,MAAM,OAAO,cAAe,SAAQ,KAA4B;IAC9D,OAAO,CAAC,QAAiB,KAAK;QAC5B,IAAI,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC;YAC1C,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;CACF;IAEqB,cAAc;;;;;sBAAd,cAAc;YAElC,IAAS,YAAY,+FAAe;YAApC,IAAS,YAAY,oGAAe;YAKpC;gBALS,qHAA2B;gBAE5B,UAAK,4DAAiB;gBAI5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YACpB,CAAC;YAKD,aAAa;gBACX,OAAO,IAAI,CAAC;YACd,CAAC;YAED,WAAW;gBACT,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO;;gBACL,MAAA,IAAI,CAAC,QAAQ,oDAAI,CAAC;YACpB,CAAC;YAED,WAAW;gBACT,OAAO,KAAK,CAAC;YACf,CAAC;YAED,OAAO;gBACL,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;;oBAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;oBACzB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;oBACvC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;wBAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,cAAc,CAAC;4BAC9B,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gCAChB,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;4BACrC,CAAC;4BACD,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;4BAC/B,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE;4BAChC,aAAa,EAAE,GAAG,EAAE;gCAClB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;4BAC9B,CAAC;yBACF,CAAC,CAAC;wBACH,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;4BACpC,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gCAClB,CAAC,EAAE,CAAC;4BACN,CAAC;yBACF,CAAC,CAAC;wBACH,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC9C,CAAC;yBAAM,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;wBAC/B,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,CAAC,IAAI,CAAC,CAAC;oBAC5B,CAAC;yBAAM,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;wBACtB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;oBACxC,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;;;;;wCAzDA,MAAM,CAAC,YAAY,CAAC;YACrB,uLAAS,YAAY,6BAAZ,YAAY,mGAAe;;;;;SAFhB,cAAc"}

package/dist/stores/layer/LayerDirectiveWidget.js

@@ -0,0 +1,23 @@
+import { LayerManager, Layer } from './LayerManager';
+import { ioc } from '../..';
+import { useEffect, useState } from 'react';
+export const LayerDirectiveWidget = (props) => {
+    const layerManager = ioc.get(LayerManager);
+    const [layer, setLayer] = useState(null);
+    useEffect(() => {
+        var _a;
+        if (!layer) {
+            const l = new Layer(Object.assign({ render: () => {
+                    return props.children();
+                } }, (props.options || {})));
+            setLayer(l);
+            layerManager.registerLayer(l);
+            (_a = props.gotLayer) === null || _a === void 0 ? void 0 : _a.call(props, l);
+        }
+        return () => {
+            layer === null || layer === void 0 ? void 0 : layer.dispose();
+        };
+    }, [layer]);
+    return null;
+};
+//# sourceMappingURL=LayerDirectiveWidget.js.map

package/dist/stores/layer/LayerDirectiveWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerDirectiveWidget.js","sourceRoot":"","sources":["../../../src/stores/layer/LayerDirectiveWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,CAAC,GAAG,IAAI,KAAK,iBACjB,MAAM,EAAE,GAAG,EAAE;oBACX,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC1B,CAAC,IACE,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,EACxB,CAAC;YACH,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAA,KAAK,CAAC,QAAQ,sDAAG,CAAC,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}