@genexus/genexus-ide-ui 1.0.19 → 1.0.20

package/dist/esm/gx-ide-welcome-page.entry.js

@@ -0,0 +1,253 @@
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-27c691bc.js';
+import { g as getIconPath } from './assets-manager-5ac25bb6.js';
+import { L as Locale } from './locale-3c32f251.js';
+
+const welcomePageCss = ":host{--slide-header-block-padding:34px;--slide-footer-block:var(--mer-spacing--md) var(--mer-spacing--4xl);--slide-footer-block-last-slide:var(--mer-spacing--md) 42px;--slide-footer-navigation-hide-transition:var(--mer-timing--fast);display:grid;block-size:100%;inline-size:100%;overflow:auto;padding:var(--mer-spacing--lg);box-sizing:border-box;padding:var(--mer-spacing--xl)}.main{display:grid;place-self:center;inline-size:100%;max-inline-size:1100px;background-color:var(--mer-surface__elevation--01);border-radius:17px;overflow:hidden;border:var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);inset-block-start:0;transition:opacity var(--slide-fade-duration);opacity:0;pointer-events:none}.main--border-glow{animation:borderColorCycle 2s infinite}.main--visible{pointer-events:visible;opacity:1}.slide{display:grid;block-size:100%;grid-template-areas:\"header header\" \"slide-wrapper slide-wrapper\" \"footer footer\";grid-template-rows:max-content 1fr max-content}.slide__header{padding-inline:18px;padding-block:24px 27px;display:flex;flex-direction:row-reverse;grid-area:header}.slide__container{display:contents}.slide__wrapper{display:grid;column-gap:var(--mer-spacing--3xl);grid-template-areas:\"header header\" \"illustration copy\" \"footer footer\";grid-template-rows:max-content 1fr max-content;grid-template-columns:1fr 520px;grid-area:slide-wrapper;transition:var(--slide-fade-duration) opacity;transition:opacity 200ms;padding-inline:48px;opacity:1;z-index:1}.slide__wrapper:not(.active){opacity:0;z-index:0;pointer-events:none}.slide__illustration{position:relative;overflow:hidden;display:grid;grid-area:illustration;place-items:center;inline-size:100%}.slide__illustration-img{object-fit:contain;block-size:100%;inline-size:100%}.slide__copy{grid-area:copy;place-self:center;justify-self:flex-start}.slide__copy-container{display:grid;gap:var(--mer-spacing--md);max-inline-size:524px}.slide__copy-header{display:grid;gap:var(--mer-spacing--md)}.slide__copy-title{font-size:var(--mer-font__size--xl);color:var(--mer-text__on-surface);letter-spacing:0.02em;font-weight:var(--mer-font__weight--semi-bold)}.slide__copy-description{display:grid;gap:var(--mer-spacing--md);font-size:var(--mer-font__size--sm);font-weight:var(--mer-font__weight--light);line-height:var(--mer-line-height--spaced)}.slide__list{display:grid;gap:var(--mer-spacing--md);list-style:none;padding:0;margin:0}.slide__list-item{position:relative;padding-inline-start:24px}.slide__list-item::before{content:\"\";display:inline-block;inline-size:var(--mer-spacing--sm);block-size:var(--mer-spacing--sm);border:var(--mer-border__width--sm) solid var(--mer-color__tinted-primary--50);border-radius:50%;background-color:var(--mer-color__tinted-primary--10);margin-inline-end:var(--mer-spacing--sm);position:absolute;inset-inline-start:0;inset-block-start:6px}.slide__word{transition:var(--mer-timing--regular) opacity;opacity:0}.slide__word--visible{opacity:1}.slide__footer{grid-area:footer;display:grid;padding-block:var(--slide-footer-block);opacity:1}.slide__footer-last-slide{opacity:0;transition:calc(var(--mer-timing--fast) + 200ms) opacity;pointer-events:none;animation:footerPaddingBlockLastSlide var(--mer-timing--regular) ease-out forwards calc(var(--mer-timing--fast) + 200ms)}.slide__footer-wrapper{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--md);align-items:center;justify-content:center;transition:var(--mer-timing--regular) opacity;opacity:1}.slide__footer-wrapper-hidden{opacity:0}.slide__dots{display:grid;gap:var(--mer-spacing--2xs);list-style:none;padding:0;margin:0;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center}.slide__dots-inactive{pointer-events:none}.slide__dot{display:grid;padding:var(--mer-spacing--xs);cursor:pointer}.slide__dot::before{content:\"\";place-self:center;inline-size:var(--mer-spacing--sm);block-size:var(--mer-spacing--sm);border-radius:calc(var(--mer-spacing--sm) / 2);background-color:var(--mer-color__neutral-gray--500)}.slide__dot:hover::before{background-color:var(--mer-icon__on-primary--hover)}.slide__dot.active{cursor:auto}.slide__dot.active::before{background-color:var(--mer-accent__primary);cursor:auto}.slide__dot-inactive{pointer-events:none}.close-icon{transition:all var(--mer-timing--fast)}.close-icon:hover{filter:brightness(1.5)}.start-button{justify-self:start;margin-block-start:25px}@keyframes ellipseFadeInOut{0%{opacity:0.3}100%{opacity:0.7}}@keyframes ellipseRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes polygonRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes borderColorCycle{0%{border-color:var(--mer-surface__elevation--01)}50%{border-color:var(--mer-color__primary--400)}100%{border-color:var(--mer-surface__elevation--01)}}@keyframes footerPaddingBlockLastSlide{0%{padding-block:var(--slide-footer-block)}100%{padding-block:var(--slide-footer-block-last-slide)}}.fade-out{animation:fadeOut 0.5s forwards 0.3s}";
+
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeWelcomePage_componentLocale, _GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed, _GxIdeWelcomePage_slidesElements, _GxIdeWelcomePage_slidesElementsRef, _GxIdeWelcomePage_slideTimeOutId, _GxIdeWelcomePage_closeSlider, _GxIdeWelcomePage_initiateSlidesTransition, _GxIdeWelcomePage_displayWords, _GxIdeWelcomePage_dotClickedHandler, _GxIdeWelcomePage_keyboardEventHandler, _GxIdeWelcomePage_nextSlideHandler, _GxIdeWelcomePage_prevSlideHandler, _GxIdeWelcomePage_slideTimeOut, _GxIdeWelcomePage_secondsToRead, _GxIdeWelcomePage_renderSlides, _GxIdeWelcomePage_splitWords, _GxIdeWelcomePage_updateActiveSlide;
+const ACTIVE_SLIDE_SELECTOR = "active";
+const ARROW_LEFT_KEY = "ArrowLeft";
+const ARROW_RIGHT_KEY = "ArrowRight";
+const ESCAPE_KEY = "Escape";
+const SLIDE_FADE_DURATION = 300;
+const SLIDE_WORD_SELECTOR = ".slide__word";
+const SLIDE_WORD_SELECTOR_TIMEOUT = 70;
+const SLIDE_WORD_SELECTOR_VISIBLE = "slide__word--visible";
+// icons
+const ICON_NEXT = getAssetPath(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
+const CLOSE_ICON = getIconPath({
+    category: "system",
+    name: "close",
+    colorType: "on-elevation"
+});
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/typography",
+    "components/icon",
+    "components/button"
+];
+const GxIdeWelcomePage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeWelcomePage_componentLocale.set(this, void 0);
+        _GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed.set(this, new Map());
+        _GxIdeWelcomePage_slidesElements.set(this, []);
+        _GxIdeWelcomePage_slidesElementsRef.set(this, []);
+        // #slidesDescriptionAsChunksAlreadyDisplayed is used to know if the description of a slide
+        // that is set to be displayed as chunks, has already been displayed. Used to not display
+        // as chunks after the first time.
+        _GxIdeWelcomePage_slideTimeOutId.set(this, void 0);
+        _GxIdeWelcomePage_closeSlider.set(this, () => {
+            this.sliderVisible = false;
+            setTimeout(() => {
+                // wait until the slide disappears, then remove.
+                this.el.remove();
+                this.closeCallback();
+                document.removeEventListener("keydown", __classPrivateFieldGet(this, _GxIdeWelcomePage_keyboardEventHandler, "f"));
+            }, SLIDE_FADE_DURATION);
+        });
+        _GxIdeWelcomePage_initiateSlidesTransition.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeWelcomePage_slideTimeOut, "f").call(this);
+            // listen to keydown events to navigate the slides with the arrows
+            document.addEventListener("keydown", __classPrivateFieldGet(this, _GxIdeWelcomePage_keyboardEventHandler, "f"));
+        });
+        _GxIdeWelcomePage_displayWords.set(this, (wordsNodeList) => {
+            wordsNodeList.forEach((word, index) => {
+                setTimeout(() => {
+                    word.classList.add(SLIDE_WORD_SELECTOR_VISIBLE);
+                }, index * SLIDE_WORD_SELECTOR_TIMEOUT);
+            });
+        });
+        _GxIdeWelcomePage_dotClickedHandler.set(this, (event) => {
+            this.userHasChangedSlide = true;
+            const itemClicked = event.currentTarget;
+            const index = parseInt(itemClicked.getAttribute("data-index"), 10);
+            __classPrivateFieldGet(this, _GxIdeWelcomePage_updateActiveSlide, "f").call(this, index);
+        });
+        _GxIdeWelcomePage_keyboardEventHandler.set(this, (event) => {
+            this.userHasChangedSlide = true;
+            const goToPrevSlide = event.key === ARROW_LEFT_KEY &&
+                !this.slideTransitioning &&
+                !this.lastSlideReached &&
+                this.activeSlideIndex !== 0;
+            const goToNextSlide = event.key === ARROW_RIGHT_KEY &&
+                !this.slideTransitioning &&
+                !this.lastSlideReached;
+            const closeSlider = event.key === ESCAPE_KEY ||
+                (event.key === ARROW_RIGHT_KEY &&
+                    !this.slideTransitioning &&
+                    this.lastSlideReached);
+            if (goToNextSlide) {
+                __classPrivateFieldGet(this, _GxIdeWelcomePage_nextSlideHandler, "f").call(this);
+            }
+            else if (goToPrevSlide) {
+                __classPrivateFieldGet(this, _GxIdeWelcomePage_prevSlideHandler, "f").call(this);
+            }
+            else if (closeSlider) {
+                __classPrivateFieldGet(this, _GxIdeWelcomePage_closeSlider, "f").call(this);
+            }
+        });
+        _GxIdeWelcomePage_nextSlideHandler.set(this, () => {
+            const newIndex = this.activeSlideIndex + 1;
+            __classPrivateFieldGet(this, _GxIdeWelcomePage_updateActiveSlide, "f").call(this, newIndex);
+        });
+        _GxIdeWelcomePage_prevSlideHandler.set(this, () => {
+            const newIndex = this.activeSlideIndex - 1;
+            __classPrivateFieldGet(this, _GxIdeWelcomePage_updateActiveSlide, "f").call(this, newIndex);
+        });
+        _GxIdeWelcomePage_slideTimeOut.set(this, () => {
+            // Clear any existing timeout
+            if (__classPrivateFieldGet(this, _GxIdeWelcomePage_slideTimeOutId, "f")) {
+                clearTimeout(__classPrivateFieldGet(this, _GxIdeWelcomePage_slideTimeOutId, "f"));
+            }
+            const autoChangeSlide = this.transitionType === "auto" &&
+                !this.lastSlideReached &&
+                !this.userHasChangedSlide;
+            if (!autoChangeSlide) {
+                return;
+            }
+            const mergedDescription = this.slides[this.activeSlideIndex].description.join("");
+            const words = mergedDescription.split(" ").length;
+            const timeBeforeNextSlide = __classPrivateFieldGet(this, _GxIdeWelcomePage_secondsToRead, "f").call(this, words);
+            // Set a fresh timeout
+            if (timeBeforeNextSlide) {
+                __classPrivateFieldSet(this, _GxIdeWelcomePage_slideTimeOutId, setTimeout(() => {
+                    __classPrivateFieldGet(this, _GxIdeWelcomePage_nextSlideHandler, "f").call(this);
+                }, timeBeforeNextSlide), "f");
+            }
+        });
+        _GxIdeWelcomePage_secondsToRead.set(this, (wordsCount, wordsPerMinute = this.wordsPerMinute) => {
+            const minutes = wordsCount / wordsPerMinute;
+            const milliseconds = minutes * 60000; // Convert minutes to milliseconds
+            return milliseconds;
+        });
+        _GxIdeWelcomePage_renderSlides.set(this, () => {
+            __classPrivateFieldSet(this, _GxIdeWelcomePage_slidesElements, this.slides.map((slide, index) => {
+                var _a, _b;
+                const isLastSlide = index === this.slides.length - 1;
+                return (h("section", { class: "slide__wrapper", ref: (el) => (__classPrivateFieldGet(this, _GxIdeWelcomePage_slidesElementsRef, "f")[index] = el) }, h("div", { class: "slide__illustration", role: "img", "aria-label": __classPrivateFieldGet(this, _GxIdeWelcomePage_componentLocale, "f").copyright.illustrationAriaLabel }, h("img", { class: "slide__illustration-img", src: slide.illustration.url, alt: slide.illustration.alt })), h("section", { class: "slide__copy" }, h("div", { class: "slide__copy-container" }, h("header", { class: "slide__copy-header" }, h("img", { src: ICON_NEXT, alt: "GeneXus Next isologotype" }), h("h2", { class: "slide__copy-title" }, slide.title)), h("div", { class: "slide__copy-description" }, (_a = slide.description) === null || _a === void 0 ? void 0 :
+                    _a.map(paragraph => {
+                        return (h("p", null, slide.descriptionAsChunks
+                            ? __classPrivateFieldGet(this, _GxIdeWelcomePage_splitWords, "f").call(this, paragraph)
+                            : paragraph));
+                    }), ((_b = slide.listItems) === null || _b === void 0 ? void 0 : _b.length) && (h("ul", { class: "slide__list" }, slide.listItems.map(item => {
+                    return h("li", { class: "slide__list-item" }, item);
+                })))), isLastSlide && (h("button", { class: "button-primary start-button", onClick: __classPrivateFieldGet(this, _GxIdeWelcomePage_closeSlider, "f") }, __classPrivateFieldGet(this, _GxIdeWelcomePage_componentLocale, "f").startButtonCaption))))));
+            }), "f");
+        });
+        _GxIdeWelcomePage_splitWords.set(this, (paragraph) => {
+            return paragraph.split(" ").map(word => {
+                // keep the space after {word} !
+                return h("span", { class: "slide__word" }, word, " ");
+            });
+        });
+        _GxIdeWelcomePage_updateActiveSlide.set(this, (newSlideIndex) => {
+            if (this.lastSlideReached) {
+                return;
+            }
+            this.slideTransitioning = true;
+            // unset current active slide
+            const activeSlide = __classPrivateFieldGet(this, _GxIdeWelcomePage_slidesElementsRef, "f")[this.activeSlideIndex];
+            activeSlide.classList.remove(ACTIVE_SLIDE_SELECTOR);
+            const nextSlideReference = __classPrivateFieldGet(this, _GxIdeWelcomePage_slidesElementsRef, "f")[newSlideIndex];
+            const displayDescriptionAsChunks = this.slides[newSlideIndex].descriptionAsChunks;
+            const descriptionAsChunksDisplayedAlready = __classPrivateFieldGet(this, _GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed, "f").get(newSlideIndex);
+            let wordsCount;
+            let wordsNodeList;
+            let slideTimeOut = 0;
+            if (displayDescriptionAsChunks) {
+                wordsNodeList = nextSlideReference.querySelectorAll(SLIDE_WORD_SELECTOR);
+                wordsCount = wordsNodeList.length;
+                slideTimeOut = wordsCount * SLIDE_WORD_SELECTOR_TIMEOUT;
+            }
+            this.lastSlideReached = newSlideIndex === this.slides.length - 1;
+            // set new slide as active after fade out
+            setTimeout(() => {
+                nextSlideReference.classList.add(ACTIVE_SLIDE_SELECTOR);
+                if (displayDescriptionAsChunks && !descriptionAsChunksDisplayedAlready) {
+                    __classPrivateFieldGet(this, _GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed, "f").set(newSlideIndex, true);
+                    __classPrivateFieldGet(this, _GxIdeWelcomePage_displayWords, "f").call(this, wordsNodeList);
+                    setTimeout(() => {
+                        this.slideTransitioning = false;
+                    }, slideTimeOut);
+                }
+                else {
+                    this.slideTransitioning = false;
+                }
+            }, SLIDE_FADE_DURATION);
+            // update active slide index
+            this.activeSlideIndex = newSlideIndex;
+            __classPrivateFieldGet(this, _GxIdeWelcomePage_slideTimeOut, "f").call(this); // this has to be after this.#updateActiveSlide.
+        });
+        this.activeSlideIndex = 0;
+        this.displaySlider = false;
+        this.copyrightsVisible = true;
+        this.lastSlideReached = false;
+        this.sliderVisible = false;
+        this.slideTransitioning = false;
+        this.userHasChangedSlide = false;
+        this.transitionType = "auto";
+        this.wordsPerMinute = 250;
+        this.closeCallback = undefined;
+        this.slides = [];
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeWelcomePage_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeWelcomePage_renderSlides, "f").call(this);
+    }
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeWelcomePage_slidesElementsRef, "f")[this.activeSlideIndex].classList.add(ACTIVE_SLIDE_SELECTOR);
+        this.sliderVisible = true;
+        __classPrivateFieldGet(this, _GxIdeWelcomePage_initiateSlidesTransition, "f").call(this);
+    }
+    render() {
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: {
+                "main": true,
+                "main--visible": this.sliderVisible,
+                "main--border-glow": this.lastSlideReached
+            }, style: { "--slide-fade-duration": `${SLIDE_FADE_DURATION}ms` } }, h("section", { class: "slide" }, h("header", { class: "slide__header" }, h("button", { class: "button-tertiary button-icon-only close-icon", "aria-label": "close presentation", onClick: __classPrivateFieldGet(this, _GxIdeWelcomePage_closeSlider, "f") }, h("ch-image", { class: "icon-md", src: CLOSE_ICON }))), h("div", { class: "slide__container" }, __classPrivateFieldGet(this, _GxIdeWelcomePage_slidesElements, "f")), h("footer", {
+            // slide common footer
+            class: {
+                "slide__footer": true,
+                "slide__footer-last-slide": this.lastSlideReached
+            }
+        }, h("div", { class: {
+                "slide__footer-wrapper": true,
+                "slide__footer-wrapper-hidden": this.lastSlideReached
+            } }, h("ul", { class: "slide__dots", "aria-label": "Slide indicators" }, this.slides.map((_, index) => {
+            return (h("li", { class: {
+                    "slide__dot": true,
+                    "slide__dot-inactive": this.slideTransitioning,
+                    [ACTIVE_SLIDE_SELECTOR]: index === this.activeSlideIndex
+                }, "data-index": index, onClick: !this.slideTransitioning && __classPrivateFieldGet(this, _GxIdeWelcomePage_dotClickedHandler, "f") }));
+        }))))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/welcome-page"]; }
+    get el() { return getElement(this); }
+};
+_GxIdeWelcomePage_componentLocale = new WeakMap(), _GxIdeWelcomePage_slidesDescriptionAsChunksAlreadyDisplayed = new WeakMap(), _GxIdeWelcomePage_slidesElements = new WeakMap(), _GxIdeWelcomePage_slidesElementsRef = new WeakMap(), _GxIdeWelcomePage_slideTimeOutId = new WeakMap(), _GxIdeWelcomePage_closeSlider = new WeakMap(), _GxIdeWelcomePage_initiateSlidesTransition = new WeakMap(), _GxIdeWelcomePage_displayWords = new WeakMap(), _GxIdeWelcomePage_dotClickedHandler = new WeakMap(), _GxIdeWelcomePage_keyboardEventHandler = new WeakMap(), _GxIdeWelcomePage_nextSlideHandler = new WeakMap(), _GxIdeWelcomePage_prevSlideHandler = new WeakMap(), _GxIdeWelcomePage_slideTimeOut = new WeakMap(), _GxIdeWelcomePage_secondsToRead = new WeakMap(), _GxIdeWelcomePage_renderSlides = new WeakMap(), _GxIdeWelcomePage_splitWords = new WeakMap(), _GxIdeWelcomePage_updateActiveSlide = new WeakMap();
+GxIdeWelcomePage.style = welcomePageCss;
+
+export { GxIdeWelcomePage as gx_ide_welcome_page };
+
+//# sourceMappingURL=gx-ide-welcome-page.entry.js.map

