@babylonjs/viewer 7.40.0-alpha → 7.40.0

package/templating/templateManager.js

@@ -0,0 +1,561 @@
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+// eslint-disable-next-line import/no-internal-modules
+import { isUrl, camelToKebab, kebabToCamel, deepmerge } from "../helper/index.js";
+import * as Handlebars from "handlebars";
+import { EventManager } from "./eventManager.js";
+/**
+ * The template manager, a member of the viewer class, will manage the viewer's templates and generate the HTML.
+ * The template manager managers a single viewer and can be seen as the collection of all sub-templates of the viewer.
+ */
+var TemplateManager = /** @class */ (function () {
+    function TemplateManager(containerElement) {
+        this.containerElement = containerElement;
+        this._templates = {};
+        this.onTemplateInit = new Observable();
+        this.onTemplateLoaded = new Observable();
+        this.onTemplateStateChange = new Observable();
+        this.onAllLoaded = new Observable();
+        this.onEventTriggered = new Observable();
+        this.eventManager = new EventManager(this);
+    }
+    /**
+     * Initialize the template(s) for the viewer. Called bay the Viewer class
+     * @param templates the templates to be used to initialize the main template
+     * @returns a promise that will be fulfilled when the template is loaded
+     */
+    TemplateManager.prototype.initTemplate = function (templates) {
+        var _this = this;
+        var internalInit = function (dependencyMap, name, parentTemplate) {
+            //init template
+            var template = _this._templates[name];
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            Object.keys(dependencyMap).map(function (childName) {
+                return internalInit(dependencyMap[childName], childName, template);
+            });
+            // register the observers
+            //template.onLoaded.add(() => {
+            var addToParent = function () {
+                var lastElements = parentTemplate && parentTemplate.parent.querySelectorAll(camelToKebab(name));
+                var containingElement = (lastElements && lastElements.length && lastElements.item(lastElements.length - 1)) || _this.containerElement;
+                template.appendTo(containingElement);
+                _this._checkLoadedState();
+            };
+            if (parentTemplate && !parentTemplate.parent) {
+                parentTemplate.onAppended.add(function () {
+                    addToParent();
+                });
+            }
+            else {
+                addToParent();
+            }
+            //});
+            return template;
+        };
+        //build the html tree
+        return this._buildHTMLTree(templates).then(function (htmlTree) {
+            if (_this._templates["main"]) {
+                internalInit(htmlTree, "main");
+            }
+            else {
+                _this._checkLoadedState();
+            }
+            return;
+        });
+    };
+    /**
+     *
+     * This function will create a simple map with child-dependencies of the template html tree.
+     * It will compile each template, check if its children exist in the configuration and will add them if they do.
+     * It is expected that the main template will be called main!
+     *
+     * @param templates the templates to be used to initialize the main template
+     * @returns a promise that will be fulfilled when the template is loaded
+     */
+    TemplateManager.prototype._buildHTMLTree = function (templates) {
+        var _this = this;
+        var promises = Object.keys(templates).map(function (name) {
+            // if the template was overridden
+            if (!templates[name]) {
+                return Promise.resolve(false);
+            }
+            // else - we have a template, let's do our job!
+            var template = new Template(name, templates[name]);
+            template.onLoaded.add(function () {
+                _this.onTemplateLoaded.notifyObservers(template);
+            });
+            template.onStateChange.add(function () {
+                _this.onTemplateStateChange.notifyObservers(template);
+            });
+            _this.onTemplateInit.notifyObservers(template);
+            // make sure the global onEventTriggered is called as well
+            template.onEventTriggered.add(function (eventData) { return _this.onEventTriggered.notifyObservers(eventData); });
+            _this._templates[name] = template;
+            return template.initPromise;
+        });
+        return Promise.all(promises).then(function () {
+            var templateStructure = {};
+            // now iterate through all templates and check for children:
+            var buildTree = function (parentObject, name) {
+                _this._templates[name].isInHtmlTree = true;
+                var childNodes = _this._templates[name].getChildElements().filter(function (n) { return !!_this._templates[n]; });
+                childNodes.forEach(function (element) {
+                    parentObject[element] = {};
+                    buildTree(parentObject[element], element);
+                });
+            };
+            if (_this._templates["main"]) {
+                buildTree(templateStructure, "main");
+            }
+            return templateStructure;
+        });
+    };
+    /**
+     * Get the canvas in the template tree.
+     * There must be one and only one canvas inthe template.
+     * @returns the canvas element or null if not found
+     */
+    TemplateManager.prototype.getCanvas = function () {
+        return this.containerElement.querySelector("canvas");
+    };
+    /**
+     * Get a specific template from the template tree
+     * @param name the name of the template to load
+     * @returns the template or undefined if not found
+     */
+    TemplateManager.prototype.getTemplate = function (name) {
+        return this._templates[name];
+    };
+    TemplateManager.prototype._checkLoadedState = function () {
+        var _this = this;
+        var done = Object.keys(this._templates).length === 0 ||
+            Object.keys(this._templates).every(function (key) {
+                return (_this._templates[key].isLoaded && !!_this._templates[key].parent) || !_this._templates[key].isInHtmlTree;
+            });
+        if (done) {
+            this.onAllLoaded.notifyObservers(this);
+        }
+    };
+    /**
+     * Dispose the template manager
+     */
+    TemplateManager.prototype.dispose = function () {
+        var _this = this;
+        // dispose all templates
+        Object.keys(this._templates).forEach(function (template) {
+            _this._templates[template].dispose();
+        });
+        this._templates = {};
+        this.eventManager.dispose();
+        this.onTemplateInit.clear();
+        this.onAllLoaded.clear();
+        this.onEventTriggered.clear();
+        this.onTemplateLoaded.clear();
+        this.onTemplateStateChange.clear();
+    };
+    return TemplateManager;
+}());
+export { TemplateManager };
+// register a new helper. modified https://stackoverflow.com/questions/9838925/is-there-any-method-to-iterate-a-map-with-handlebars-js
+Handlebars.registerHelper("eachInMap", function (map, block) {
+    var out = "";
+    Object.keys(map).map(function (prop) {
+        var data = map[prop];
+        if (typeof data === "object") {
+            data.id = data.id || prop;
+            out += block.fn(data);
+        }
+        else {
+            out += block.fn({ id: prop, value: data });
+        }
+    });
+    return out;
+});
+Handlebars.registerHelper("add", function (a, b) {
+    var out = a + b;
+    return out;
+});
+Handlebars.registerHelper("eq", function (a, b) {
+    var out = a == b;
+    return out;
+});
+Handlebars.registerHelper("or", function (a, b) {
+    var out = a || b;
+    return out;
+});
+Handlebars.registerHelper("not", function (a) {
+    var out = !a;
+    return out;
+});
+Handlebars.registerHelper("count", function (map) {
+    return map.length;
+});
+Handlebars.registerHelper("gt", function (a, b) {
+    var out = a > b;
+    return out;
+});
+/**
+ * This class represents a single template in the viewer's template tree.
+ * An example for a template is a single canvas, an overlay (containing sub-templates) or the navigation bar.
+ * A template is injected using the template manager in the correct position.
+ * The template is rendered using Handlebars and can use Handlebars' features (such as parameter injection)
+ *
+ * For further information please refer to the documentation page, https://doc.babylonjs.com
+ */
+var Template = /** @class */ (function () {
+    function Template(name, _configuration) {
+        var _this = this;
+        this.name = name;
+        this._configuration = _configuration;
+        this.onLoaded = new Observable();
+        this.onAppended = new Observable();
+        this.onStateChange = new Observable();
+        this.onEventTriggered = new Observable();
+        this.onParamsUpdated = new Observable();
+        this.onHTMLRendered = new Observable();
+        this._loadRequests = [];
+        this.isLoaded = false;
+        this.isShown = false;
+        this.isInHtmlTree = false;
+        var htmlContentPromise = this._getTemplateAsHtml(_configuration);
+        this.initPromise = htmlContentPromise.then(function (htmlTemplate) {
+            if (htmlTemplate) {
+                _this._htmlTemplate = htmlTemplate;
+                var compiledTemplate = Handlebars.compile(htmlTemplate, { noEscape: _this._configuration.params && !!_this._configuration.params.noEscape });
+                var config = _this._configuration.params || {};
+                _this._rawHtml = compiledTemplate(config);
+                try {
+                    _this._fragment = document.createRange().createContextualFragment(_this._rawHtml);
+                }
+                catch (e) {
+                    var test_1 = document.createElement(_this.name);
+                    test_1.innerHTML = _this._rawHtml;
+                    _this._fragment = test_1;
+                }
+                _this.isLoaded = true;
+                _this.isShown = true;
+                _this.onLoaded.notifyObservers(_this);
+            }
+            return _this;
+        });
+    }
+    /**
+     * Some templates have parameters (like background color for example).
+     * The parameters are provided to Handlebars which in turn generates the template.
+     * This function will update the template with the new parameters
+     *
+     * Note that when updating parameters the events will be registered again (after being cleared).
+     *
+     * @param params the new template parameters
+     * @param append
+     */
+    Template.prototype.updateParams = function (params, append) {
+        if (append === void 0) { append = true; }
+        if (append) {
+            this._configuration.params = deepmerge(this._configuration.params, params);
+        }
+        else {
+            this._configuration.params = params;
+        }
+        // update the template
+        if (this.isLoaded) {
+            // this.dispose();
+        }
+        var compiledTemplate = Handlebars.compile(this._htmlTemplate);
+        var config = this._configuration.params || {};
+        this._rawHtml = compiledTemplate(config);
+        try {
+            this._fragment = document.createRange().createContextualFragment(this._rawHtml);
+        }
+        catch (e) {
+            var test_2 = document.createElement(this.name);
+            test_2.innerHTML = this._rawHtml;
+            this._fragment = test_2;
+        }
+        if (this.parent) {
+            this.appendTo(this.parent, true);
+        }
+    };
+    Template.prototype.redraw = function () {
+        this.updateParams({});
+    };
+    Object.defineProperty(Template.prototype, "configuration", {
+        /**
+         * Get the template'S configuration
+         */
+        get: function () {
+            return this._configuration;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * A template can be a parent element for other templates or HTML elements.
+     * This function will deliver all child HTML elements of this template.
+     * @returns an array of strings, each string is the name of the child element
+     */
+    Template.prototype.getChildElements = function () {
+        var childrenArray = [];
+        //Edge and IE don't support frage,ent.children
+        var children = this._fragment && this._fragment.children;
+        if (!this._fragment) {
+            var fragment = this.parent.querySelector(this.name);
+            if (fragment) {
+                children = fragment.querySelectorAll("*");
+            }
+        }
+        if (!children) {
+            // casting to HTMLCollection, as both NodeListOf and HTMLCollection have 'item()' and 'length'.
+            children = this._fragment.querySelectorAll("*");
+        }
+        for (var i = 0; i < children.length; ++i) {
+            var child = children.item(i);
+            if (child) {
+                childrenArray.push(kebabToCamel(child.nodeName.toLowerCase()));
+            }
+        }
+        return childrenArray;
+    };
+    /**
+     * Appending the template to a parent HTML element.
+     * If a parent is already set and you wish to replace the old HTML with new one, forceRemove should be true.
+     * @param parent the parent to which the template is added
+     * @param forceRemove if the parent already exists, shoud the template be removed from it?
+     */
+    Template.prototype.appendTo = function (parent, forceRemove) {
+        var _this = this;
+        if (this.parent) {
+            if (forceRemove && this._addedFragment) {
+                /*let fragement = this.parent.querySelector(this.name)
+                if (fragement)
+                    this.parent.removeChild(fragement);*/
+                this.parent.innerHTML = "";
+            }
+            else {
+                return;
+            }
+        }
+        this.parent = parent;
+        if (this._configuration.id) {
+            this.parent.id = this._configuration.id;
+        }
+        if (this._fragment) {
+            this.parent.appendChild(this._fragment);
+            this._addedFragment = this._fragment;
+        }
+        else {
+            this.parent.insertAdjacentHTML("beforeend", this._rawHtml);
+        }
+        this.onHTMLRendered.notifyObservers(this);
+        // appended only one frame after.
+        setTimeout(function () {
+            _this._registerEvents();
+            _this.onAppended.notifyObservers(_this);
+        });
+    };
+    /**
+     * Show the template using the provided visibilityFunction, or natively using display: flex.
+     * The provided function returns a promise that should be fulfilled when the element is shown.
+     * Since it is a promise async operations are more than possible.
+     * See the default viewer for an opacity example.
+     * @param visibilityFunction The function to execute to show the template.
+     * @returns a promise that will be fulfilled when the template is shown
+     */
+    Template.prototype.show = function (visibilityFunction) {
+        var _this = this;
+        if (this._isHiding) {
+            return Promise.resolve(this);
+        }
+        return Promise.resolve()
+            .then(function () {
+            _this._isShowing = true;
+            if (visibilityFunction) {
+                return visibilityFunction(_this);
+            }
+            else {
+                // flex? box? should this be configurable easier than the visibilityFunction?
+                _this.parent.style.display = "flex";
+                // support old browsers with no flex:
+                if (_this.parent.style.display !== "flex") {
+                    _this.parent.style.display = "";
+                }
+                return _this;
+            }
+        })
+            .then(function () {
+            _this.isShown = true;
+            _this._isShowing = false;
+            _this.onStateChange.notifyObservers(_this);
+            return _this;
+        });
+    };
+    /**
+     * Hide the template using the provided visibilityFunction, or natively using display: none.
+     * The provided function returns a promise that should be fulfilled when the element is hidden.
+     * Since it is a promise async operations are more than possible.
+     * See the default viewer for an opacity example.
+     * @param visibilityFunction The function to execute to show the template.
+     * @returns a promise that will be fulfilled when the template is hidden
+     */
+    Template.prototype.hide = function (visibilityFunction) {
+        var _this = this;
+        if (this._isShowing) {
+            return Promise.resolve(this);
+        }
+        return Promise.resolve()
+            .then(function () {
+            _this._isHiding = true;
+            if (visibilityFunction) {
+                return visibilityFunction(_this);
+            }
+            else {
+                // flex? box? should this be configurable easier than the visibilityFunction?
+                _this.parent.style.display = "none";
+                return _this;
+            }
+        })
+            .then(function () {
+            _this.isShown = false;
+            _this._isHiding = false;
+            _this.onStateChange.notifyObservers(_this);
+            return _this;
+        });
+    };
+    /**
+     * Dispose this template
+     */
+    Template.prototype.dispose = function () {
+        this.onAppended.clear();
+        this.onEventTriggered.clear();
+        this.onLoaded.clear();
+        this.onStateChange.clear();
+        this.isLoaded = false;
+        // remove from parent
+        try {
+            this.parent.removeChild(this._fragment);
+        }
+        catch (e) {
+            //noop
+        }
+        this._loadRequests.forEach(function (request) {
+            request.abort();
+        });
+        if (this._registeredEvents) {
+            this._registeredEvents.forEach(function (evt) {
+                evt.htmlElement.removeEventListener(evt.eventName, evt.function);
+            });
+        }
+    };
+    Template.prototype._getTemplateAsHtml = function (templateConfig) {
+        var _this = this;
+        if (!templateConfig) {
+            return Promise.reject("No templateConfig provided");
+        }
+        else if (templateConfig.html && !templateConfig.location) {
+            return Promise.resolve(templateConfig.html);
+        }
+        else {
+            var location_1 = this._getTemplateLocation(templateConfig);
+            if (isUrl(location_1)) {
+                return new Promise(function (resolve, reject) {
+                    var fileRequest = Tools.LoadFile(location_1, function (data) {
+                        resolve(data);
+                    }, undefined, undefined, false, function (request, error) {
+                        reject(error);
+                    });
+                    _this._loadRequests.push(fileRequest);
+                });
+            }
+            else {
+                location_1 = location_1.replace("#", "");
+                var element = document.getElementById(location_1);
+                if (element) {
+                    return Promise.resolve(element.innerHTML);
+                }
+                else {
+                    return Promise.reject("Template ID not found");
+                }
+            }
+        }
+    };
+    Template.prototype._registerEvents = function () {
+        var _this = this;
+        this._registeredEvents = this._registeredEvents || [];
+        if (this._registeredEvents.length) {
+            // first remove the registered events
+            this._registeredEvents.forEach(function (evt) {
+                evt.htmlElement.removeEventListener(evt.eventName, evt.function);
+            });
+        }
+        if (this._configuration.events) {
+            var _loop_1 = function (eventName) {
+                if (this_1._configuration.events && this_1._configuration.events[eventName]) {
+                    var functionToFire_1 = function (selector, event) {
+                        _this.onEventTriggered.notifyObservers({ event: event, template: _this, selector: selector });
+                    };
+                    // if boolean, set the parent as the event listener
+                    if (typeof this_1._configuration.events[eventName] === "boolean") {
+                        var selector = this_1.parent.id;
+                        if (selector) {
+                            selector = "#" + selector;
+                        }
+                        else {
+                            selector = this_1.parent.tagName;
+                        }
+                        var binding = functionToFire_1.bind(this_1, selector);
+                        this_1.parent.addEventListener(eventName, binding, false);
+                        this_1._registeredEvents.push({
+                            htmlElement: this_1.parent,
+                            eventName: eventName,
+                            function: binding,
+                        });
+                    }
+                    else if (typeof this_1._configuration.events[eventName] === "object") {
+                        var selectorsArray = Object.keys(this_1._configuration.events[eventName] || {});
+                        // strict null check is working incorrectly, must override:
+                        var event_1 = this_1._configuration.events[eventName] || {};
+                        selectorsArray
+                            .filter(function (selector) { return typeof event_1 !== "boolean" && event_1[selector]; })
+                            .forEach(function (selector) {
+                            var htmlElement = _this.parent.querySelector(selector);
+                            if (!htmlElement) {
+                                // backcompat, fallback to id
+                                if (selector && selector.indexOf("#") !== 0) {
+                                    selector = "#" + selector;
+                                }
+                                try {
+                                    htmlElement = _this.parent.querySelector(selector);
+                                }
+                                catch (e) { }
+                            }
+                            if (htmlElement) {
+                                var binding = functionToFire_1.bind(_this, selector);
+                                htmlElement.addEventListener(eventName, binding, false);
+                                _this._registeredEvents.push({
+                                    htmlElement: htmlElement,
+                                    eventName: eventName,
+                                    function: binding,
+                                });
+                            }
+                        });
+                    }
+                }
+            };
+            var this_1 = this;
+            for (var eventName in this._configuration.events) {
+                _loop_1(eventName);
+            }
+        }
+    };
+    Template.prototype._getTemplateLocation = function (templateConfig) {
+        if (!templateConfig || typeof templateConfig === "string") {
+            return templateConfig;
+        }
+        else {
+            return templateConfig.location;
+        }
+    };
+    return Template;
+}());
+export { Template };
+//# sourceMappingURL=templateManager.js.map

package/templating/templateManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateManager.js","sourceRoot":"","sources":["../../../../tools/viewer/src/templating/templateManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,2CAA6B;AAClD,OAAO,EAAE,KAAK,EAAE,sCAAwB;AACxC,sDAAsD;AACtD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE/E,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C;;;GAGG;AACH;IA6BI,yBAAmB,gBAAyB;QAAzB,qBAAgB,GAAhB,gBAAgB,CAAS;QACxC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QAErB,IAAI,CAAC,cAAc,GAAG,IAAI,UAAU,EAAY,CAAC;QACjD,IAAI,CAAC,gBAAgB,GAAG,IAAI,UAAU,EAAY,CAAC;QACnD,IAAI,CAAC,qBAAqB,GAAG,IAAI,UAAU,EAAY,CAAC;QACxD,IAAI,CAAC,WAAW,GAAG,IAAI,UAAU,EAAmB,CAAC;QACrD,IAAI,CAAC,gBAAgB,GAAG,IAAI,UAAU,EAAiB,CAAC;QAExD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED;;;;OAIG;IACI,sCAAY,GAAnB,UAAoB,SAAoD;QAAxE,iBAwCC;QAvCG,IAAM,YAAY,GAAG,UAAC,aAAkB,EAAE,IAAY,EAAE,cAAyB;YAC7E,eAAe;YACf,IAAM,QAAQ,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAEvC,6DAA6D;YAC7D,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,SAAS;gBACrC,OAAO,YAAY,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YACvE,CAAC,CAAC,CAAC;YAEH,yBAAyB;YACzB,+BAA+B;YAC/B,IAAM,WAAW,GAAG;gBAChB,IAAM,YAAY,GAAG,cAAc,IAAI,cAAc,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAgC,CAAC,CAAC;gBACjI,IAAM,iBAAiB,GAAG,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,KAAI,CAAC,gBAAgB,CAAC;gBACvI,QAAQ,CAAC,QAAQ,CAAc,iBAAiB,CAAC,CAAC;gBAClD,KAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7B,CAAC,CAAC;YAEF,IAAI,cAAc,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;gBAC3C,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC;oBAC1B,WAAW,EAAE,CAAC;gBAClB,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,WAAW,EAAE,CAAC;YAClB,CAAC;YACD,KAAK;YAEL,OAAO,QAAQ,CAAC;QACpB,CAAC,CAAC;QAEF,qBAAqB;QACrB,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,UAAC,QAAQ;YAChD,IAAI,KAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACJ,KAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7B,CAAC;YACD,OAAO;QACX,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;;;;;OAQG;IACK,wCAAc,GAAtB,UAAuB,SAAoD;QAA3E,iBAqCC;QApCG,IAAM,QAAQ,GAAuC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI;YACjF,iCAAiC;YACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnB,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;YACD,+CAA+C;YAC/C,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;YACrD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAClB,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACpD,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;gBACvB,KAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;YACH,KAAI,CAAC,cAAc,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC9C,0DAA0D;YAC1D,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,SAAS,IAAK,OAAA,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,SAAS,CAAC,EAAhD,CAAgD,CAAC,CAAC;YAC/F,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;YACjC,OAAO,QAAQ,CAAC,WAAW,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;YAC9B,IAAM,iBAAiB,GAAG,EAAE,CAAC;YAC7B,4DAA4D;YAC5D,IAAM,SAAS,GAAG,UAAC,YAAiB,EAAE,IAAY;gBAC9C,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC;gBAC1C,IAAM,UAAU,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAApB,CAAoB,CAAC,CAAC;gBAChG,UAAU,CAAC,OAAO,CAAC,UAAC,OAAO;oBACvB,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;oBAC3B,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;gBAC9C,CAAC,CAAC,CAAC;YACP,CAAC,CAAC;YACF,IAAI,KAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;YACzC,CAAC;YACD,OAAO,iBAAiB,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;OAIG;IACI,mCAAS,GAAhB;QACI,OAAO,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC;IAED;;;;OAIG;IACI,qCAAW,GAAlB,UAAmB,IAAY;QAC3B,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAEO,2CAAiB,GAAzB;QAAA,iBAUC;QATG,IAAM,IAAI,GACN,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC;YACzC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,UAAC,GAAG;gBACnC,OAAO,CAAC,KAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC;YAClH,CAAC,CAAC,CAAC;QAEP,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC;IAED;;OAEG;IACI,iCAAO,GAAd;QAAA,iBAaC;QAZG,wBAAwB;QACxB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;YAC1C,KAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QAE5B,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC;IACvC,CAAC;IACL,sBAAC;AAAD,CAAC,AAvLD,IAuLC;;AAED,sIAAsI;AACtI,UAAU,CAAC,cAAc,CAAC,WAAW,EAAE,UAAU,GAAG,EAAE,KAAK;IACvD,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAU,IAAI;QAC/B,IAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC;YAC1B,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC;AACf,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;IAC3C,IAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,OAAO,GAAG,CAAC;AACf,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC;IAC1C,IAAM,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IACnB,OAAO,GAAG,CAAC;AACf,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC;IAC1C,IAAM,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IACnB,OAAO,GAAG,CAAC;AACf,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC;IACxC,IAAM,GAAG,GAAG,CAAC,CAAC,CAAC;IACf,OAAO,GAAG,CAAC;AACf,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,cAAc,CAAC,OAAO,EAAE,UAAU,GAAG;IAC5C,OAAO,GAAG,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC;IAC1C,IAAM,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,OAAO,GAAG,CAAC;AACf,CAAC,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH;IAuDI,kBACW,IAAY,EACX,cAAsC;QAFlD,iBAsCC;QArCU,SAAI,GAAJ,IAAI,CAAQ;QACX,mBAAc,GAAd,cAAc,CAAwB;QAE9C,IAAI,CAAC,QAAQ,GAAG,IAAI,UAAU,EAAY,CAAC;QAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,EAAY,CAAC;QAC7C,IAAI,CAAC,aAAa,GAAG,IAAI,UAAU,EAAY,CAAC;QAChD,IAAI,CAAC,gBAAgB,GAAG,IAAI,UAAU,EAAiB,CAAC;QACxD,IAAI,CAAC,eAAe,GAAG,IAAI,UAAU,EAAY,CAAC;QAClD,IAAI,CAAC,cAAc,GAAG,IAAI,UAAU,EAAY,CAAC;QAEjD,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QAExB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,IAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;QAEnE,IAAI,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,UAAC,YAAY;YACpD,IAAI,YAAY,EAAE,CAAC;gBACf,KAAI,CAAC,aAAa,GAAG,YAAY,CAAC;gBAClC,IAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,KAAI,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,CAAC,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAC7I,IAAM,MAAM,GAAG,KAAI,CAAC,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC;gBAChD,KAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;gBACzC,IAAI,CAAC;oBACD,KAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,KAAI,CAAC,QAAQ,CAAC,CAAC;gBACpF,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACT,IAAM,MAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,IAAI,CAAC,CAAC;oBAC/C,MAAI,CAAC,SAAS,GAAG,KAAI,CAAC,QAAQ,CAAC;oBAC/B,KAAI,CAAC,SAAS,GAAG,MAAI,CAAC;gBAC1B,CAAC;gBACD,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,KAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,KAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAI,CAAC,CAAC;YACxC,CAAC;YACD,OAAO,KAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;;;;;;OASG;IACI,+BAAY,GAAnB,UAAoB,MAA6D,EAAE,MAAsB;QAAtB,uBAAA,EAAA,aAAsB;QACrG,IAAI,MAAM,EAAE,CAAC;YACT,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/E,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC;QACxC,CAAC;QACD,sBAAsB;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,kBAAkB;QACtB,CAAC;QACD,IAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAChE,IAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC;QAChD,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzC,IAAI,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpF,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,IAAM,MAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,MAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,MAAI,CAAC;QAC1B,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAEM,yBAAM,GAAb;QACI,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;IAKD,sBAAW,mCAAa;QAHxB;;WAEG;aACH;YACI,OAAO,IAAI,CAAC,cAAc,CAAC;QAC/B,CAAC;;;OAAA;IAED;;;;OAIG;IACI,mCAAgB,GAAvB;QACI,IAAM,aAAa,GAAa,EAAE,CAAC;QACnC,8CAA8C;QAC9C,IAAI,QAAQ,GAAyC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC/F,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YAClB,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;YAC9C,CAAC;QACL,CAAC;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,+FAA+F;YAC/F,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACpD,CAAC;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;YACvC,IAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,KAAK,EAAE,CAAC;gBACR,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;YACnE,CAAC;QACL,CAAC;QACD,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACI,2BAAQ,GAAf,UAAgB,MAAmB,EAAE,WAAqB;QAA1D,iBA8BC;QA7BG,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,WAAW,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACrC;;yDAEyC;gBACzC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACJ,OAAO;YACX,CAAC;QACL,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;QAC5C,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;QACzC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAE1C,iCAAiC;QACjC,UAAU,CAAC;YACP,KAAI,CAAC,eAAe,EAAE,CAAC;YACvB,KAAI,CAAC,UAAU,CAAC,eAAe,CAAC,KAAI,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACP,CAAC;IAKD;;;;;;;OAOG;IACI,uBAAI,GAAX,UAAY,kBAA8D;QAA1E,iBAyBC;QAxBG,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,OAAO,CAAC,OAAO,EAAE;aACnB,IAAI,CAAC;YACF,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,kBAAkB,EAAE,CAAC;gBACrB,OAAO,kBAAkB,CAAC,KAAI,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACJ,6EAA6E;gBAC7E,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACnC,qCAAqC;gBACrC,IAAI,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;oBACvC,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;gBACnC,CAAC;gBACD,OAAO,KAAI,CAAC;YAChB,CAAC;QACL,CAAC,CAAC;aACD,IAAI,CAAC;YACF,KAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,KAAI,CAAC,aAAa,CAAC,eAAe,CAAC,KAAI,CAAC,CAAC;YACzC,OAAO,KAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACX,CAAC;IAED;;;;;;;OAOG;IACI,uBAAI,GAAX,UAAY,kBAA8D;QAA1E,iBAqBC;QApBG,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,OAAO,CAAC,OAAO,EAAE;aACnB,IAAI,CAAC;YACF,KAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,kBAAkB,EAAE,CAAC;gBACrB,OAAO,kBAAkB,CAAC,KAAI,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACJ,6EAA6E;gBAC7E,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACnC,OAAO,KAAI,CAAC;YAChB,CAAC;QACL,CAAC,CAAC;aACD,IAAI,CAAC;YACF,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,KAAI,CAAC,aAAa,CAAC,eAAe,CAAC,KAAI,CAAC,CAAC;YACzC,OAAO,KAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACX,CAAC;IAED;;OAEG;IACI,0BAAO,GAAd;QACI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,qBAAqB;QACrB,IAAI,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5C,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,MAAM;QACV,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,UAAC,OAAO;YAC/B,OAAO,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,UAAC,GAAG;gBAC/B,GAAG,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAEO,qCAAkB,GAA1B,UAA2B,cAAsC;QAAjE,iBAiCC;QAhCG,IAAI,CAAC,cAAc,EAAE,CAAC;YAClB,OAAO,OAAO,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC;QACxD,CAAC;aAAM,IAAI,cAAc,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YACzD,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACJ,IAAI,UAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;YACzD,IAAI,KAAK,CAAC,UAAQ,CAAC,EAAE,CAAC;gBAClB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;oBAC/B,IAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAC9B,UAAQ,EACR,UAAC,IAA0B;wBACvB,OAAO,CAAC,IAAc,CAAC,CAAC;oBAC5B,CAAC,EACD,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAC,OAAO,EAAE,KAAU;wBAChB,MAAM,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC,CACJ,CAAC;oBACF,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACzC,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,UAAQ,GAAG,UAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBACrC,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAQ,CAAC,CAAC;gBAClD,IAAI,OAAO,EAAE,CAAC;oBACV,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;gBAC9C,CAAC;qBAAM,CAAC;oBACJ,OAAO,OAAO,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC;gBACnD,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAIO,kCAAe,GAAvB;QAAA,iBA6DC;QA5DG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC;QACtD,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAChC,qCAAqC;YACrC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,UAAC,GAAG;gBAC/B,GAAG,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;QACP,CAAC;QACD,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;oCAClB,SAAS;gBAChB,IAAI,OAAK,cAAc,CAAC,MAAM,IAAI,OAAK,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;oBACtE,IAAM,gBAAc,GAAG,UAAC,QAAgB,EAAE,KAAY;wBAClD,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,KAAK,OAAA,EAAE,QAAQ,EAAE,KAAI,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;oBAC/E,CAAC,CAAC;oBAEF,mDAAmD;oBACnD,IAAI,OAAO,OAAK,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,SAAS,EAAE,CAAC;wBAC7D,IAAI,QAAQ,GAAG,OAAK,MAAM,CAAC,EAAE,CAAC;wBAC9B,IAAI,QAAQ,EAAE,CAAC;4BACX,QAAQ,GAAG,GAAG,GAAG,QAAQ,CAAC;wBAC9B,CAAC;6BAAM,CAAC;4BACJ,QAAQ,GAAG,OAAK,MAAM,CAAC,OAAO,CAAC;wBACnC,CAAC;wBACD,IAAM,OAAO,GAAG,gBAAc,CAAC,IAAI,SAAO,QAAQ,CAAC,CAAC;wBACpD,OAAK,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;wBACxD,OAAK,iBAAiB,CAAC,IAAI,CAAC;4BACxB,WAAW,EAAE,OAAK,MAAM;4BACxB,SAAS,EAAE,SAAS;4BACpB,QAAQ,EAAE,OAAO;yBACpB,CAAC,CAAC;oBACP,CAAC;yBAAM,IAAI,OAAO,OAAK,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,QAAQ,EAAE,CAAC;wBACnE,IAAM,cAAc,GAAkB,MAAM,CAAC,IAAI,CAAE,OAAK,cAAc,CAAC,MAAM,CAAC,SAAS,CAAY,IAAI,EAAE,CAAC,CAAC;wBAC3G,2DAA2D;wBAC3D,IAAM,OAAK,GAAG,OAAK,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;wBAC1D,cAAc;6BACT,MAAM,CAAC,UAAC,QAAQ,IAAK,OAAA,OAAO,OAAK,KAAK,SAAS,IAAI,OAAK,CAAC,QAAQ,CAAC,EAA7C,CAA6C,CAAC;6BACnE,OAAO,CAAC,UAAC,QAAQ;4BACd,IAAI,WAAW,GAAgB,KAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;4BACnE,IAAI,CAAC,WAAW,EAAE,CAAC;gCACf,6BAA6B;gCAC7B,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;oCAC1C,QAAQ,GAAG,GAAG,GAAG,QAAQ,CAAC;gCAC9B,CAAC;gCACD,IAAI,CAAC;oCACD,WAAW,GAAgB,KAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gCACnE,CAAC;gCAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;4BAClB,CAAC;4BACD,IAAI,WAAW,EAAE,CAAC;gCACd,IAAM,OAAO,GAAG,gBAAc,CAAC,IAAI,CAAC,KAAI,EAAE,QAAQ,CAAC,CAAC;gCACpD,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;gCACxD,KAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;oCACxB,WAAW,EAAE,WAAW;oCACxB,SAAS,EAAE,SAAS;oCACpB,QAAQ,EAAE,OAAO;iCACpB,CAAC,CAAC;4BACP,CAAC;wBACL,CAAC,CAAC,CAAC;oBACX,CAAC;gBACL,CAAC;;;YAjDL,KAAK,IAAM,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM;wBAAvC,SAAS;aAkDnB;QACL,CAAC;IACL,CAAC;IAEO,uCAAoB,GAA5B,UAA6B,cAAsC;QAC/D,IAAI,CAAC,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;YACxD,OAAO,cAAc,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,OAAO,cAAc,CAAC,QAAS,CAAC;QACpC,CAAC;IACL,CAAC;IACL,eAAC;AAAD,CAAC,AA1ZD,IA0ZC","sourcesContent":["import { Observable } from \"core/Misc/observable\";\r\nimport { Tools } from \"core/Misc/tools\";\r\n// eslint-disable-next-line import/no-internal-modules\r\nimport { isUrl, camelToKebab, kebabToCamel, deepmerge } from \"../helper/index\";\r\n\r\nimport * as Handlebars from \"handlebars\";\r\nimport { EventManager } from \"./eventManager\";\r\nimport type { ITemplateConfiguration } from \"../configuration/interfaces/templateConfiguration\";\r\nimport type { IFileRequest } from \"core/Misc/fileRequest\";\r\n\r\n/**\r\n * The object sent when an event is triggered\r\n */\r\nexport interface EventCallback {\r\n    event: Event;\r\n    template: Template;\r\n    selector: string;\r\n    payload?: any;\r\n}\r\n\r\n/**\r\n * The template manager, a member of the viewer class, will manage the viewer's templates and generate the HTML.\r\n * The template manager managers a single viewer and can be seen as the collection of all sub-templates of the viewer.\r\n */\r\nexport class TemplateManager {\r\n    /**\r\n     * Will be triggered when any template is initialized\r\n     */\r\n    public onTemplateInit: Observable<Template>;\r\n    /**\r\n     * Will be triggered when any template is fully loaded\r\n     */\r\n    public onTemplateLoaded: Observable<Template>;\r\n    /**\r\n     * Will be triggered when a template state changes\r\n     */\r\n    public onTemplateStateChange: Observable<Template>;\r\n    /**\r\n     * Will be triggered when all templates finished loading\r\n     */\r\n    public onAllLoaded: Observable<TemplateManager>;\r\n    /**\r\n     * Will be triggered when any event on any template is triggered.\r\n     */\r\n    public onEventTriggered: Observable<EventCallback>;\r\n\r\n    /**\r\n     * This template manager's event manager. In charge of callback registrations to native event types\r\n     */\r\n    public eventManager: EventManager;\r\n\r\n    private _templates: { [name: string]: Template };\r\n\r\n    constructor(public containerElement: Element) {\r\n        this._templates = {};\r\n\r\n        this.onTemplateInit = new Observable<Template>();\r\n        this.onTemplateLoaded = new Observable<Template>();\r\n        this.onTemplateStateChange = new Observable<Template>();\r\n        this.onAllLoaded = new Observable<TemplateManager>();\r\n        this.onEventTriggered = new Observable<EventCallback>();\r\n\r\n        this.eventManager = new EventManager(this);\r\n    }\r\n\r\n    /**\r\n     * Initialize the template(s) for the viewer. Called bay the Viewer class\r\n     * @param templates the templates to be used to initialize the main template\r\n     * @returns a promise that will be fulfilled when the template is loaded\r\n     */\r\n    public initTemplate(templates: { [key: string]: ITemplateConfiguration }) {\r\n        const internalInit = (dependencyMap: any, name: string, parentTemplate?: Template) => {\r\n            //init template\r\n            const template = this._templates[name];\r\n\r\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n            Object.keys(dependencyMap).map((childName) => {\r\n                return internalInit(dependencyMap[childName], childName, template);\r\n            });\r\n\r\n            // register the observers\r\n            //template.onLoaded.add(() => {\r\n            const addToParent = () => {\r\n                const lastElements = parentTemplate && parentTemplate.parent.querySelectorAll(camelToKebab(name) as keyof HTMLElementTagNameMap);\r\n                const containingElement = (lastElements && lastElements.length && lastElements.item(lastElements.length - 1)) || this.containerElement;\r\n                template.appendTo(<HTMLElement>containingElement);\r\n                this._checkLoadedState();\r\n            };\r\n\r\n            if (parentTemplate && !parentTemplate.parent) {\r\n                parentTemplate.onAppended.add(() => {\r\n                    addToParent();\r\n                });\r\n            } else {\r\n                addToParent();\r\n            }\r\n            //});\r\n\r\n            return template;\r\n        };\r\n\r\n        //build the html tree\r\n        return this._buildHTMLTree(templates).then((htmlTree) => {\r\n            if (this._templates[\"main\"]) {\r\n                internalInit(htmlTree, \"main\");\r\n            } else {\r\n                this._checkLoadedState();\r\n            }\r\n            return;\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * This function will create a simple map with child-dependencies of the template html tree.\r\n     * It will compile each template, check if its children exist in the configuration and will add them if they do.\r\n     * It is expected that the main template will be called main!\r\n     *\r\n     * @param templates the templates to be used to initialize the main template\r\n     * @returns a promise that will be fulfilled when the template is loaded\r\n     */\r\n    private _buildHTMLTree(templates: { [key: string]: ITemplateConfiguration }): Promise<object> {\r\n        const promises: Array<Promise<Template | boolean>> = Object.keys(templates).map((name) => {\r\n            // if the template was overridden\r\n            if (!templates[name]) {\r\n                return Promise.resolve(false);\r\n            }\r\n            // else - we have a template, let's do our job!\r\n            const template = new Template(name, templates[name]);\r\n            template.onLoaded.add(() => {\r\n                this.onTemplateLoaded.notifyObservers(template);\r\n            });\r\n            template.onStateChange.add(() => {\r\n                this.onTemplateStateChange.notifyObservers(template);\r\n            });\r\n            this.onTemplateInit.notifyObservers(template);\r\n            // make sure the global onEventTriggered is called as well\r\n            template.onEventTriggered.add((eventData) => this.onEventTriggered.notifyObservers(eventData));\r\n            this._templates[name] = template;\r\n            return template.initPromise;\r\n        });\r\n\r\n        return Promise.all(promises).then(() => {\r\n            const templateStructure = {};\r\n            // now iterate through all templates and check for children:\r\n            const buildTree = (parentObject: any, name: string) => {\r\n                this._templates[name].isInHtmlTree = true;\r\n                const childNodes = this._templates[name].getChildElements().filter((n) => !!this._templates[n]);\r\n                childNodes.forEach((element) => {\r\n                    parentObject[element] = {};\r\n                    buildTree(parentObject[element], element);\r\n                });\r\n            };\r\n            if (this._templates[\"main\"]) {\r\n                buildTree(templateStructure, \"main\");\r\n            }\r\n            return templateStructure;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Get the canvas in the template tree.\r\n     * There must be one and only one canvas inthe template.\r\n     * @returns the canvas element or null if not found\r\n     */\r\n    public getCanvas(): HTMLCanvasElement | null {\r\n        return this.containerElement.querySelector(\"canvas\");\r\n    }\r\n\r\n    /**\r\n     * Get a specific template from the template tree\r\n     * @param name the name of the template to load\r\n     * @returns the template or undefined if not found\r\n     */\r\n    public getTemplate(name: string): Template | undefined {\r\n        return this._templates[name];\r\n    }\r\n\r\n    private _checkLoadedState() {\r\n        const done =\r\n            Object.keys(this._templates).length === 0 ||\r\n            Object.keys(this._templates).every((key) => {\r\n                return (this._templates[key].isLoaded && !!this._templates[key].parent) || !this._templates[key].isInHtmlTree;\r\n            });\r\n\r\n        if (done) {\r\n            this.onAllLoaded.notifyObservers(this);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Dispose the template manager\r\n     */\r\n    public dispose() {\r\n        // dispose all templates\r\n        Object.keys(this._templates).forEach((template) => {\r\n            this._templates[template].dispose();\r\n        });\r\n        this._templates = {};\r\n        this.eventManager.dispose();\r\n\r\n        this.onTemplateInit.clear();\r\n        this.onAllLoaded.clear();\r\n        this.onEventTriggered.clear();\r\n        this.onTemplateLoaded.clear();\r\n        this.onTemplateStateChange.clear();\r\n    }\r\n}\r\n\r\n// register a new helper. modified https://stackoverflow.com/questions/9838925/is-there-any-method-to-iterate-a-map-with-handlebars-js\r\nHandlebars.registerHelper(\"eachInMap\", function (map, block) {\r\n    let out = \"\";\r\n    Object.keys(map).map(function (prop) {\r\n        const data = map[prop];\r\n        if (typeof data === \"object\") {\r\n            data.id = data.id || prop;\r\n            out += block.fn(data);\r\n        } else {\r\n            out += block.fn({ id: prop, value: data });\r\n        }\r\n    });\r\n    return out;\r\n});\r\n\r\nHandlebars.registerHelper(\"add\", function (a, b) {\r\n    const out = a + b;\r\n    return out;\r\n});\r\n\r\nHandlebars.registerHelper(\"eq\", function (a, b) {\r\n    const out = a == b;\r\n    return out;\r\n});\r\n\r\nHandlebars.registerHelper(\"or\", function (a, b) {\r\n    const out = a || b;\r\n    return out;\r\n});\r\n\r\nHandlebars.registerHelper(\"not\", function (a) {\r\n    const out = !a;\r\n    return out;\r\n});\r\n\r\nHandlebars.registerHelper(\"count\", function (map) {\r\n    return map.length;\r\n});\r\n\r\nHandlebars.registerHelper(\"gt\", function (a, b) {\r\n    const out = a > b;\r\n    return out;\r\n});\r\n\r\n/**\r\n * This class represents a single template in the viewer's template tree.\r\n * An example for a template is a single canvas, an overlay (containing sub-templates) or the navigation bar.\r\n * A template is injected using the template manager in the correct position.\r\n * The template is rendered using Handlebars and can use Handlebars' features (such as parameter injection)\r\n *\r\n * For further information please refer to the documentation page, https://doc.babylonjs.com\r\n */\r\nexport class Template {\r\n    /**\r\n     * Will be triggered when the template is loaded\r\n     */\r\n    public onLoaded: Observable<Template>;\r\n    /**\r\n     * will be triggered when the template is appended to the tree\r\n     */\r\n    public onAppended: Observable<Template>;\r\n    /**\r\n     * Will be triggered when the template's state changed (shown, hidden)\r\n     */\r\n    public onStateChange: Observable<Template>;\r\n    /**\r\n     * Will be triggered when an event is triggered on ths template.\r\n     * The event is a native browser event (like mouse or pointer events)\r\n     */\r\n    public onEventTriggered: Observable<EventCallback>;\r\n\r\n    public onParamsUpdated: Observable<Template>;\r\n\r\n    public onHTMLRendered: Observable<Template>;\r\n\r\n    /**\r\n     * is the template loaded?\r\n     */\r\n    public isLoaded: boolean;\r\n    /**\r\n     * This is meant to be used to track the show and hide functions.\r\n     * This is NOT (!!) a flag to check if the element is actually visible to the user.\r\n     */\r\n    public isShown: boolean;\r\n\r\n    /**\r\n     * Is this template a part of the HTML tree (the template manager injected it)\r\n     */\r\n    public isInHtmlTree: boolean;\r\n\r\n    /**\r\n     * The HTML element containing this template\r\n     */\r\n    public parent: HTMLElement;\r\n\r\n    /**\r\n     * A promise that is fulfilled when the template finished loading.\r\n     */\r\n    public initPromise: Promise<Template>;\r\n\r\n    private _fragment: DocumentFragment | Element;\r\n    private _addedFragment: DocumentFragment | Element;\r\n    private _htmlTemplate: string;\r\n    private _rawHtml: string;\r\n\r\n    private _loadRequests: Array<IFileRequest>;\r\n\r\n    constructor(\r\n        public name: string,\r\n        private _configuration: ITemplateConfiguration\r\n    ) {\r\n        this.onLoaded = new Observable<Template>();\r\n        this.onAppended = new Observable<Template>();\r\n        this.onStateChange = new Observable<Template>();\r\n        this.onEventTriggered = new Observable<EventCallback>();\r\n        this.onParamsUpdated = new Observable<Template>();\r\n        this.onHTMLRendered = new Observable<Template>();\r\n\r\n        this._loadRequests = [];\r\n\r\n        this.isLoaded = false;\r\n        this.isShown = false;\r\n        this.isInHtmlTree = false;\r\n\r\n        const htmlContentPromise = this._getTemplateAsHtml(_configuration);\r\n\r\n        this.initPromise = htmlContentPromise.then((htmlTemplate) => {\r\n            if (htmlTemplate) {\r\n                this._htmlTemplate = htmlTemplate;\r\n                const compiledTemplate = Handlebars.compile(htmlTemplate, { noEscape: this._configuration.params && !!this._configuration.params.noEscape });\r\n                const config = this._configuration.params || {};\r\n                this._rawHtml = compiledTemplate(config);\r\n                try {\r\n                    this._fragment = document.createRange().createContextualFragment(this._rawHtml);\r\n                } catch (e) {\r\n                    const test = document.createElement(this.name);\r\n                    test.innerHTML = this._rawHtml;\r\n                    this._fragment = test;\r\n                }\r\n                this.isLoaded = true;\r\n                this.isShown = true;\r\n                this.onLoaded.notifyObservers(this);\r\n            }\r\n            return this;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Some templates have parameters (like background color for example).\r\n     * The parameters are provided to Handlebars which in turn generates the template.\r\n     * This function will update the template with the new parameters\r\n     *\r\n     * Note that when updating parameters the events will be registered again (after being cleared).\r\n     *\r\n     * @param params the new template parameters\r\n     * @param append\r\n     */\r\n    public updateParams(params: { [key: string]: string | number | boolean | object }, append: boolean = true) {\r\n        if (append) {\r\n            this._configuration.params = deepmerge(this._configuration.params, params);\r\n        } else {\r\n            this._configuration.params = params;\r\n        }\r\n        // update the template\r\n        if (this.isLoaded) {\r\n            // this.dispose();\r\n        }\r\n        const compiledTemplate = Handlebars.compile(this._htmlTemplate);\r\n        const config = this._configuration.params || {};\r\n        this._rawHtml = compiledTemplate(config);\r\n        try {\r\n            this._fragment = document.createRange().createContextualFragment(this._rawHtml);\r\n        } catch (e) {\r\n            const test = document.createElement(this.name);\r\n            test.innerHTML = this._rawHtml;\r\n            this._fragment = test;\r\n        }\r\n        if (this.parent) {\r\n            this.appendTo(this.parent, true);\r\n        }\r\n    }\r\n\r\n    public redraw() {\r\n        this.updateParams({});\r\n    }\r\n\r\n    /**\r\n     * Get the template'S configuration\r\n     */\r\n    public get configuration(): ITemplateConfiguration {\r\n        return this._configuration;\r\n    }\r\n\r\n    /**\r\n     * A template can be a parent element for other templates or HTML elements.\r\n     * This function will deliver all child HTML elements of this template.\r\n     * @returns an array of strings, each string is the name of the child element\r\n     */\r\n    public getChildElements(): Array<string> {\r\n        const childrenArray: string[] = [];\r\n        //Edge and IE don't support frage,ent.children\r\n        let children: HTMLCollection | NodeListOf<Element> = this._fragment && this._fragment.children;\r\n        if (!this._fragment) {\r\n            const fragment = this.parent.querySelector(this.name);\r\n            if (fragment) {\r\n                children = fragment.querySelectorAll(\"*\");\r\n            }\r\n        }\r\n        if (!children) {\r\n            // casting to HTMLCollection, as both NodeListOf and HTMLCollection have 'item()' and 'length'.\r\n            children = this._fragment.querySelectorAll(\"*\");\r\n        }\r\n        for (let i = 0; i < children.length; ++i) {\r\n            const child = children.item(i);\r\n            if (child) {\r\n                childrenArray.push(kebabToCamel(child.nodeName.toLowerCase()));\r\n            }\r\n        }\r\n        return childrenArray;\r\n    }\r\n\r\n    /**\r\n     * Appending the template to a parent HTML element.\r\n     * If a parent is already set and you wish to replace the old HTML with new one, forceRemove should be true.\r\n     * @param parent the parent to which the template is added\r\n     * @param forceRemove if the parent already exists, shoud the template be removed from it?\r\n     */\r\n    public appendTo(parent: HTMLElement, forceRemove?: boolean) {\r\n        if (this.parent) {\r\n            if (forceRemove && this._addedFragment) {\r\n                /*let fragement = this.parent.querySelector(this.name)\r\n                if (fragement)\r\n                    this.parent.removeChild(fragement);*/\r\n                this.parent.innerHTML = \"\";\r\n            } else {\r\n                return;\r\n            }\r\n        }\r\n        this.parent = parent;\r\n\r\n        if (this._configuration.id) {\r\n            this.parent.id = this._configuration.id;\r\n        }\r\n        if (this._fragment) {\r\n            this.parent.appendChild(this._fragment);\r\n            this._addedFragment = this._fragment;\r\n        } else {\r\n            this.parent.insertAdjacentHTML(\"beforeend\", this._rawHtml);\r\n        }\r\n\r\n        this.onHTMLRendered.notifyObservers(this);\r\n\r\n        // appended only one frame after.\r\n        setTimeout(() => {\r\n            this._registerEvents();\r\n            this.onAppended.notifyObservers(this);\r\n        });\r\n    }\r\n\r\n    private _isShowing: boolean;\r\n    private _isHiding: boolean;\r\n\r\n    /**\r\n     * Show the template using the provided visibilityFunction, or natively using display: flex.\r\n     * The provided function returns a promise that should be fulfilled when the element is shown.\r\n     * Since it is a promise async operations are more than possible.\r\n     * See the default viewer for an opacity example.\r\n     * @param visibilityFunction The function to execute to show the template.\r\n     * @returns a promise that will be fulfilled when the template is shown\r\n     */\r\n    public show(visibilityFunction?: (template: Template) => Promise<Template>): Promise<Template> {\r\n        if (this._isHiding) {\r\n            return Promise.resolve(this);\r\n        }\r\n        return Promise.resolve()\r\n            .then(() => {\r\n                this._isShowing = true;\r\n                if (visibilityFunction) {\r\n                    return visibilityFunction(this);\r\n                } else {\r\n                    // flex? box? should this be configurable easier than the visibilityFunction?\r\n                    this.parent.style.display = \"flex\";\r\n                    // support old browsers with no flex:\r\n                    if (this.parent.style.display !== \"flex\") {\r\n                        this.parent.style.display = \"\";\r\n                    }\r\n                    return this;\r\n                }\r\n            })\r\n            .then(() => {\r\n                this.isShown = true;\r\n                this._isShowing = false;\r\n                this.onStateChange.notifyObservers(this);\r\n                return this;\r\n            });\r\n    }\r\n\r\n    /**\r\n     * Hide the template using the provided visibilityFunction, or natively using display: none.\r\n     * The provided function returns a promise that should be fulfilled when the element is hidden.\r\n     * Since it is a promise async operations are more than possible.\r\n     * See the default viewer for an opacity example.\r\n     * @param visibilityFunction The function to execute to show the template.\r\n     * @returns a promise that will be fulfilled when the template is hidden\r\n     */\r\n    public hide(visibilityFunction?: (template: Template) => Promise<Template>): Promise<Template> {\r\n        if (this._isShowing) {\r\n            return Promise.resolve(this);\r\n        }\r\n        return Promise.resolve()\r\n            .then(() => {\r\n                this._isHiding = true;\r\n                if (visibilityFunction) {\r\n                    return visibilityFunction(this);\r\n                } else {\r\n                    // flex? box? should this be configurable easier than the visibilityFunction?\r\n                    this.parent.style.display = \"none\";\r\n                    return this;\r\n                }\r\n            })\r\n            .then(() => {\r\n                this.isShown = false;\r\n                this._isHiding = false;\r\n                this.onStateChange.notifyObservers(this);\r\n                return this;\r\n            });\r\n    }\r\n\r\n    /**\r\n     * Dispose this template\r\n     */\r\n    public dispose() {\r\n        this.onAppended.clear();\r\n        this.onEventTriggered.clear();\r\n        this.onLoaded.clear();\r\n        this.onStateChange.clear();\r\n        this.isLoaded = false;\r\n        // remove from parent\r\n        try {\r\n            this.parent.removeChild(this._fragment);\r\n        } catch (e) {\r\n            //noop\r\n        }\r\n\r\n        this._loadRequests.forEach((request) => {\r\n            request.abort();\r\n        });\r\n\r\n        if (this._registeredEvents) {\r\n            this._registeredEvents.forEach((evt) => {\r\n                evt.htmlElement.removeEventListener(evt.eventName, evt.function);\r\n            });\r\n        }\r\n    }\r\n\r\n    private _getTemplateAsHtml(templateConfig: ITemplateConfiguration): Promise<string> {\r\n        if (!templateConfig) {\r\n            return Promise.reject(\"No templateConfig provided\");\r\n        } else if (templateConfig.html && !templateConfig.location) {\r\n            return Promise.resolve(templateConfig.html);\r\n        } else {\r\n            let location = this._getTemplateLocation(templateConfig);\r\n            if (isUrl(location)) {\r\n                return new Promise((resolve, reject) => {\r\n                    const fileRequest = Tools.LoadFile(\r\n                        location,\r\n                        (data: string | ArrayBuffer) => {\r\n                            resolve(data as string);\r\n                        },\r\n                        undefined,\r\n                        undefined,\r\n                        false,\r\n                        (request, error: any) => {\r\n                            reject(error);\r\n                        }\r\n                    );\r\n                    this._loadRequests.push(fileRequest);\r\n                });\r\n            } else {\r\n                location = location.replace(\"#\", \"\");\r\n                const element = document.getElementById(location);\r\n                if (element) {\r\n                    return Promise.resolve(element.innerHTML);\r\n                } else {\r\n                    return Promise.reject(\"Template ID not found\");\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    private _registeredEvents: Array<{ htmlElement: HTMLElement; eventName: string; function: EventListenerOrEventListenerObject }>;\r\n\r\n    private _registerEvents() {\r\n        this._registeredEvents = this._registeredEvents || [];\r\n        if (this._registeredEvents.length) {\r\n            // first remove the registered events\r\n            this._registeredEvents.forEach((evt) => {\r\n                evt.htmlElement.removeEventListener(evt.eventName, evt.function);\r\n            });\r\n        }\r\n        if (this._configuration.events) {\r\n            for (const eventName in this._configuration.events) {\r\n                if (this._configuration.events && this._configuration.events[eventName]) {\r\n                    const functionToFire = (selector: string, event: Event) => {\r\n                        this.onEventTriggered.notifyObservers({ event, template: this, selector });\r\n                    };\r\n\r\n                    // if boolean, set the parent as the event listener\r\n                    if (typeof this._configuration.events[eventName] === \"boolean\") {\r\n                        let selector = this.parent.id;\r\n                        if (selector) {\r\n                            selector = \"#\" + selector;\r\n                        } else {\r\n                            selector = this.parent.tagName;\r\n                        }\r\n                        const binding = functionToFire.bind(this, selector);\r\n                        this.parent.addEventListener(eventName, binding, false);\r\n                        this._registeredEvents.push({\r\n                            htmlElement: this.parent,\r\n                            eventName: eventName,\r\n                            function: binding,\r\n                        });\r\n                    } else if (typeof this._configuration.events[eventName] === \"object\") {\r\n                        const selectorsArray: Array<string> = Object.keys((this._configuration.events[eventName] as object) || {});\r\n                        // strict null check is working incorrectly, must override:\r\n                        const event = this._configuration.events[eventName] || {};\r\n                        selectorsArray\r\n                            .filter((selector) => typeof event !== \"boolean\" && event[selector])\r\n                            .forEach((selector) => {\r\n                                let htmlElement = <HTMLElement>this.parent.querySelector(selector);\r\n                                if (!htmlElement) {\r\n                                    // backcompat, fallback to id\r\n                                    if (selector && selector.indexOf(\"#\") !== 0) {\r\n                                        selector = \"#\" + selector;\r\n                                    }\r\n                                    try {\r\n                                        htmlElement = <HTMLElement>this.parent.querySelector(selector);\r\n                                    } catch (e) {}\r\n                                }\r\n                                if (htmlElement) {\r\n                                    const binding = functionToFire.bind(this, selector);\r\n                                    htmlElement.addEventListener(eventName, binding, false);\r\n                                    this._registeredEvents.push({\r\n                                        htmlElement: htmlElement,\r\n                                        eventName: eventName,\r\n                                        function: binding,\r\n                                    });\r\n                                }\r\n                            });\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    private _getTemplateLocation(templateConfig: ITemplateConfiguration): string {\r\n        if (!templateConfig || typeof templateConfig === \"string\") {\r\n            return templateConfig;\r\n        } else {\r\n            return templateConfig.location!;\r\n        }\r\n    }\r\n}\r\n"]}