package/dist/esm/gx-ide-welcome-page.entry.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-welcome-page.entry.js","mappings":"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","names":[],"sources":["src/components/welcome-page/welcome-page.scss?tag=gx-ide-welcome-page&encapsulation=shadow","src/components/welcome-page/welcome-page.tsx"],"sourcesContent":[":host {\n  --slide-header-block-padding: 34px;\n  --slide-footer-block: var(--mer-spacing--md) var(--mer-spacing--4xl);\n  --slide-footer-block-last-slide: var(--mer-spacing--md) 42px;\n  --slide-footer-navigation-hide-transition: var(--mer-timing--fast);\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: auto;\n  padding: var(--mer-spacing--lg);\n  box-sizing: border-box;\n  padding: var(--mer-spacing--xl);\n}\n\n.main {\n  display: grid;\n  place-self: center;\n  inline-size: 100%;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: 17px;\n  overflow: hidden;\n  border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);\n  inset-block-start: 0;\n  transition: opacity var(--slide-fade-duration);\n  opacity: 0;\n  pointer-events: none;\n\n  &--border-glow {\n    animation: borderColorCycle 2s infinite;\n  }\n  &--visible {\n    pointer-events: visible;\n    opacity: 1;\n  }\n}\n\n// - - - - - - - - - - - - -\n// Slide\n// - - - - - - - - - - - - -\n\n.slide {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"slide-wrapper slide-wrapper\"\n    \"footer footer\";\n  grid-template-rows: max-content 1fr max-content;\n\n  //  - - - - - Header\n\n  &__header {\n    padding-inline: 18px;\n    padding-block: 24px 27px;\n    display: flex;\n    flex-direction: row-reverse;\n    grid-area: header;\n  }\n\n  //  - - - - - Container\n\n  &__container {\n    display: contents;\n  }\n\n  &__wrapper {\n    display: grid;\n    column-gap: var(--mer-spacing--3xl);\n    grid-template-areas:\n      \"header header\"\n      \"illustration copy\"\n      \"footer footer\";\n    grid-template-rows: max-content 1fr max-content;\n    // grid-template-columns: 411px 1fr;\n    grid-template-columns: 1fr 520px;\n    grid-area: slide-wrapper;\n    transition: var(--slide-fade-duration) opacity;\n    transition: opacity 200ms;\n    padding-inline: 48px;\n    opacity: 1;\n    z-index: 1;\n  }\n  &__wrapper:not(.active) {\n    opacity: 0;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  &__illustration {\n    position: relative;\n    overflow: hidden;\n    display: grid;\n    grid-area: illustration;\n    place-items: center;\n    inline-size: 100%;\n\n    &-img {\n      object-fit: contain;\n      block-size: 100%;\n      inline-size: 100%;\n    }\n  }\n\n  &__copy {\n    grid-area: copy;\n    place-self: center;\n    justify-self: flex-start;\n  }\n\n  &__copy-container {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    max-inline-size: 524px;\n  }\n\n  &__copy-header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n\n  &__copy-title {\n    font-size: var(--mer-font__size--xl);\n    color: var(--mer-text__on-surface);\n    letter-spacing: 0.02em;\n    font-weight: var(--mer-font__weight--semi-bold);\n  }\n\n  &__copy-description {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    font-size: var(--mer-font__size--sm);\n    font-weight: var(--mer-font__weight--light);\n    line-height: var(--mer-line-height--spaced);\n  }\n\n  &__list {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    &-item {\n      position: relative;\n      padding-inline-start: 24px;\n      &::before {\n        $size: var(--mer-spacing--sm);\n        content: \"\";\n        display: inline-block;\n        inline-size: $size;\n        block-size: $size;\n        border: var(--mer-border__width--sm) solid\n          var(--mer-color__tinted-primary--50);\n        border-radius: 50%;\n        background-color: var(--mer-color__tinted-primary--10);\n        margin-inline-end: var(--mer-spacing--sm);\n        position: absolute;\n        inset-inline-start: 0;\n        inset-block-start: 6px;\n      }\n    }\n  }\n\n  // words (if 'showTextInChunks' is true)\n  &__word {\n    transition: var(--mer-timing--regular) opacity;\n    opacity: 0;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n\n  //  - - - - - Footer\n\n  &__footer {\n    $hideDotsDuration: calc(var(--mer-timing--fast) + 200ms);\n    grid-area: footer;\n    display: grid;\n    padding-block: var(--slide-footer-block);\n    opacity: 1;\n\n    &-last-slide {\n      opacity: 0;\n      transition: $hideDotsDuration opacity;\n      pointer-events: none;\n      animation: footerPaddingBlockLastSlide var(--mer-timing--regular) ease-out\n        forwards $hideDotsDuration;\n    }\n  }\n\n  &__footer-wrapper {\n    display: grid;\n    grid-auto-flow: column;\n    grid-auto-columns: max-content;\n    gap: var(--mer-spacing--md);\n    align-items: center;\n    justify-content: center;\n    transition: var(--mer-timing--regular) opacity;\n    opacity: 1;\n\n    &-hidden {\n      opacity: 0;\n    }\n  }\n  &__dots {\n    display: grid;\n    gap: var(--mer-spacing--2xs);\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    grid-auto-flow: column;\n    grid-auto-columns: max-content;\n    justify-content: center;\n\n    &-inactive {\n      pointer-events: none;\n    }\n  }\n  &__dot {\n    display: grid;\n    padding: var(--mer-spacing--xs);\n    cursor: pointer;\n\n    &::before {\n      content: \"\";\n      place-self: center;\n      inline-size: var(--mer-spacing--sm);\n      block-size: var(--mer-spacing--sm);\n      border-radius: calc(var(--mer-spacing--sm) / 2);\n      background-color: var(--mer-color__neutral-gray--500);\n    }\n    &:hover::before {\n      background-color: var(--mer-icon__on-primary--hover);\n    }\n\n    &.active {\n      cursor: auto;\n      &::before {\n        background-color: var(--mer-accent__primary);\n        cursor: auto;\n      }\n    }\n\n    &-inactive {\n      pointer-events: none;\n    }\n  }\n}\n\n.close-icon {\n  transition: all var(--mer-timing--fast);\n  &:hover {\n    filter: brightness(1.5);\n  }\n}\n\n.start-button {\n  justify-self: start;\n  margin-block-start: 25px;\n}\n\n// - - - - - - - - - - - - - -\n// Animations\n// - - - - - - - - - - - - - -\n\n@keyframes ellipseFadeInOut {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 0.7;\n  }\n}\n@keyframes ellipseRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes polygonRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes borderColorCycle {\n  0% {\n    border-color: var(--mer-surface__elevation--01);\n  }\n  50% {\n    border-color: var(--mer-color__primary--400);\n  }\n  100% {\n    border-color: var(--mer-surface__elevation--01);\n  }\n}\n\n@keyframes footerPaddingBlockLastSlide {\n  0% {\n    padding-block: var(--slide-footer-block);\n  }\n  100% {\n    padding-block: var(--slide-footer-block-last-slide);\n  }\n}\n\n.fade-out {\n  animation: fadeOut 0.5s forwards 0.3s;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\n\nconst ACTIVE_SLIDE_SELECTOR = \"active\";\nconst ARROW_LEFT_KEY = \"ArrowLeft\";\nconst ARROW_RIGHT_KEY = \"ArrowRight\";\nconst ESCAPE_KEY = \"Escape\";\nconst SLIDE_FADE_DURATION = 300;\nconst SLIDE_WORD_SELECTOR = \".slide__word\";\nconst SLIDE_WORD_SELECTOR_TIMEOUT = 70;\nconst SLIDE_WORD_SELECTOR_VISIBLE = \"slide__word--visible\";\n\n// icons\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst CLOSE_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"on-elevation\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/icon\",\n  \"components/button\"\n];\n\n@Component({\n  tag: \"gx-ide-welcome-page\",\n  styleUrl: \"welcome-page.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/welcome-page\"]\n})\nexport class GxIdeWelcomePage {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #slidesDescriptionAsChunksAlreadyDisplayed: Map<number, boolean> = new Map();\n  #slidesElements: HTMLElement[] = [];\n  #slidesElementsRef: HTMLElement[] = [];\n  // #slidesDescriptionAsChunksAlreadyDisplayed is used to know if the description of a slide\n  // that is set to be displayed as chunks, has already been displayed. Used to not display\n  // as chunks after the first time.\n  #slideTimeOutId: NodeJS.Timeout;\n\n  @Element() el: HTMLGxIdeWelcomePageElement;\n\n  /**\n   * The current active slide index from 'slides' Prop. It does not considers the very first slide \"Copyright\".\n   */\n  @State() activeSlideIndex: number = 0;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slide with a smooth transition.\n   */\n  @State() displaySlider: boolean = false;\n\n  /**\n   * True if the very first slide is visible (The copyright slide)\n   */\n  @State() copyrightsVisible: boolean = true;\n\n  /**\n   * True if the user has reached the last slide. Used to hide/disable the navigation.\n   */\n  @State() lastSlideReached: boolean = false;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slider with a smooth transition.\n   */\n  @State() sliderVisible: boolean = false;\n\n  /**\n   * True if a slide is transitioning, false otherwise. Used to disable the navigation arrows while transitioning.\n   */\n  @State() slideTransitioning: boolean = false;\n\n  /**\n   * True if the user has changed slides by clicking on the navigation dots, or by using the keyboard arrows. This is used to know evaluate the slide transition setTimeOut. If the user has navigated, automatic slide transition should be turned off.\n   */\n  @State() userHasChangedSlide: boolean = false;\n\n  /**\n   * The transition type between the slides. \"static\" requires the user to navigate by clicking the navigation dots. \"auto\" will transition automatically after a calculated amount of time.\n   */\n  @Prop() readonly transitionType: TransitionType = \"auto\";\n\n  /**\n   * The estimated amount of words per minute that the user requires to read a slide. This value is used to return the time each slide is freezed before transitioning to the next one. Only evaluated when transitionType is set to \"auto\".\n   */\n  @Prop() readonly wordsPerMinute: number = 250;\n\n  /**\n   * Callback invoked when the user closes the slider by pressing the close button.\n   */\n  @Prop() readonly closeCallback!: CloseCallback;\n\n  /**\n   * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.\n   */\n  @Prop() readonly slides: SlideInfo[] = [];\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#renderSlides();\n  }\n\n  componentDidLoad() {\n    this.#slidesElementsRef[this.activeSlideIndex].classList.add(\n      ACTIVE_SLIDE_SELECTOR\n    );\n    this.sliderVisible = true;\n    this.#initiateSlidesTransition();\n  }\n\n  #closeSlider = () => {\n    this.sliderVisible = false;\n    setTimeout(() => {\n      // wait until the slide disappears, then remove.\n      this.el.remove();\n      this.closeCallback();\n      document.removeEventListener(\"keydown\", this.#keyboardEventHandler);\n    }, SLIDE_FADE_DURATION);\n  };\n\n  #initiateSlidesTransition = () => {\n    this.#slideTimeOut();\n    // listen to keydown events to navigate the slides with the arrows\n    document.addEventListener(\"keydown\", this.#keyboardEventHandler);\n  };\n\n  #displayWords = (wordsNodeList: NodeListOf<HTMLElement>) => {\n    wordsNodeList.forEach((word, index) => {\n      setTimeout(() => {\n        word.classList.add(SLIDE_WORD_SELECTOR_VISIBLE);\n      }, index * SLIDE_WORD_SELECTOR_TIMEOUT);\n    });\n  };\n\n  #dotClickedHandler = (event: MouseEvent) => {\n    this.userHasChangedSlide = true;\n    const itemClicked = event.currentTarget as HTMLElement;\n    const index = parseInt(itemClicked.getAttribute(\"data-index\"), 10);\n    this.#updateActiveSlide(index);\n  };\n\n  #keyboardEventHandler = (event: KeyboardEvent) => {\n    this.userHasChangedSlide = true;\n    const goToPrevSlide =\n      event.key === ARROW_LEFT_KEY &&\n      !this.slideTransitioning &&\n      !this.lastSlideReached &&\n      this.activeSlideIndex !== 0;\n\n    const goToNextSlide =\n      event.key === ARROW_RIGHT_KEY &&\n      !this.slideTransitioning &&\n      !this.lastSlideReached;\n\n    const closeSlider =\n      event.key === ESCAPE_KEY ||\n      (event.key === ARROW_RIGHT_KEY &&\n        !this.slideTransitioning &&\n        this.lastSlideReached);\n\n    if (goToNextSlide) {\n      this.#nextSlideHandler();\n    } else if (goToPrevSlide) {\n      this.#prevSlideHandler();\n    } else if (closeSlider) {\n      this.#closeSlider();\n    }\n  };\n\n  #nextSlideHandler = () => {\n    const newIndex = this.activeSlideIndex + 1;\n    this.#updateActiveSlide(newIndex);\n  };\n\n  #prevSlideHandler = () => {\n    const newIndex = this.activeSlideIndex - 1;\n    this.#updateActiveSlide(newIndex);\n  };\n\n  #slideTimeOut = () => {\n    // Clear any existing timeout\n    if (this.#slideTimeOutId) {\n      clearTimeout(this.#slideTimeOutId);\n    }\n\n    const autoChangeSlide =\n      this.transitionType === \"auto\" &&\n      !this.lastSlideReached &&\n      !this.userHasChangedSlide;\n\n    if (!autoChangeSlide) {\n      return;\n    }\n\n    const mergedDescription =\n      this.slides[this.activeSlideIndex].description.join(\"\");\n    const words = mergedDescription.split(\" \").length;\n    const timeBeforeNextSlide: number = this.#secondsToRead(words);\n\n    // Set a fresh timeout\n    if (timeBeforeNextSlide) {\n      this.#slideTimeOutId = setTimeout(() => {\n        this.#nextSlideHandler();\n      }, timeBeforeNextSlide);\n    }\n  };\n\n  #secondsToRead = (\n    wordsCount: number,\n    wordsPerMinute = this.wordsPerMinute\n  ): number => {\n    const minutes = wordsCount / wordsPerMinute;\n    const milliseconds = minutes * 60000; // Convert minutes to milliseconds\n    return milliseconds;\n  };\n\n  #renderSlides = () => {\n    this.#slidesElements = this.slides.map((slide, index) => {\n      const isLastSlide = index === this.slides.length - 1;\n      return (\n        <section\n          class=\"slide__wrapper\"\n          ref={(el: HTMLElement) =>\n            (this.#slidesElementsRef[index] = el as HTMLElement)\n          }\n        >\n          <div\n            class=\"slide__illustration\"\n            role=\"img\"\n            aria-label={this.#componentLocale.copyright.illustrationAriaLabel}\n          >\n            <img\n              class=\"slide__illustration-img\"\n              src={slide.illustration.url}\n              alt={slide.illustration.alt}\n            />\n          </div>\n          <section class=\"slide__copy\">\n            <div class=\"slide__copy-container\">\n              <header class=\"slide__copy-header\">\n                <img src={ICON_NEXT} alt=\"GeneXus Next isologotype\" />\n                <h2 class=\"slide__copy-title\">{slide.title}</h2>\n              </header>\n              <div class=\"slide__copy-description\">\n                {slide.description?.map(paragraph => {\n                  return (\n                    <p>\n                      {slide.descriptionAsChunks\n                        ? this.#splitWords(paragraph)\n                        : paragraph}\n                    </p>\n                  );\n                })}\n                {slide.listItems?.length && (\n                  <ul class=\"slide__list\">\n                    {slide.listItems.map(item => {\n                      return <li class=\"slide__list-item\">{item}</li>;\n                    })}\n                  </ul>\n                )}\n              </div>\n              {isLastSlide && (\n                <button\n                  class=\"button-primary start-button\"\n                  onClick={this.#closeSlider}\n                >\n                  {this.#componentLocale.startButtonCaption}\n                </button>\n              )}\n            </div>\n          </section>\n        </section>\n      );\n    });\n  };\n\n  #splitWords = (paragraph: string): HTMLSpanElement[] => {\n    return paragraph.split(\" \").map(word => {\n      // keep the space after {word} !\n      return <span class=\"slide__word\">{word} </span>;\n    });\n  };\n\n  #updateActiveSlide = (newSlideIndex: number) => {\n    if (this.lastSlideReached) {\n      return;\n    }\n    this.slideTransitioning = true;\n\n    // unset current active slide\n    const activeSlide = this.#slidesElementsRef[this.activeSlideIndex];\n    activeSlide.classList.remove(ACTIVE_SLIDE_SELECTOR);\n\n    const nextSlideReference = this.#slidesElementsRef[newSlideIndex];\n    const displayDescriptionAsChunks =\n      this.slides[newSlideIndex].descriptionAsChunks;\n    const descriptionAsChunksDisplayedAlready =\n      this.#slidesDescriptionAsChunksAlreadyDisplayed.get(newSlideIndex);\n    let wordsCount;\n    let wordsNodeList: NodeListOf<HTMLElement>;\n    let slideTimeOut = 0;\n    if (displayDescriptionAsChunks) {\n      wordsNodeList = nextSlideReference.querySelectorAll(SLIDE_WORD_SELECTOR);\n      wordsCount = wordsNodeList.length;\n      slideTimeOut = wordsCount * SLIDE_WORD_SELECTOR_TIMEOUT;\n    }\n\n    this.lastSlideReached = newSlideIndex === this.slides.length - 1;\n\n    // set new slide as active after fade out\n    setTimeout(() => {\n      nextSlideReference.classList.add(ACTIVE_SLIDE_SELECTOR);\n\n      if (displayDescriptionAsChunks && !descriptionAsChunksDisplayedAlready) {\n        this.#slidesDescriptionAsChunksAlreadyDisplayed.set(\n          newSlideIndex,\n          true\n        );\n        this.#displayWords(wordsNodeList);\n        setTimeout(() => {\n          this.slideTransitioning = false;\n        }, slideTimeOut);\n      } else {\n        this.slideTransitioning = false;\n      }\n    }, SLIDE_FADE_DURATION);\n\n    // update active slide index\n    this.activeSlideIndex = newSlideIndex;\n    this.#slideTimeOut(); // this has to be after this.#updateActiveSlide.\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{\n            \"main\": true,\n            \"main--visible\": this.sliderVisible,\n            \"main--border-glow\": this.lastSlideReached\n          }}\n          style={{ \"--slide-fade-duration\": `${SLIDE_FADE_DURATION}ms` }}\n        >\n          <section class=\"slide\">\n            <header class=\"slide__header\">\n              <button\n                class=\"button-tertiary button-icon-only close-icon\"\n                aria-label=\"close presentation\"\n                onClick={this.#closeSlider}\n              >\n                <ch-image class=\"icon-md\" src={CLOSE_ICON}></ch-image>\n              </button>\n            </header>\n            <div class=\"slide__container\">{this.#slidesElements}</div>\n            <footer\n              // slide common footer\n              class={{\n                \"slide__footer\": true,\n                \"slide__footer-last-slide\": this.lastSlideReached\n              }}\n            >\n              <div\n                class={{\n                  \"slide__footer-wrapper\": true,\n                  \"slide__footer-wrapper-hidden\": this.lastSlideReached\n                }}\n              >\n                <ul class=\"slide__dots\" aria-label=\"Slide indicators\">\n                  {this.slides.map((_, index) => {\n                    return (\n                      <li\n                        class={{\n                          \"slide__dot\": true,\n                          \"slide__dot-inactive\": this.slideTransitioning,\n                          [ACTIVE_SLIDE_SELECTOR]:\n                            index === this.activeSlideIndex\n                        }}\n                        data-index={index}\n                        onClick={\n                          !this.slideTransitioning && this.#dotClickedHandler\n                        }\n                      ></li>\n                    );\n                  })}\n                </ul>\n              </div>\n            </footer>\n          </section>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type SlideInfo = {\n  illustration: {\n    url: string;\n    alt: string;\n  };\n  title: string;\n  description?: string[];\n  descriptionAsChunks?: boolean;\n  listItems?: string[];\n};\n\nexport type CloseCallback = () => Promise<void>;\nexport type TransitionType = \"static\" | \"auto\";\n"],"version":3}

package/dist/esm/loader.js

@@ -3,7 +3,7 @@ export { s as setNonce } from './index-27c691bc.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return bootstrapLazy(JSON.parse("[[\"gx-ide-bpm-export-xpdl\",[[1,\"gx-ide-bpm-export-xpdl\",{\"displayTitle\":[4,\"display-title\"],\"exportCallback\":[16],\"cancelCallback\":[16],\"addCallback\":[16],\"referencesCallback\":[16],\"emptyInput\":[32],\"emptyObjects\":[32],\"notExporting\":[32]}]]],[\"gx-ide-kb-manager-import\",[[1,\"gx-ide-kb-manager-import\",{\"displayTitle\":[4,\"display-title\"],\"topStateBar\":[4,\"top-state-bar\"],\"selectedFile\":[1040],\"optionsCallback\":[16],\"importCallback\":[16],\"loadCallback\":[16],\"cancelCallback\":[16],\"statusMinimal\":[4,\"status-minimal\"],\"objectContextMenuCallback\":[16],\"checkedObjectsIds\":[32],\"noObjects\":[32],\"showHiddenImportsMessage\":[32],\"statusInfo\":[32],\"objectsTreeState\":[32],\"importStatusMessage\":[32],\"someStatusVisible\":[32],\"noImport\":[32],\"importTreeState\":[32],\"importingIsInProcess\":[32],\"addResultItem\":[64]},null,{\"objectsTreeState\":[\"watchObjectsTreeStateHandler\"],\"importTreeState\":[\"watchImportTreeStateHandler\"],\"importingIsInProcess\":[\"watchImportingIsInProcessHandler\"],\"selectedFile\":[\"watchSelectedFileHandler\"]}]]],[\"gx-ide-bpm-import-files\",[[1,\"gx-ide-bpm-import-files\",{\"displayTitle\":[4,\"display-title\"],\"allowedExtensions\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"files\":[32],\"selectedFiles\":[32]}]]],[\"gx-ide-team-dev-select-recent-comment\",[[1,\"gx-ide-team-dev-select-recent-comment\",{\"displayTitle\":[4,\"display-title\"],\"comments\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-team-dev-update\",[[1,\"gx-ide-team-dev-update\",{\"displayTitle\":[4,\"display-title\"],\"confirmCallback\":[16],\"gridContextMenuCallback\":[16],\"loadCallback\":[16],\"objectsScopeCallback\":[16],\"openServerCallback\":[16],\"pendingItemsCheckedCallback\":[16],\"revisionScopeCallback\":[16],\"objectsContextMenuCallback\":[16],\"selectCallback\":[16],\"types\":[16],\"updateCallback\":[16],\"updateFrom\":[16],\"isLoading\":[32],\"objectScopeText\":[32],\"openTab\":[32],\"revisionScopeText\":[32],\"showFilter\":[32],\"updateData\":[32],\"updateResultData\":[32],\"reload\":[64]}]]],[\"gx-ide-data-selector\",[[17,\"gx-ide-data-selector\",{\"cancelCallback\":[16],\"confirmCallback\":[16],\"defaultModule\":[16],\"displayTitle\":[4,\"display-title\"],\"editCallback\":[16],\"loadItemsCallback\":[16],\"loader\":[4],\"newVariableCallback\":[16],\"selectObjectCallback\":[16],\"selectionType\":[1,\"selection-type\"],\"loading\":[32],\"objects\":[32],\"selectedObjectsIds\":[32],\"suspendShortcuts\":[64],\"validate\":[64]}]]],[\"gx-ide-design-import\",[[1,\"gx-ide-design-import\",{\"displayTitle\":[4,\"display-title\"],\"extensions\":[1],\"defaultModule\":[16],\"selectModuleCallback\":[16],\"cancelCallback\":[16],\"confirmCallback\":[16],\"loadCallback\":[16],\"loadDesignSystemCallback\":[16],\"loadFontCallback\":[16],\"loadImageCallback\":[16],\"loadPanelDataCallback\":[16],\"requiresAccessTokenCallback\":[16],\"shadow\":[4],\"styles\":[16],\"textEditorFactoryCallback\":[16],\"activeTabs\":[32],\"path\":[32],\"designData\":[32],\"detailTreeModel\":[32],\"isLoading\":[32],\"messages\":[32],\"selectedFile\":[32],\"selectedDesignType\":[32],\"selectedDesignItem\":[32],\"showAccessToken\":[32],\"designDataTreeDataModel\":[32],\"updateTabsActiveTab\":[32],\"fitImages\":[32],\"shrinkTree\":[32],\"shrunkenTree\":[32],\"treeSh\":[32],\"validate\":[64]},null,{\"designData\":[\"watchDesignDataHandler\"],\"shrinkTree\":[\"watchShrinkTreeHandler\"],\"messages\":[\"watchMessagesHandler\"]}]]],[\"gx-ide-manage-module-references\",[[1,\"gx-ide-manage-module-references\",{\"displayTitle\":[4,\"display-title\"],\"servers\":[16],\"serverSelectedCallback\":[16],\"executeActionCallback\":[16],\"addServerCallback\":[16],\"serverContextMenuCallback\":[16],\"showServerCommands\":[4,\"show-server-commands\"],\"modulesAll\":[32],\"filteredModules\":[32],\"selectedModule\":[32],\"selectedServerId\":[32],\"selectedModuleAction\":[32],\"modulesSelectedVersion\":[32],\"actionCompleted\":[32],\"closeProgressBar\":[32],\"progressValue\":[32],\"progressState\":[32],\"loadingServer\":[32],\"reRenderCounter\":[32],\"validate\":[64]},null,{\"modulesAll\":[\"modulesAllWatcher\",\"onPropValueChange\"],\"loadingServer\":[\"loadingServerHandler\"]}]]],[\"gx-ide-manage-module-references-v2\",[[1,\"gx-ide-manage-module-references-v2\",{\"displayTitle\":[4,\"display-title\"],\"servers\":[16],\"serverSelectedCallback\":[16],\"executeActionCallback\":[16],\"serverContextMenuCallback\":[16],\"showServerCommands\":[4,\"show-server-commands\"],\"searchModulesFilterValue\":[32],\"selectedButtonFilter\":[32],\"serverModules\":[32],\"serverModulesExtended\":[32],\"filteredServerModules\":[32],\"modulesMap\":[32],\"selectedModule\":[32],\"selectedServerId\":[32],\"selectedModuleAction\":[32],\"modulesSelectedVersionMap\":[32],\"actionCompleted\":[32],\"closeProgressBar\":[32],\"progressValue\":[32],\"progressState\":[32],\"loadingServer\":[32]},null,{\"loadingServer\":[\"loadingServerHandler\"]}]]],[\"gx-ide-navigation-report\",[[1,\"gx-ide-navigation-report\",{\"headerData\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"closeCallback\":[16],\"itemSelectedCallback\":[16],\"reportTreeItems\":[32],\"navigationItemsStatusRegExpString\":[32],\"navigationItemsCaptionRegExpString\":[32],\"navigationItemsRegExp\":[32],\"confirmed\":[32],\"headerState\":[32],\"statusInfo\":[32],\"someStatusVisible\":[32],\"addItem\":[64],\"clearItems\":[64]},null,{\"navigationItemsStatusRegExpString\":[\"navigationItemsStatusRegExpStringChanged\"],\"navigationItemsCaptionRegExpString\":[\"navigationItemsCaptionRegExpStringChanged\"]}]]],[\"gx-ide-object-selector\",[[17,\"gx-ide-object-selector\",{\"cancelCallback\":[16],\"categories\":[16],\"defaultCategory\":[1,\"default-category\"],\"defaultModule\":[16],\"defaultType\":[1,\"default-type\"],\"loader\":[4],\"loadCallback\":[16],\"multiSelection\":[4,\"multi-selection\"],\"newObjectCallback\":[16],\"openSelectionCallback\":[16],\"patternValue\":[1,\"pattern-value\"],\"selectModuleCallback\":[16],\"types\":[16],\"filterModified\":[32],\"loading\":[32],\"modifiedAfterValue\":[32],\"objects\":[32],\"selectedObjectsIdsArray\":[32],\"suspendShortcuts\":[64],\"validate\":[64]}]]],[\"gx-ide-start-page\",[[1,\"gx-ide-start-page\",{\"getNewsCallback\":[16],\"kbs\":[16],\"kbsFilterThreshold\":[2,\"kbs-filter-threshold\"],\"newsFilterThreshold\":[2,\"news-filter-threshold\"],\"openKbCallback\":[16],\"openNewsCallback\":[16],\"displayKbsFilter\":[32],\"displayNewsFilter\":[32],\"filteredKbs\":[32],\"filteredNews\":[32],\"loadingKbs\":[32],\"news\":[32],\"newsFilterValue\":[32],\"renderedFirstTime\":[32]},null,{\"news\":[\"watchNews\"],\"kbs\":[\"kbsChanged\"]}]]],[\"gx-ide-container_2\",[[1,\"gx-ide-container\",{\"inactiveTitle\":[4,\"inactive-title\"],\"containerTitle\":[1,\"container-title\"],\"titleType\":[1,\"title-type\"],\"displayBorder\":[4,\"display-border\"],\"displayBorderTop\":[4,\"display-border-top\"],\"displayBorderEnd\":[4,\"display-border-end\"],\"displayBorderBottom\":[4,\"display-border-bottom\"],\"displayBorderStart\":[4,\"display-border-start\"],\"sectionsPadding\":[1,\"sections-padding\"],\"titleAlignment\":[1,\"title-alignment\"],\"noHeadingBorder\":[4,\"no-heading-border\"],\"noHeadingGap\":[4,\"no-heading-gap\"],\"noHeadingPadding\":[4,\"no-heading-padding\"],\"noHeadingPaddingBlockEnd\":[4,\"no-heading-padding-block-end\"],\"headingPaddingTop\":[4,\"heading-padding-top\"],\"headingJustify\":[1,\"heading-justify\"],\"titleHeightAsInput\":[4,\"title-height-as-input\"],\"flexRow\":[4,\"flex-row\"],\"flexContent\":[4,\"flex-content\"],\"noContentBorderTop\":[4,\"no-content-border-top\"],\"noContentPadding\":[4,\"no-content-padding\"],\"noContentGap\":[4,\"no-content-gap\"],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"contentBorderEnd\":[4,\"content-border-end\"],\"slimmerAboveFooter\":[4,\"slimmer-above-footer\"],\"noAboveFooterPadding\":[4,\"no-above-footer-padding\"],\"noBorderAboveFooter\":[4,\"no-border-above-footer\"],\"slimmerFooter\":[4,\"slimmer-footer\"],\"noFooterPadding\":[4,\"no-footer-padding\"],\"footerJustify\":[1,\"footer-justify\"],\"noBorderFooter\":[4,\"no-border-footer\"],\"hasHeaderSlot\":[32],\"hasSlottedContent\":[32],\"hasFooterSlot\":[32],\"hasAboveFooterSlot\":[32],\"hasOnlyHeading\":[32],\"hasOnlyContent\":[32],\"hasOnlyFooter\":[32]}],[1,\"gx-ide-title\",{\"titleCaption\":[1,\"title-caption\"],\"type\":[1],\"alignment\":[1],\"padding\":[516],\"noPaddingBottom\":[516,\"no-padding-bottom\"],\"border\":[516]}]]],[\"gx-ide-bpm-app-declaration\",[[1,\"gx-ide-bpm-app-declaration\",{\"displayTitle\":[4,\"display-title\"],\"application\":[1040],\"suggestApplicationsCallback\":[16],\"selectApplicationCallback\":[16],\"selectMappingCallback\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"getDataMappingCallback\":[16],\"suggestedApplications\":[32]},null,{\"application\":[\"watchApplicationHandler\"]}]]],[\"gx-ide-bpm-assign-roles\",[[1,\"gx-ide-bpm-assign-roles\",{\"displayTitle\":[4,\"display-title\"],\"roles\":[16],\"assignedRoles\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"unassignedRolesState\":[32],\"assignedRolesState\":[32],\"filterUnassignedInput\":[32],\"filterAssignedInput\":[32],\"unassignedSelected\":[32],\"assignedSelected\":[32]}]]],[\"gx-ide-bpm-import-gxpm\",[[1,\"gx-ide-bpm-import-gxpm\",{\"displayTitle\":[4,\"display-title\"],\"confirmCallback\":[16],\"cancelCallback\":[16],\"selectedFile\":[32],\"pathValue\":[32]}]]],[\"gx-ide-bpm-timer-duration\",[[1,\"gx-ide-bpm-timer-duration\",{\"displayTitle\":[4,\"display-title\"],\"duration\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-connect-gx-server\",[[1,\"gx-ide-connect-gx-server\",{\"displayTitle\":[4,\"display-title\"],\"serverUrls\":[16],\"enableCustomServer\":[4,\"enable-custom-server\"],\"defaultConnectionData\":[16],\"enableUserLogged\":[4,\"enable-user-logged\"],\"connectCallback\":[16],\"cancelCallback\":[16],\"displayLoginControls\":[32]}]]],[\"gx-ide-create-kb-from-server\",[[1,\"gx-ide-create-kb-from-server\",{\"displayTitle\":[4,\"display-title\"],\"connectCallback\":[16],\"createKBCallback\":[16],\"enableCustomServer\":[4,\"enable-custom-server\"],\"kbName\":[1025,\"kb-name\"],\"password\":[1],\"serverUrls\":[16],\"userName\":[1,\"user-name\"],\"selectionKbDisabled\":[32],\"kbs\":[32],\"kbSearchText\":[32]},null,{\"kbs\":[\"watchPropHandler\"]}]]],[\"gx-ide-edit-module-server\",[[1,\"gx-ide-edit-module-server\",{\"types\":[16],\"name\":[1],\"source\":[1],\"type\":[1],\"confirmCallback\":[16],\"selectSourceCallback\":[16],\"cancelCallback\":[16],\"selectedType\":[32]}]]],[\"gx-ide-gam-installation-settings\",[[1,\"gx-ide-gam-installation-settings\",{\"displayTitle\":[4,\"display-title\"],\"configurationType\":[1,\"configuration-type\"],\"repairCallback\":[16],\"saveCallback\":[16],\"cancelCallback\":[16],\"defaultConfiguration\":[16],\"canSelectPanels\":[4,\"can-select-panels\"]}]]],[\"gx-ide-kb-manager-export\",[[1,\"gx-ide-kb-manager-export\",{\"addKBPropertiesCallback\":[16],\"addObjectsCallback\":[16],\"addReferencesCallback\":[16],\"cancelCallback\":[16],\"exportCallback\":[16],\"exportFileDirectoryCallback\":[16],\"fileName\":[1,\"file-name\"],\"kbPropertiesTypes\":[16],\"loader\":[4],\"objectTypes\":[16],\"optionsCallback\":[16],\"addKbPropertiesIsChecked\":[32],\"atLeastOnePropertyItemIsChecked\":[32],\"atLeastOneObjectItemIsChecked\":[32],\"checkedObjectsIds\":[32],\"checkedPropertiesIds\":[32],\"exportAllIsChecked\":[32],\"exportingIsInProcess\":[32],\"hasObjects\":[32],\"objectsTreeViewModel\":[32]},null,{\"objectsTreeViewModel\":[\"objectsTreeViewModelChanged\"],\"objectTypes\":[\"objectTypesChanged\"]}]]],[\"gx-ide-references\",[[1,\"gx-ide-references\",{\"displayTitle\":[4,\"display-title\"],\"selectedObject\":[1040],\"selectorSourceCallback\":[16],\"loadReferencesCallback\":[16],\"openObjectCallback\":[16],\"openSelectorDialogCallback\":[16],\"selectReferenceCallback\":[16],\"referencedByTreeData\":[32],\"referencesToTreeData\":[32],\"barHidden\":[32],\"objectsSuggestions\":[32]},null,{\"selectedObject\":[\"selectedObjectHandler\"]}]]],[\"gx-ide-share-kb\",[[1,\"gx-ide-share-kb\",{\"displayTitle\":[4,\"display-title\"],\"kbName\":[1,\"kb-name\"],\"serverUrls\":[16],\"enableCustomServer\":[4,\"enable-custom-server\"],\"createKBCallback\":[16]}]]],[\"gx-ide-team-dev-commit\",[[1,\"gx-ide-team-dev-commit\",{\"displayTitle\":[4,\"display-title\"],\"changeSet\":[16],\"types\":[16],\"folders\":[16],\"categories\":[16],\"getRecentCommentCallback\":[16],\"loadCallback\":[16],\"commitCallback\":[16],\"selectCallback\":[16],\"pendingItemsCheckedCallback\":[16],\"objectsContextMenuCallback\":[16],\"filtersHidden\":[32],\"comment\":[32],\"pendingCommits\":[32],\"ignoredObjects\":[32],\"commitButtonEnabled\":[32],\"filterHasConditions\":[32],\"reload\":[64]}]]],[\"gx-ide-team-dev-update-partial-selection\",[[1,\"gx-ide-team-dev-update-partial-selection\",{\"displayTitle\":[4,\"display-title\"],\"addCallback\":[16],\"cancelCallback\":[16],\"confirmCallback\":[16],\"selection\":[1040],\"selectedObjectsIds\":[32],\"validate\":[64]}]]],[\"gx-ide-team-dev-update-to-revision\",[[1,\"gx-ide-team-dev-update-to-revision\",{\"displayTitle\":[4,\"display-title\"],\"cancelCallback\":[16],\"confirmCallback\":[16],\"currentRevision\":[1,\"current-revision\"],\"validate\":[64]}]]],[\"gx-ide-template\",[[1,\"gx-ide-template\",{\"displayTitle\":[4,\"display-title\"]}]]],[\"gx-ide-wf-settings\",[[1,\"gx-ide-wf-settings\",{\"displayTitle\":[4,\"display-title\"],\"configurationType\":[1,\"configuration-type\"],\"defaultConfiguration\":[16],\"saveCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-ai-assistant\",[[17,\"gx-ide-ai-assistant\",{\"messages\":[1040],\"promptMaxHeight\":[1,\"prompt-max-height\"],\"assistantStatus\":[1025,\"assistant-status\"],\"focusShortcuts\":[16],\"userMessageCallback\":[16],\"clearCallback\":[16],\"promptValue\":[1,\"prompt-value\"],\"filter\":[4],\"userHasTyped\":[32],\"aIInProgress\":[32],\"showFilter\":[32],\"promptHasFocus\":[32],\"filterValue\":[32],\"clear\":[64],\"addMessage\":[64]},[[2,\"focus\",\"handleFocus\"]],{\"aIInProgress\":[\"watchAIInProgressHandler\"],\"messages\":[\"watchMessagesHandler\"]}]]],[\"gx-ide-dashboard-home\",[[1,\"gx-ide-dashboard-home\",{\"kb\":[16],\"enableEditKBName\":[4,\"enable-edit-k-b-name\"],\"environment\":[16],\"enableEditEnvironmentName\":[4,\"enable-edit-environment-name\"],\"projectDescription\":[1,\"project-description\"],\"enableEditDescription\":[4,\"enable-edit-description\"],\"recentObjects\":[16],\"renameKBCallback\":[16],\"renameEnvironmentCallback\":[16],\"editDescriptionCallback\":[16],\"openObjectCallback\":[16],\"editingEnvName\":[32],\"editingProjectDescription\":[32]},null,{\"recentObjects\":[\"recentObjectsHandler\"]}]]],[\"gx-ide-new-object\",[[17,\"gx-ide-new-object\",{\"defaultTypeId\":[1,\"default-type-id\"],\"defaultParent\":[16],\"displayTitle\":[4,\"display-title\"],\"cancelCallback\":[16],\"createCallback\":[16],\"shadow\":[4],\"typeCategories\":[1040],\"parent\":[16],\"selectModuleCallback\":[16],\"validateNameCallback\":[16],\"description\":[32],\"name\":[32],\"nameValidationErrorMessage\":[32],\"selectedCategory\":[32],\"selectedType\":[32],\"typeCategoriesActionListModel\":[32],\"typesActionListModel\":[32],\"selectedTypeMap\":[32],\"suspendShortcuts\":[64]},null,{\"typeCategories\":[\"typeCategoriesChanged\"]}]]],[\"gx-ide-ww-images\",[[1,\"gx-ide-ww-images\",{\"categories\":[16],\"contextMenuCallback\":[16],\"defaultCategory\":[1,\"default-category\"],\"defaultModule\":[16],\"deleteSelectionCallback\":[16],\"densities\":[16],\"languages\":[16],\"layers\":[16],\"loadCallback\":[16],\"loadImageItemsCallback\":[16],\"newObjectCallback\":[16],\"openSelectionCallback\":[16],\"selectModuleCallback\":[16],\"selectionObjectChangedCallback\":[16],\"secondaryFilter\":[4,\"secondary-filter\"],\"shadow\":[4],\"styles\":[16],\"types\":[16],\"categoriesComboBoxModel\":[32],\"densitiesComboBoxModel\":[32],\"languagesComboBoxModel\":[32],\"layersComboBoxModel\":[32],\"stylesComboBoxModel\":[32],\"filterSidebarExpanded\":[32],\"afterCurrentValue\":[32],\"filterAfterOptions\":[32],\"filterImagesInputValue\":[32],\"filterModified\":[32],\"filteredImages\":[32],\"images\":[32],\"imagesSelectedItems\":[32],\"selectedObjectsIds\":[32],\"toggleFilterButtonActive\":[32],\"reload\":[64]},[[1,\"keydown\",\"keyDownHandler\"]],{\"toggleFilterButtonActive\":[\"toggleFilterButtonActiveChanged\"],\"categories\":[\"categoriesChanged\"],\"densities\":[\"densitiesChanged\"],\"languages\":[\"languagesChanged\"],\"layers\":[\"layersChanged\"],\"styles\":[\"stylesChanged\"]}]]],[\"gx-ide-card\",[[1,\"gx-ide-card\",{\"cardTitle\":[1,\"card-title\"],\"cardSubTitle\":[1,\"card-sub-title\"],\"icon\":[1]}]]],[\"gx-ide-directory-selector\",[[1,\"gx-ide-directory-selector\",{\"accessibilityLabels\":[16],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"centerLabel\":[1028,\"center-label\"],\"labelWidth\":[1,\"label-width\"],\"selectDirectoryCallback\":[16],\"value\":[1025],\"icon\":[32]}]]],[\"gx-ide-new-environment\",[[1,\"gx-ide-new-environment\",{\"cancelCallback\":[16],\"createCallback\":[16],\"dataStores\":[1040],\"environmentName\":[1025,\"environment-name\"],\"getDataSourcesCallback\":[16],\"getEnvironmentNameCallback\":[16],\"getFrontEndsCallback\":[16],\"isAdvanced\":[4,\"is-advanced\"],\"languages\":[16],\"runtimes\":[16],\"setAsTarget\":[4,\"set-as-target\"],\"advancedTabIsVisible\":[32],\"frontEnds\":[32],\"validatableControls\":[32],\"dataStoresComboBoxModel\":[32],\"languageComboBoxModel\":[32],\"runtimesRadioGroupModel\":[32],\"suspendShortcuts\":[64]},null,{\"dataStores\":[\"dataStoresChanged\"],\"languages\":[\"languagesChanged\"],\"runtimes\":[\"runtimesChanged\"]}]]],[\"gx-ide-new-kb\",[[1,\"gx-ide-new-kb\",{\"authenticationTypes\":[16],\"cancelCallback\":[16],\"collations\":[16],\"createCallback\":[16],\"createDataFilesInKBFolder\":[4,\"create-data-files-in-k-b-folder\"],\"databaseName\":[1,\"database-name\"],\"defaultDataSources\":[1040],\"getDataSourcesCallback\":[16],\"getFrontEndsCallback\":[16],\"isAdvanced\":[4,\"is-advanced\"],\"kbLocation\":[1025,\"kb-location\"],\"kbName\":[1,\"kb-name\"],\"password\":[1],\"prototypingEnvironments\":[16],\"prototypingTargets\":[16],\"savePassword\":[4,\"save-password\"],\"selectLocationCallback\":[16],\"serverNames\":[16],\"userInterfaceLanguages\":[16],\"userName\":[1,\"user-name\"],\"advancedTabIsVisible\":[32],\"frontEnds\":[32],\"validatableControls\":[32],\"createDataInKbDisabled\":[32],\"userNameVisible\":[32],\"passwordVisible\":[32],\"savePasswordVisible\":[32],\"authenticationTypesComboBoxModel\":[32],\"authenticationTypesInitialValue\":[32],\"collationsComboBoxModel\":[32],\"collationsInitialValue\":[32],\"defaultDataSourcesComboBoxModel\":[32],\"defaultDataSourcesInitialValue\":[32],\"prototypingTargetsComboBoxModel\":[32],\"prototypingTargetsInitialValue\":[32],\"prototypingEnvironmentsComboBoxModel\":[32],\"prototypingEnvironmentsInitialValue\":[32],\"serverNamesComboBoxModel\":[32],\"serverNamesInitialValue\":[32],\"userInterfaceLanguagesComboBoxModel\":[32],\"userInterfaceLanguagesInitialValue\":[32],\"suspendShortcuts\":[64]},null,{\"authenticationTypes\":[\"watchAuthenticationTypes\"],\"collations\":[\"watchCollations\"],\"defaultDataSources\":[\"watchDefaultDataSources\"],\"prototypingEnvironments\":[\"watchPrototypingEnvironments\"],\"prototypingTargets\":[\"watchPrototypingTargets\"],\"serverNames\":[\"watchServerNames\"],\"userInterfaceLanguages\":[\"watchUserInterfaceLanguages\"]}]]],[\"gx-ide-switch-panel\",[[1,\"gx-ide-switch-panel\"]]],[\"gx-ide-switcher\",[[1,\"gx-ide-switcher\"]]],[\"gx-ide-test\",[[1,\"gx-ide-test\",{\"name\":[1],\"filterOn\":[32]}]]],[\"gx-ide-top-bar\",[[1,\"gx-ide-top-bar\",{\"topBarTitle\":[1,\"top-bar-title\"]}]]],[\"gx-ide-bpm-objects-selector\",[[1,\"gx-ide-bpm-objects-selector\",{\"displayTitle\":[4,\"display-title\"],\"selection\":[1040],\"addCallback\":[16],\"referencesCallback\":[16],\"objects\":[32],\"selectedObjects\":[32]}]]],[\"gx-ide-recent-news\",[[1,\"gx-ide-recent-news\",{\"getNewsCallback\":[16],\"openNewsCallback\":[16],\"filterValue\":[1,\"filter-value\"],\"filteredNews\":[32],\"loadingNews\":[32],\"news\":[32],\"newsLoadFailed\":[32]},null,{\"news\":[\"newsChanged\"],\"filterValue\":[\"watchNews\"]}]]],[\"gx-ide-ai-message\",[[1,\"gx-ide-ai-message\",{\"message\":[1],\"messageType\":[1,\"message-type\"],\"filterValue\":[1,\"filter-value\"],\"hidden\":[4],\"translations\":[16],\"visible\":[32],\"showCopiedMessage\":[32]}]]],[\"gx-ide-status-buttons\",[[1,\"gx-ide-status-buttons\",{\"active\":[4],\"errors\":[2],\"hideError\":[4,\"hide-error\"],\"warnings\":[2],\"hideWarning\":[4,\"hide-warning\"],\"successes\":[2],\"hideSuccess\":[4,\"hide-success\"],\"messages\":[2],\"hideMessage\":[4,\"hide-message\"],\"minimal\":[4],\"compact\":[516],\"noInnerBorders\":[516,\"no-inner-borders\"],\"iconsSize\":[32]}]]],[\"gx-ide-entity-selector\",[[1,\"gx-ide-entity-selector\",{\"defaultValue\":[16],\"labelCaption\":[1,\"label-caption\"],\"labelPosition\":[513,\"label-position\"],\"name\":[513],\"selectEntityCallback\":[16],\"value\":[1040],\"buttonHasFocus\":[32],\"iconSrc\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"gx-ide-empty-state_2\",[[1,\"gx-ide-loader\",{\"abortTime\":[2,\"abort-time\"],\"cancelCallback\":[16],\"cancelLabel\":[1,\"cancel-label\"],\"description\":[1],\"displayBorder\":[516,\"display-border\"],\"loaderTitle\":[1,\"loader-title\"],\"show\":[1028],\"showWrapper\":[32]}],[1,\"gx-ide-empty-state\",{\"isAnimated\":[4,\"is-animated\"],\"stateDescription\":[1,\"state-description\"],\"stateIconSrc\":[1,\"state-icon-src\"],\"stateTitle\":[1,\"state-title\"]}]]],[\"gx-ide-list-selector_2\",[[1,\"gx-ide-list-selector\",{\"ordered\":[4],\"readonly\":[4],\"type\":[1],\"required\":[4],\"ellipsis\":[4],\"value\":[1025],\"listName\":[1,\"list-name\"],\"noItemsBorder\":[4,\"no-items-border\"],\"noListBorder\":[516,\"no-list-border\"]},[[2,\"itemSelectionChanged\",\"itemSelectionChangedHandler\"]]],[4,\"gx-ide-list-selector-item\",{\"itemId\":[513,\"item-id\"],\"itemValue\":[1,\"item-value\"],\"itemChecked\":[1028,\"item-checked\"],\"readonly\":[1540],\"ellipsis\":[1540],\"icon\":[1],\"noBorder\":[1540,\"no-border\"],\"universalSlotEnd\":[516,\"universal-slot-end\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"gx-ide-bpm-export-xpdl\",[[1,\"gx-ide-bpm-export-xpdl\",{\"displayTitle\":[4,\"display-title\"],\"exportCallback\":[16],\"cancelCallback\":[16],\"addCallback\":[16],\"referencesCallback\":[16],\"emptyInput\":[32],\"emptyObjects\":[32],\"notExporting\":[32]}]]],[\"gx-ide-kb-manager-import\",[[1,\"gx-ide-kb-manager-import\",{\"displayTitle\":[4,\"display-title\"],\"topStateBar\":[4,\"top-state-bar\"],\"selectedFile\":[1040],\"optionsCallback\":[16],\"importCallback\":[16],\"loadCallback\":[16],\"cancelCallback\":[16],\"statusMinimal\":[4,\"status-minimal\"],\"objectContextMenuCallback\":[16],\"checkedObjectsIds\":[32],\"noObjects\":[32],\"showHiddenImportsMessage\":[32],\"statusInfo\":[32],\"objectsTreeState\":[32],\"importStatusMessage\":[32],\"someStatusVisible\":[32],\"noImport\":[32],\"importTreeState\":[32],\"importingIsInProcess\":[32],\"addResultItem\":[64]},null,{\"objectsTreeState\":[\"watchObjectsTreeStateHandler\"],\"importTreeState\":[\"watchImportTreeStateHandler\"],\"importingIsInProcess\":[\"watchImportingIsInProcessHandler\"],\"selectedFile\":[\"watchSelectedFileHandler\"]}]]],[\"gx-ide-bpm-import-files\",[[1,\"gx-ide-bpm-import-files\",{\"displayTitle\":[4,\"display-title\"],\"allowedExtensions\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"files\":[32],\"selectedFiles\":[32]}]]],[\"gx-ide-team-dev-select-recent-comment\",[[1,\"gx-ide-team-dev-select-recent-comment\",{\"displayTitle\":[4,\"display-title\"],\"comments\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-team-dev-update\",[[1,\"gx-ide-team-dev-update\",{\"displayTitle\":[4,\"display-title\"],\"confirmCallback\":[16],\"gridContextMenuCallback\":[16],\"loadCallback\":[16],\"objectsScopeCallback\":[16],\"openServerCallback\":[16],\"pendingItemsCheckedCallback\":[16],\"revisionScopeCallback\":[16],\"objectsContextMenuCallback\":[16],\"selectCallback\":[16],\"types\":[16],\"updateCallback\":[16],\"updateFrom\":[16],\"isLoading\":[32],\"objectScopeText\":[32],\"openTab\":[32],\"revisionScopeText\":[32],\"showFilter\":[32],\"updateData\":[32],\"updateResultData\":[32],\"reload\":[64]}]]],[\"gx-ide-data-selector\",[[17,\"gx-ide-data-selector\",{\"cancelCallback\":[16],\"confirmCallback\":[16],\"defaultModule\":[16],\"displayTitle\":[4,\"display-title\"],\"editCallback\":[16],\"loadItemsCallback\":[16],\"loader\":[4],\"newVariableCallback\":[16],\"selectObjectCallback\":[16],\"selectionType\":[1,\"selection-type\"],\"loading\":[32],\"objects\":[32],\"selectedObjectsIds\":[32],\"suspendShortcuts\":[64],\"validate\":[64]}]]],[\"gx-ide-design-import\",[[1,\"gx-ide-design-import\",{\"displayTitle\":[4,\"display-title\"],\"extensions\":[1],\"defaultModule\":[16],\"selectModuleCallback\":[16],\"cancelCallback\":[16],\"confirmCallback\":[16],\"loadCallback\":[16],\"loadDesignSystemCallback\":[16],\"loadFontCallback\":[16],\"loadImageCallback\":[16],\"loadPanelDataCallback\":[16],\"requiresAccessTokenCallback\":[16],\"shadow\":[4],\"styles\":[16],\"textEditorFactoryCallback\":[16],\"activeTabs\":[32],\"path\":[32],\"designData\":[32],\"detailTreeModel\":[32],\"isLoading\":[32],\"messages\":[32],\"selectedFile\":[32],\"selectedDesignType\":[32],\"selectedDesignItem\":[32],\"showAccessToken\":[32],\"designDataTreeDataModel\":[32],\"updateTabsActiveTab\":[32],\"fitImages\":[32],\"shrinkTree\":[32],\"shrunkenTree\":[32],\"treeSh\":[32],\"validate\":[64]},null,{\"designData\":[\"watchDesignDataHandler\"],\"shrinkTree\":[\"watchShrinkTreeHandler\"],\"messages\":[\"watchMessagesHandler\"]}]]],[\"gx-ide-manage-module-references\",[[1,\"gx-ide-manage-module-references\",{\"displayTitle\":[4,\"display-title\"],\"servers\":[16],\"serverSelectedCallback\":[16],\"executeActionCallback\":[16],\"addServerCallback\":[16],\"serverContextMenuCallback\":[16],\"showServerCommands\":[4,\"show-server-commands\"],\"modulesAll\":[32],\"filteredModules\":[32],\"selectedModule\":[32],\"selectedServerId\":[32],\"selectedModuleAction\":[32],\"modulesSelectedVersion\":[32],\"actionCompleted\":[32],\"closeProgressBar\":[32],\"progressValue\":[32],\"progressState\":[32],\"loadingServer\":[32],\"reRenderCounter\":[32],\"validate\":[64]},null,{\"modulesAll\":[\"modulesAllWatcher\",\"onPropValueChange\"],\"loadingServer\":[\"loadingServerHandler\"]}]]],[\"gx-ide-manage-module-references-v2\",[[1,\"gx-ide-manage-module-references-v2\",{\"displayTitle\":[4,\"display-title\"],\"servers\":[16],\"serverSelectedCallback\":[16],\"executeActionCallback\":[16],\"serverContextMenuCallback\":[16],\"showServerCommands\":[4,\"show-server-commands\"],\"searchModulesFilterValue\":[32],\"selectedButtonFilter\":[32],\"serverModules\":[32],\"serverModulesExtended\":[32],\"filteredServerModules\":[32],\"modulesMap\":[32],\"selectedModule\":[32],\"selectedServerId\":[32],\"selectedModuleAction\":[32],\"modulesSelectedVersionMap\":[32],\"actionCompleted\":[32],\"closeProgressBar\":[32],\"progressValue\":[32],\"progressState\":[32],\"loadingServer\":[32]},null,{\"loadingServer\":[\"loadingServerHandler\"]}]]],[\"gx-ide-navigation-report\",[[1,\"gx-ide-navigation-report\",{\"headerData\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"closeCallback\":[16],\"itemSelectedCallback\":[16],\"reportTreeItems\":[32],\"navigationItemsStatusRegExpString\":[32],\"navigationItemsCaptionRegExpString\":[32],\"navigationItemsRegExp\":[32],\"confirmed\":[32],\"headerState\":[32],\"statusInfo\":[32],\"someStatusVisible\":[32],\"addItem\":[64],\"clearItems\":[64]},null,{\"navigationItemsStatusRegExpString\":[\"navigationItemsStatusRegExpStringChanged\"],\"navigationItemsCaptionRegExpString\":[\"navigationItemsCaptionRegExpStringChanged\"]}]]],[\"gx-ide-object-selector\",[[17,\"gx-ide-object-selector\",{\"cancelCallback\":[16],\"categories\":[16],\"defaultCategory\":[1,\"default-category\"],\"defaultModule\":[16],\"defaultType\":[1,\"default-type\"],\"loader\":[4],\"loadCallback\":[16],\"multiSelection\":[4,\"multi-selection\"],\"newObjectCallback\":[16],\"openSelectionCallback\":[16],\"patternValue\":[1,\"pattern-value\"],\"selectModuleCallback\":[16],\"types\":[16],\"filterModified\":[32],\"loading\":[32],\"modifiedAfterValue\":[32],\"objects\":[32],\"selectedObjectsIdsArray\":[32],\"suspendShortcuts\":[64],\"validate\":[64]}]]],[\"gx-ide-bpm-app-declaration\",[[1,\"gx-ide-bpm-app-declaration\",{\"displayTitle\":[4,\"display-title\"],\"application\":[1040],\"suggestApplicationsCallback\":[16],\"selectApplicationCallback\":[16],\"selectMappingCallback\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"getDataMappingCallback\":[16],\"suggestedApplications\":[32]},null,{\"application\":[\"watchApplicationHandler\"]}]]],[\"gx-ide-bpm-assign-roles\",[[1,\"gx-ide-bpm-assign-roles\",{\"displayTitle\":[4,\"display-title\"],\"roles\":[16],\"assignedRoles\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16],\"unassignedRolesState\":[32],\"assignedRolesState\":[32],\"filterUnassignedInput\":[32],\"filterAssignedInput\":[32],\"unassignedSelected\":[32],\"assignedSelected\":[32]}]]],[\"gx-ide-bpm-import-gxpm\",[[1,\"gx-ide-bpm-import-gxpm\",{\"displayTitle\":[4,\"display-title\"],\"confirmCallback\":[16],\"cancelCallback\":[16],\"selectedFile\":[32],\"pathValue\":[32]}]]],[\"gx-ide-bpm-timer-duration\",[[1,\"gx-ide-bpm-timer-duration\",{\"displayTitle\":[4,\"display-title\"],\"duration\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-connect-gx-server\",[[1,\"gx-ide-connect-gx-server\",{\"displayTitle\":[4,\"display-title\"],\"serverUrls\":[16],\"enableCustomServer\":[4,\"enable-custom-server\"],\"defaultConnectionData\":[16],\"enableUserLogged\":[4,\"enable-user-logged\"],\"connectCallback\":[16],\"cancelCallback\":[16],\"displayLoginControls\":[32]}]]],[\"gx-ide-create-kb-from-server\",[[1,\"gx-ide-create-kb-from-server\",{\"displayTitle\":[4,\"display-title\"],\"connectCallback\":[16],\"createKBCallback\":[16],\"enableCustomServer\":[4,\"enable-custom-server\"],\"kbName\":[1025,\"kb-name\"],\"password\":[1],\"serverUrls\":[16],\"userName\":[1,\"user-name\"],\"selectionKbDisabled\":[32],\"kbs\":[32],\"kbSearchText\":[32]},null,{\"kbs\":[\"watchPropHandler\"]}]]],[\"gx-ide-edit-module-server\",[[1,\"gx-ide-edit-module-server\",{\"types\":[16],\"name\":[1],\"source\":[1],\"type\":[1],\"confirmCallback\":[16],\"selectSourceCallback\":[16],\"cancelCallback\":[16],\"selectedType\":[32]}]]],[\"gx-ide-gam-installation-settings\",[[1,\"gx-ide-gam-installation-settings\",{\"displayTitle\":[4,\"display-title\"],\"configurationType\":[1,\"configuration-type\"],\"repairCallback\":[16],\"saveCallback\":[16],\"cancelCallback\":[16],\"defaultConfiguration\":[16],\"canSelectPanels\":[4,\"can-select-panels\"]}]]],[\"gx-ide-kb-manager-export\",[[1,\"gx-ide-kb-manager-export\",{\"addKBPropertiesCallback\":[16],\"addObjectsCallback\":[16],\"addReferencesCallback\":[16],\"cancelCallback\":[16],\"exportCallback\":[16],\"exportFileDirectoryCallback\":[16],\"fileName\":[1,\"file-name\"],\"kbPropertiesTypes\":[16],\"loader\":[4],\"objectTypes\":[16],\"optionsCallback\":[16],\"addKbPropertiesIsChecked\":[32],\"atLeastOnePropertyItemIsChecked\":[32],\"atLeastOneObjectItemIsChecked\":[32],\"checkedObjectsIds\":[32],\"checkedPropertiesIds\":[32],\"exportAllIsChecked\":[32],\"exportingIsInProcess\":[32],\"hasObjects\":[32],\"objectsTreeViewModel\":[32]},null,{\"objectsTreeViewModel\":[\"objectsTreeViewModelChanged\"],\"objectTypes\":[\"objectTypesChanged\"]}]]],[\"gx-ide-references\",[[1,\"gx-ide-references\",{\"displayTitle\":[4,\"display-title\"],\"selectedObject\":[1040],\"selectorSourceCallback\":[16],\"loadReferencesCallback\":[16],\"openObjectCallback\":[16],\"openSelectorDialogCallback\":[16],\"selectReferenceCallback\":[16],\"referencedByTreeData\":[32],\"referencesToTreeData\":[32],\"barHidden\":[32],\"objectsSuggestions\":[32]},null,{\"selectedObject\":[\"selectedObjectHandler\"]}]]],[\"gx-ide-share-kb\",[[1,\"gx-ide-share-kb\",{\"displayTitle\":[4,\"display-title\"],\"kbName\":[1,\"kb-name\"],\"serverUrls\":[16],\"enableCustomServer\":[4,\"enable-custom-server\"],\"createKBCallback\":[16]}]]],[\"gx-ide-loader\",[[1,\"gx-ide-loader\",{\"abortTime\":[2,\"abort-time\"],\"cancelCallback\":[16],\"cancelLabel\":[1,\"cancel-label\"],\"description\":[1],\"displayBorder\":[516,\"display-border\"],\"loaderTitle\":[1,\"loader-title\"],\"show\":[1028],\"showWrapper\":[32]}]]],[\"gx-ide-empty-state\",[[1,\"gx-ide-empty-state\",{\"isAnimated\":[4,\"is-animated\"],\"stateDescription\":[1,\"state-description\"],\"stateIconSrc\":[1,\"state-icon-src\"],\"stateTitle\":[1,\"state-title\"]}]]],[\"gx-ide-start-page\",[[1,\"gx-ide-start-page\",{\"createKBCallback\":[16],\"openKbCallback\":[16],\"secondarySection\":[16],\"kbs\":[16],\"kbsFilterThreshold\":[2,\"kbs-filter-threshold\"],\"kbFilterValue\":[32],\"filteredKbs\":[32],\"loading\":[32]},null,{\"kbFilterValue\":[\"kbFilterValueChanged\"],\"kbs\":[\"kbsChanged\"]}]]],[\"gx-ide-team-dev-commit\",[[1,\"gx-ide-team-dev-commit\",{\"displayTitle\":[4,\"display-title\"],\"changeSet\":[16],\"types\":[16],\"folders\":[16],\"categories\":[16],\"getRecentCommentCallback\":[16],\"loadCallback\":[16],\"commitCallback\":[16],\"selectCallback\":[16],\"pendingItemsCheckedCallback\":[16],\"objectsContextMenuCallback\":[16],\"filtersHidden\":[32],\"comment\":[32],\"pendingCommits\":[32],\"ignoredObjects\":[32],\"commitButtonEnabled\":[32],\"filterHasConditions\":[32],\"reload\":[64]}]]],[\"gx-ide-team-dev-update-partial-selection\",[[1,\"gx-ide-team-dev-update-partial-selection\",{\"displayTitle\":[4,\"display-title\"],\"addCallback\":[16],\"cancelCallback\":[16],\"confirmCallback\":[16],\"selection\":[1040],\"selectedObjectsIds\":[32],\"validate\":[64]}]]],[\"gx-ide-team-dev-update-to-revision\",[[1,\"gx-ide-team-dev-update-to-revision\",{\"displayTitle\":[4,\"display-title\"],\"cancelCallback\":[16],\"confirmCallback\":[16],\"currentRevision\":[1,\"current-revision\"],\"validate\":[64]}]]],[\"gx-ide-template\",[[1,\"gx-ide-template\",{\"displayTitle\":[4,\"display-title\"]}]]],[\"gx-ide-wf-settings\",[[1,\"gx-ide-wf-settings\",{\"displayTitle\":[4,\"display-title\"],\"configurationType\":[1,\"configuration-type\"],\"defaultConfiguration\":[16],\"saveCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-ai-assistant\",[[17,\"gx-ide-ai-assistant\",{\"messages\":[1040],\"promptMaxHeight\":[1,\"prompt-max-height\"],\"assistantStatus\":[1025,\"assistant-status\"],\"focusShortcuts\":[16],\"userMessageCallback\":[16],\"clearCallback\":[16],\"promptValue\":[1,\"prompt-value\"],\"filter\":[4],\"userHasTyped\":[32],\"aIInProgress\":[32],\"showFilter\":[32],\"promptHasFocus\":[32],\"filterValue\":[32],\"clear\":[64],\"addMessage\":[64]},[[2,\"focus\",\"handleFocus\"]],{\"aIInProgress\":[\"watchAIInProgressHandler\"],\"messages\":[\"watchMessagesHandler\"]}]]],[\"gx-ide-dashboard-home\",[[1,\"gx-ide-dashboard-home\",{\"kb\":[16],\"enableEditKBName\":[4,\"enable-edit-k-b-name\"],\"environment\":[16],\"enableEditEnvironmentName\":[4,\"enable-edit-environment-name\"],\"projectDescription\":[1,\"project-description\"],\"enableEditDescription\":[4,\"enable-edit-description\"],\"recentObjects\":[16],\"renameKBCallback\":[16],\"renameEnvironmentCallback\":[16],\"editDescriptionCallback\":[16],\"openObjectCallback\":[16],\"editingEnvName\":[32],\"editingProjectDescription\":[32]},null,{\"recentObjects\":[\"recentObjectsHandler\"]}]]],[\"gx-ide-new-object\",[[17,\"gx-ide-new-object\",{\"defaultTypeId\":[1,\"default-type-id\"],\"defaultParent\":[16],\"displayTitle\":[4,\"display-title\"],\"cancelCallback\":[16],\"createCallback\":[16],\"shadow\":[4],\"typeCategories\":[1040],\"parent\":[16],\"selectModuleCallback\":[16],\"validateNameCallback\":[16],\"description\":[32],\"name\":[32],\"nameValidationErrorMessage\":[32],\"selectedCategory\":[32],\"selectedType\":[32],\"typeCategoriesActionListModel\":[32],\"typesActionListModel\":[32],\"selectedTypeMap\":[32],\"suspendShortcuts\":[64]},null,{\"typeCategories\":[\"typeCategoriesChanged\"]}]]],[\"gx-ide-ww-images\",[[1,\"gx-ide-ww-images\",{\"categories\":[16],\"contextMenuCallback\":[16],\"defaultCategory\":[1,\"default-category\"],\"defaultModule\":[16],\"deleteSelectionCallback\":[16],\"densities\":[16],\"languages\":[16],\"layers\":[16],\"loadCallback\":[16],\"loadImageItemsCallback\":[16],\"newObjectCallback\":[16],\"openSelectionCallback\":[16],\"selectModuleCallback\":[16],\"selectionObjectChangedCallback\":[16],\"secondaryFilter\":[4,\"secondary-filter\"],\"shadow\":[4],\"styles\":[16],\"types\":[16],\"categoriesComboBoxModel\":[32],\"densitiesComboBoxModel\":[32],\"languagesComboBoxModel\":[32],\"layersComboBoxModel\":[32],\"stylesComboBoxModel\":[32],\"filterSidebarExpanded\":[32],\"afterCurrentValue\":[32],\"filterAfterOptions\":[32],\"filterImagesInputValue\":[32],\"filterModified\":[32],\"filteredImages\":[32],\"images\":[32],\"imagesSelectedItems\":[32],\"selectedObjectsIds\":[32],\"toggleFilterButtonActive\":[32],\"reload\":[64]},[[1,\"keydown\",\"keyDownHandler\"]],{\"toggleFilterButtonActive\":[\"toggleFilterButtonActiveChanged\"],\"categories\":[\"categoriesChanged\"],\"densities\":[\"densitiesChanged\"],\"languages\":[\"languagesChanged\"],\"layers\":[\"layersChanged\"],\"styles\":[\"stylesChanged\"]}]]],[\"gx-ide-card\",[[1,\"gx-ide-card\",{\"cardTitle\":[1,\"card-title\"],\"cardSubTitle\":[1,\"card-sub-title\"],\"icon\":[1]}]]],[\"gx-ide-directory-selector\",[[1,\"gx-ide-directory-selector\",{\"accessibilityLabels\":[16],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"centerLabel\":[1028,\"center-label\"],\"labelWidth\":[1,\"label-width\"],\"selectDirectoryCallback\":[16],\"value\":[1025],\"icon\":[32]}]]],[\"gx-ide-new-environment\",[[1,\"gx-ide-new-environment\",{\"cancelCallback\":[16],\"createCallback\":[16],\"dataStores\":[1040],\"environmentName\":[1025,\"environment-name\"],\"getDataSourcesCallback\":[16],\"getEnvironmentNameCallback\":[16],\"getFrontEndsCallback\":[16],\"isAdvanced\":[4,\"is-advanced\"],\"languages\":[16],\"runtimes\":[16],\"setAsTarget\":[4,\"set-as-target\"],\"advancedTabIsVisible\":[32],\"frontEnds\":[32],\"validatableControls\":[32],\"dataStoresComboBoxModel\":[32],\"languageComboBoxModel\":[32],\"runtimesRadioGroupModel\":[32],\"suspendShortcuts\":[64]},null,{\"dataStores\":[\"dataStoresChanged\"],\"languages\":[\"languagesChanged\"],\"runtimes\":[\"runtimesChanged\"]}]]],[\"gx-ide-new-kb\",[[1,\"gx-ide-new-kb\",{\"authenticationTypes\":[16],\"cancelCallback\":[16],\"collations\":[16],\"createCallback\":[16],\"createDataFilesInKBFolder\":[4,\"create-data-files-in-k-b-folder\"],\"databaseName\":[1,\"database-name\"],\"defaultDataSources\":[1040],\"getDataSourcesCallback\":[16],\"getFrontEndsCallback\":[16],\"isAdvanced\":[4,\"is-advanced\"],\"kbLocation\":[1025,\"kb-location\"],\"kbName\":[1,\"kb-name\"],\"password\":[1],\"prototypingEnvironments\":[16],\"prototypingTargets\":[16],\"savePassword\":[4,\"save-password\"],\"selectLocationCallback\":[16],\"serverNames\":[16],\"userInterfaceLanguages\":[16],\"userName\":[1,\"user-name\"],\"advancedTabIsVisible\":[32],\"frontEnds\":[32],\"validatableControls\":[32],\"createDataInKbDisabled\":[32],\"userNameVisible\":[32],\"passwordVisible\":[32],\"savePasswordVisible\":[32],\"authenticationTypesComboBoxModel\":[32],\"authenticationTypesInitialValue\":[32],\"collationsComboBoxModel\":[32],\"collationsInitialValue\":[32],\"defaultDataSourcesComboBoxModel\":[32],\"defaultDataSourcesInitialValue\":[32],\"prototypingTargetsComboBoxModel\":[32],\"prototypingTargetsInitialValue\":[32],\"prototypingEnvironmentsComboBoxModel\":[32],\"prototypingEnvironmentsInitialValue\":[32],\"serverNamesComboBoxModel\":[32],\"serverNamesInitialValue\":[32],\"userInterfaceLanguagesComboBoxModel\":[32],\"userInterfaceLanguagesInitialValue\":[32],\"suspendShortcuts\":[64]},null,{\"authenticationTypes\":[\"watchAuthenticationTypes\"],\"collations\":[\"watchCollations\"],\"defaultDataSources\":[\"watchDefaultDataSources\"],\"prototypingEnvironments\":[\"watchPrototypingEnvironments\"],\"prototypingTargets\":[\"watchPrototypingTargets\"],\"serverNames\":[\"watchServerNames\"],\"userInterfaceLanguages\":[\"watchUserInterfaceLanguages\"]}]]],[\"gx-ide-splash\",[[1,\"gx-ide-splash\",{\"version\":[1],\"removeSplash\":[4,\"remove-splash\"],\"splashVisible\":[32]},null,{\"removeSplash\":[\"removeSplashChanged\"]}]]],[\"gx-ide-switch-panel\",[[1,\"gx-ide-switch-panel\"]]],[\"gx-ide-switcher\",[[1,\"gx-ide-switcher\"]]],[\"gx-ide-test\",[[1,\"gx-ide-test\",{\"name\":[1],\"filterOn\":[32]}]]],[\"gx-ide-top-bar\",[[1,\"gx-ide-top-bar\",{\"topBarTitle\":[1,\"top-bar-title\"]}]]],[\"gx-ide-welcome-page\",[[1,\"gx-ide-welcome-page\",{\"transitionType\":[1,\"transition-type\"],\"wordsPerMinute\":[2,\"words-per-minute\"],\"closeCallback\":[16],\"slides\":[16],\"activeSlideIndex\":[32],\"displaySlider\":[32],\"copyrightsVisible\":[32],\"lastSlideReached\":[32],\"sliderVisible\":[32],\"slideTransitioning\":[32],\"userHasChangedSlide\":[32]}]]],[\"gx-ide-bpm-objects-selector\",[[1,\"gx-ide-bpm-objects-selector\",{\"displayTitle\":[4,\"display-title\"],\"selection\":[1040],\"addCallback\":[16],\"referencesCallback\":[16],\"objects\":[32],\"selectedObjects\":[32]}]]],[\"gx-ide-ai-message\",[[1,\"gx-ide-ai-message\",{\"message\":[1],\"messageType\":[1,\"message-type\"],\"filterValue\":[1,\"filter-value\"],\"hidden\":[4],\"translations\":[16],\"visible\":[32],\"showCopiedMessage\":[32]}]]],[\"gx-ide-status-buttons\",[[1,\"gx-ide-status-buttons\",{\"active\":[4],\"errors\":[2],\"hideError\":[4,\"hide-error\"],\"warnings\":[2],\"hideWarning\":[4,\"hide-warning\"],\"successes\":[2],\"hideSuccess\":[4,\"hide-success\"],\"messages\":[2],\"hideMessage\":[4,\"hide-message\"],\"minimal\":[4],\"compact\":[516],\"noInnerBorders\":[516,\"no-inner-borders\"],\"iconsSize\":[32]}]]],[\"gx-ide-entity-selector\",[[1,\"gx-ide-entity-selector\",{\"defaultValue\":[16],\"labelCaption\":[1,\"label-caption\"],\"labelPosition\":[513,\"label-position\"],\"name\":[513],\"selectEntityCallback\":[16],\"value\":[1040],\"buttonHasFocus\":[32],\"iconSrc\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"gx-ide-list-selector_2\",[[1,\"gx-ide-list-selector\",{\"ordered\":[4],\"readonly\":[4],\"type\":[1],\"required\":[4],\"ellipsis\":[4],\"value\":[1025],\"listName\":[1,\"list-name\"],\"noItemsBorder\":[4,\"no-items-border\"],\"noListBorder\":[516,\"no-list-border\"]},[[2,\"itemSelectionChanged\",\"itemSelectionChangedHandler\"]]],[4,\"gx-ide-list-selector-item\",{\"itemId\":[513,\"item-id\"],\"itemValue\":[1,\"item-value\"],\"itemChecked\":[1028,\"item-checked\"],\"readonly\":[1540],\"ellipsis\":[1540],\"icon\":[1],\"noBorder\":[1540,\"no-border\"],\"universalSlotEnd\":[516,\"universal-slot-end\"]}]]],[\"gx-ide-container_2\",[[1,\"gx-ide-container\",{\"inactiveTitle\":[4,\"inactive-title\"],\"containerTitle\":[1,\"container-title\"],\"titleType\":[1,\"title-type\"],\"displayBorder\":[4,\"display-border\"],\"displayBorderTop\":[4,\"display-border-top\"],\"displayBorderEnd\":[4,\"display-border-end\"],\"displayBorderBottom\":[4,\"display-border-bottom\"],\"displayBorderStart\":[4,\"display-border-start\"],\"sectionsPadding\":[1,\"sections-padding\"],\"titleAlignment\":[1,\"title-alignment\"],\"noHeadingBorder\":[4,\"no-heading-border\"],\"noHeadingGap\":[4,\"no-heading-gap\"],\"noHeadingPadding\":[4,\"no-heading-padding\"],\"noHeadingPaddingBlockEnd\":[4,\"no-heading-padding-block-end\"],\"headingPaddingTop\":[4,\"heading-padding-top\"],\"headingJustify\":[1,\"heading-justify\"],\"titleHeightAsInput\":[4,\"title-height-as-input\"],\"flexRow\":[4,\"flex-row\"],\"flexContent\":[4,\"flex-content\"],\"noContentBorderTop\":[4,\"no-content-border-top\"],\"noContentPadding\":[4,\"no-content-padding\"],\"noContentGap\":[4,\"no-content-gap\"],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"contentBorderEnd\":[4,\"content-border-end\"],\"slimmerAboveFooter\":[4,\"slimmer-above-footer\"],\"noAboveFooterPadding\":[4,\"no-above-footer-padding\"],\"noBorderAboveFooter\":[4,\"no-border-above-footer\"],\"slimmerFooter\":[4,\"slimmer-footer\"],\"noFooterPadding\":[4,\"no-footer-padding\"],\"footerJustify\":[1,\"footer-justify\"],\"noBorderFooter\":[4,\"no-border-footer\"],\"hasHeaderSlot\":[32],\"hasSlottedContent\":[32],\"hasFooterSlot\":[32],\"hasAboveFooterSlot\":[32],\"hasOnlyHeading\":[32],\"hasOnlyContent\":[32],\"hasOnlyFooter\":[32]}],[1,\"gx-ide-title\",{\"titleCaption\":[1,\"title-caption\"],\"type\":[1],\"alignment\":[1],\"padding\":[516],\"noPaddingBottom\":[516,\"no-padding-bottom\"],\"border\":[516]}]]]]"), options);
 };
 
 export { defineCustomElements };