@genexus/genexus-ide-ui 1.0.9 → 1.0.11

package/dist/cjs/gx-ide-test.cjs.entry.js

@@ -6,129 +6,79 @@ const index = require('./index-b87e3ee0.js');
 
 const testCss = ":host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}";
 
+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 _GxIdeTest_listBoxRef, _GxIdeTest_actionListModelOne, _GxIdeTest_actionListModelTwo, _GxIdeTest_modelOneButtonHandler, _GxIdeTest_modelTwoButtonHandler;
 const CSS_BUNDLES = [
     "resets/box-sizing",
     // "utils/form",
     // "utils/layout",
     // "utils/typography",
-    // "components/button",
+    "components/button",
     // "components/checkbox",
-    "components/combo-box",
-    "components/edit",
-    "components/tabular-grid"
+    "components/list-box"
 ];
 const GxIdeTest = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/
-        this.comboBoxModel = [
-            {
-                value: "Value 1",
-                caption: "Label for the value 1"
-            },
+        _GxIdeTest_listBoxRef.set(this, void 0);
+        _GxIdeTest_actionListModelOne.set(this, [
             {
-                value: "Value 2",
-                caption: "Label for the value 222",
-                items: [
-                    {
-                        value: "Value 2.1",
-                        caption: "Label for the value 2.1"
-                    },
-                    {
-                        value: "Value 2.2",
-                        caption: "Label for the value 2.2"
-                    }
-                ]
+                id: "id-1-1",
+                caption: "Item 1-1",
+                type: "actionable"
             },
             {
-                value: "Value 3",
-                caption: "Label for the value 3",
-                disabled: true
+                id: "id-1-2",
+                caption: "Item 1-2",
+                type: "actionable"
             },
-            { value: "Value 4", caption: "Label for the value 4" },
             {
-                value: "Value 5",
-                caption: "Label for the value 5",
-                disabled: true,
-                expandable: true,
-                items: [
-                    {
-                        value: "Value 5.1",
-                        caption: "Label for the value 5.1"
-                    },
-                    {
-                        value: "Value 5.2",
-                        caption: "Label for the value 5.2"
-                    },
-                    {
-                        value: "Value 5.3",
-                        caption: "Label for the value 5.3",
-                        disabled: false
-                    },
-                    {
-                        value: "Value 5.4",
-                        caption: "Label for the value 5.4"
-                    }
-                ]
-            },
+                id: "id-1-3",
+                caption: "Item 1-3",
+                type: "actionable"
+            }
+        ]);
+        _GxIdeTest_actionListModelTwo.set(this, [
             {
-                value: "Value 6",
-                caption: "Label for the value 6",
-                expandable: true,
-                expanded: true,
-                items: [
-                    {
-                        value: "Value 6.1",
-                        caption: "Label for the value 6.1",
-                        disabled: true
-                    },
-                    {
-                        value: "Value 6.2",
-                        caption: "Label for the value 6.2",
-                        disabled: true
-                    },
-                    {
-                        value: "Value 6.3",
-                        caption: "Label for the value 6.3",
-                        disabled: false
-                    },
-                    {
-                        value: "Value 6.4",
-                        caption: "Label for the value 6.4"
-                    }
-                ]
+                id: "id-2-1",
+                caption: "Item 2-1",
+                type: "actionable"
             },
             {
-                value: "Value 7",
-                caption: "Label for the value 7",
-                disabled: true
+                id: "id-2-2",
+                caption: "Item 2-2",
+                type: "actionable"
             },
-            { value: "Value 8", caption: "Label for the value 8" },
             {
-                value: "Value 9",
-                caption: "Label for the value 9",
-                expandable: true,
-                items: [
-                    {
-                        value: "Value 9.1",
-                        caption: "Label for the value 9.1"
-                    },
-                    {
-                        value: "Value 9.2",
-                        caption: "Label for the value 9.2"
-                    },
-                    {
-                        value: "Value 9.3",
-                        caption: "Label for the value 9.3",
-                        disabled: false
-                    },
-                    {
-                        value: "Value 9.4",
-                        caption: "Label for the value 9.4"
-                    }
-                ]
+                id: "id-2-3",
+                caption: "Item 2-3",
+                type: "actionable"
             }
-        ];
+        ]);
+        _GxIdeTest_modelOneButtonHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeTest_listBoxRef, "f").model = [];
+            __classPrivateFieldGet(this, _GxIdeTest_listBoxRef, "f").model = __classPrivateFieldGet(this, _GxIdeTest_actionListModelOne, "f");
+        });
+        _GxIdeTest_modelTwoButtonHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeTest_listBoxRef, "f").model = [];
+            __classPrivateFieldGet(this, _GxIdeTest_listBoxRef, "f").model = __classPrivateFieldGet(this, _GxIdeTest_actionListModelTwo, "f");
+        });
         this.name = undefined;
         this.filterOn = true;
     }
@@ -141,9 +91,10 @@ const GxIdeTest = class {
     // 9.LOCAL METHODS //
     // 10.RENDER() FUNCTION //
     render() {
-        return (index.h(index.Host, null, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("ch-tabular-grid", { class: "property-grid" }, index.h("ch-tabular-grid-columnset", { class: "property-grid-column-set" }, index.h("ch-tabular-grid-column", { "column-name": "Property", size: "50%", class: "property-grid-column" }), index.h("ch-tabular-grid-column", { "column-name": "Value", size: "minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))", class: "property-grid-column" })), index.h("ch-tabular-grid-row", { class: "property-grid-row property-grid-property-readonly" }, index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Name: Read Only Property Name: Read Only Property Name: Read Only Property Name: Read Only Property Name: Read Only"), index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Value: Enabled Property Value: Enabled Property Value: Enabled Property Value: Enabled Property Value: Enabled")), index.h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-readonly" }, index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled"), index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Value: Read Only Property Value: Read Only Property Value: Read Only Property Value: Read Only Property Value: Read Only")), index.h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-edited" }, index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled"), index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Value: Edited Property Value: Edited Property Value: Edited Property Value: Edited Property Value: Edited"))), index.h("hr", null), index.h("ch-tabular-grid", { class: "property-grid" }, index.h("ch-tabular-grid-columnset", { class: "property-grid-column-set" }, index.h("ch-tabular-grid-column", { "column-name": "Property", size: "50%", class: "property-grid-column" }), index.h("ch-tabular-grid-column", { "column-name": "Value", size: "minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))", class: "property-grid-column" })), index.h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-editing" }, index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda dicta suscipit illo sit doloribus quos, ipsa voluptatum minus numquam fugit explicabo corporis non hic earum deserunt, ipsum expedita corrupti? Similique?"), index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, index.h("ch-combo-box-render", { "accessible-name": "Colors", id: "combo-box-1", class: "combo-box", model: this.comboBoxModel, placeholder: "placeholder" }))), index.h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-editing" }, index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Form Input"), index.h("ch-tabular-grid-cell", { class: "property-grid-cell" }, index.h("ch-edit", { class: "form-input", value: "Pat Taylor" }))))));
+        return (index.h(index.Host, null, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("ch-action-list-render", { class: "list-box", selection: "single", model: __classPrivateFieldGet(this, _GxIdeTest_actionListModelOne, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeTest_listBoxRef, el, "f")) }), index.h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTest_modelOneButtonHandler, "f") }, "set model one"), index.h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTest_modelTwoButtonHandler, "f") }, "set model two")));
     }
 };
+_GxIdeTest_listBoxRef = new WeakMap(), _GxIdeTest_actionListModelOne = new WeakMap(), _GxIdeTest_actionListModelTwo = new WeakMap(), _GxIdeTest_modelOneButtonHandler = new WeakMap(), _GxIdeTest_modelTwoButtonHandler = new WeakMap();
 GxIdeTest.style = testCss;
 
 exports.gx_ide_test = GxIdeTest;

package/dist/cjs/gx-ide-test.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-test.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/_test/test.scss?tag=gx-ide-test&encapsulation=shadow","src/components/_test/test.tsx"],"sourcesContent":[":host {\n  display: block;\n}\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\ngxg-combo-box {\n  opacity: 1;\n}\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, State } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-test\",\n  styleUrl: \"test.scss\",\n  shadow: true\n})\nexport class GxIdeTest {\n  /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/\n\n  private comboBoxModel = [\n    {\n      value: \"Value 1\",\n      caption: \"Label for the value 1\"\n    },\n    {\n      value: \"Value 2\",\n      caption: \"Label for the value 222\",\n      items: [\n        {\n          value: \"Value 2.1\",\n          caption: \"Label for the value 2.1\"\n        },\n        {\n          value: \"Value 2.2\",\n          caption: \"Label for the value 2.2\"\n        }\n      ]\n    },\n    {\n      value: \"Value 3\",\n      caption: \"Label for the value 3\",\n      disabled: true\n    },\n    { value: \"Value 4\", caption: \"Label for the value 4\" },\n    {\n      value: \"Value 5\",\n      caption: \"Label for the value 5\",\n      disabled: true,\n      expandable: true,\n      items: [\n        {\n          value: \"Value 5.1\",\n          caption: \"Label for the value 5.1\"\n        },\n        {\n          value: \"Value 5.2\",\n          caption: \"Label for the value 5.2\"\n        },\n        {\n          value: \"Value 5.3\",\n          caption: \"Label for the value 5.3\",\n          disabled: false\n        },\n        {\n          value: \"Value 5.4\",\n          caption: \"Label for the value 5.4\"\n        }\n      ]\n    },\n    {\n      value: \"Value 6\",\n      caption: \"Label for the value 6\",\n      expandable: true,\n      expanded: true,\n      items: [\n        {\n          value: \"Value 6.1\",\n          caption: \"Label for the value 6.1\",\n          disabled: true\n        },\n        {\n          value: \"Value 6.2\",\n          caption: \"Label for the value 6.2\",\n          disabled: true\n        },\n        {\n          value: \"Value 6.3\",\n          caption: \"Label for the value 6.3\",\n          disabled: false\n        },\n        {\n          value: \"Value 6.4\",\n          caption: \"Label for the value 6.4\"\n        }\n      ]\n    },\n    {\n      value: \"Value 7\",\n      caption: \"Label for the value 7\",\n      disabled: true\n    },\n    { value: \"Value 8\", caption: \"Label for the value 8\" },\n    {\n      value: \"Value 9\",\n      caption: \"Label for the value 9\",\n      expandable: true,\n      items: [\n        {\n          value: \"Value 9.1\",\n          caption: \"Label for the value 9.1\"\n        },\n        {\n          value: \"Value 9.2\",\n          caption: \"Label for the value 9.2\"\n        },\n        {\n          value: \"Value 9.3\",\n          caption: \"Label for the value 9.3\",\n          disabled: false\n        },\n        {\n          value: \"Value 9.4\",\n          caption: \"Label for the value 9.4\"\n        }\n      ]\n    }\n  ];\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component name\n   */\n  @Prop() readonly name: string;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  @State() filterOn: boolean = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {}\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-tabular-grid class=\"property-grid\">\n          <ch-tabular-grid-columnset class=\"property-grid-column-set\">\n            <ch-tabular-grid-column\n              column-name=\"Property\"\n              size=\"50%\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              column-name=\"Value\"\n              size=\"minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n          </ch-tabular-grid-columnset>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-property-readonly\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Name: Read Only Property Name: Read Only Property Name:\n              Read Only Property Name: Read Only Property Name: Read Only\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Value: Enabled Property Value: Enabled Property Value:\n              Enabled Property Value: Enabled Property Value: Enabled\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-readonly\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Name: Enabled Property Name: Enabled Property Name:\n              Enabled Property Name: Enabled Property Name: Enabled\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Value: Read Only Property Value: Read Only Property\n              Value: Read Only Property Value: Read Only Property Value: Read\n              Only\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-edited\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Name: Enabled Property Name: Enabled Property Name:\n              Enabled Property Name: Enabled\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Property Value: Edited Property Value: Edited Property Value:\n              Edited Property Value: Edited Property Value: Edited\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        </ch-tabular-grid>\n        <hr />\n        <ch-tabular-grid class=\"property-grid\">\n          <ch-tabular-grid-columnset class=\"property-grid-column-set\">\n            <ch-tabular-grid-column\n              column-name=\"Property\"\n              size=\"50%\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n            <ch-tabular-grid-column\n              column-name=\"Value\"\n              size=\"minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))\"\n              class=\"property-grid-column\"\n            ></ch-tabular-grid-column>\n          </ch-tabular-grid-columnset>\n\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-editing\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Lorem ipsum dolor sit amet consectetur, adipisicing elit.\n              Assumenda dicta suscipit illo sit doloribus quos, ipsa voluptatum\n              minus numquam fugit explicabo corporis non hic earum deserunt,\n              ipsum expedita corrupti? Similique?\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              <ch-combo-box-render\n                accessible-name=\"Colors\"\n                id=\"combo-box-1\"\n                class=\"combo-box\"\n                model={this.comboBoxModel}\n                placeholder=\"placeholder\"\n              ></ch-combo-box-render>\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n          <ch-tabular-grid-row class=\"property-grid-row property-grid-value-editing\">\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              Form Input\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"property-grid-cell\">\n              <ch-edit class=\"form-input\" value=\"Pat Taylor\"></ch-edit>\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        </ch-tabular-grid>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"gx-ide-test.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,OAAO,GAAG,2RAA2R;;;;;;;;;;;;;;;;;;;ACM3S,MAAM,WAAW,GAAmB;IAClC,mBAAmB;;;;IAInB,mBAAmB;;IAEnB,qBAAqB;CACtB,CAAC;MAOW,SAAS;;;;QAEpB,wCAA4C;QAC5C,wCAA6C;YAC3C;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;SACF,EAAC;QAEF,wCAA6C;YAC3C;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY;aACnB;SACF,EAAC;QAEF,2CAAyB;YACvB,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,uBAAA,IAAI,qCAAoB,CAAC;SACnD,EAAC;QAEF,2CAAyB;YACvB,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,uBAAA,IAAI,qCAAoB,CAAC;SACnD,EAAC;;wBAa2B,IAAI;;;;IAMjC,iBAAiB,MAAK;;;;;;IAYtB,MAAM;QACJ,QACEA,QAACC,UAAI,QACHD,sBAAU,KAAK,EAAE,WAAW,GAAa,EAEzCA,mCACE,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,uBAAA,IAAI,qCAAoB,EAC/B,GAAG,EAAE,EAAE,KAAK,uBAAA,IAAI,yBAAe,EAAmC,MAAA,CAAC,GAC5C,EACzBA,oBAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,wCAAuB,oBAE1D,EACTA,oBAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,wCAAuB,oBAE1D,CACJ,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/_test/test.scss?tag=gx-ide-test&encapsulation=shadow","src/components/_test/test.tsx"],"sourcesContent":[":host {\n  display: block;\n}\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\ngxg-combo-box {\n  opacity: 1;\n}\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}\n","/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, State } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  \"components/button\",\n  // \"components/checkbox\",\n  \"components/list-box\"\n];\n\n@Component({\n  tag: \"gx-ide-test\",\n  styleUrl: \"test.scss\",\n  shadow: true\n})\nexport class GxIdeTest {\n  /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/\n  #listBoxRef!: HTMLChActionListRenderElement;\n  #actionListModelOne: ActionListItemModel[] = [\n    {\n      id: \"id-1-1\",\n      caption: \"Item 1-1\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-1-2\",\n      caption: \"Item 1-2\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-1-3\",\n      caption: \"Item 1-3\",\n      type: \"actionable\"\n    }\n  ];\n\n  #actionListModelTwo: ActionListItemModel[] = [\n    {\n      id: \"id-2-1\",\n      caption: \"Item 2-1\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-2-2\",\n      caption: \"Item 2-2\",\n      type: \"actionable\"\n    },\n    {\n      id: \"id-2-3\",\n      caption: \"Item 2-3\",\n      type: \"actionable\"\n    }\n  ];\n\n  #modelOneButtonHandler = () => {\n    this.#listBoxRef.model = [];\n    this.#listBoxRef.model = this.#actionListModelOne;\n  };\n\n  #modelTwoButtonHandler = () => {\n    this.#listBoxRef.model = [];\n    this.#listBoxRef.model = this.#actionListModelTwo;\n  };\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component name\n   */\n  @Prop() readonly name: string;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  // 3.STATE() VARIABLES //\n\n  @State() filterOn: boolean = true;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {}\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-action-list-render\n          class=\"list-box\"\n          selection=\"single\"\n          model={this.#actionListModelOne}\n          ref={el => (this.#listBoxRef = el as HTMLChActionListRenderElement)}\n        ></ch-action-list-render>\n        <button class=\"button-primary\" onClick={this.#modelOneButtonHandler}>\n          set model one\n        </button>\n        <button class=\"button-primary\" onClick={this.#modelTwoButtonHandler}>\n          set model two\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/gx-ide-wf-settings.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b87e3ee0.js');
-const config = require('./config-cefda28a.js');
+const config = require('./config-b21feeee.js');
 const locale = require('./locale-bf43b87c.js');
 
 const wfSettingsCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.options{max-width:50%;display:flex;flex-direction:column;gap:var(--gx-ide-form-items-gap)}.message-item{display:flex;align-items:start;gap:var(--mer-spacing--xs)}";

package/dist/cjs/gx-ide-ww-images.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b87e3ee0.js');
 const locale = require('./locale-bf43b87c.js');
-const config = require('./config-cefda28a.js');
-const common = require('./common-d21da2fc.js');
+const config = require('./config-b21feeee.js');
+const common = require('./common-10d3b190.js');
 const constants = require('./constants-96a42315.js');
 const helpers = require('./helpers-be14ea67.js');
 

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@ const index = require('./index-b87e3ee0.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy(JSON.parse("[[\"gx-ide-bpm-export-xpdl.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-team-dev-select-recent-comment\",{\"displayTitle\":[4,\"display-title\"],\"comments\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-team-dev-update.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-new-object.cjs\",[[17,\"gx-ide-new-object\",{\"displayTitle\":[4,\"display-title\"],\"shadow\":[4],\"typeCategories\":[16],\"parent\":[16],\"defaultParent\":[16],\"defaultTypeId\":[1,\"default-type-id\"],\"selectModuleCallback\":[16],\"validateNameCallback\":[16],\"createCallback\":[16],\"cancelCallback\":[16],\"selectedCategory\":[32],\"selectedType\":[32],\"nameIsValid\":[32],\"name\":[32],\"description\":[32],\"suspendShortcuts\":[64]},null,{\"selectedType\":[\"watchSelectedTypeHandler\"]}]]],[\"gx-ide-object-selector.cjs\",[[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.cjs\",[[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.cjs\",[[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-ww-images.cjs\",[[1,\"gx-ide-ww-images\",{\"displayTitle\":[4,\"display-title\"],\"secondaryFilter\":[4,\"secondary-filter\"],\"categories\":[16],\"densities\":[16],\"defaultCategory\":[1,\"default-category\"],\"defaultModule\":[16],\"defaultType\":[1,\"default-type\"],\"filterModules\":[16],\"languages\":[16],\"layers\":[16],\"contextMenuCallback\":[16],\"deleteSelectionCallback\":[16],\"loadCallback\":[16],\"loadImageItemsCallback\":[16],\"newObjectCallback\":[16],\"openSelectionCallback\":[16],\"selectModuleCallback\":[16],\"selectionObjectChangedCallback\":[16],\"shadow\":[4],\"styles\":[16],\"types\":[16],\"filtersHidden\":[32],\"filterAfterType\":[32],\"filterModified\":[32],\"images\":[32],\"filteredImages\":[32],\"imagesSelectedItems\":[32],\"selectedObjectsIds\":[32],\"filterImagesInputValue\":[32],\"validate\":[64],\"reload\":[64]},[[1,\"keydown\",\"keyDownHandler\"]],{\"filtersHidden\":[\"filtersHiddenHandler\"]}]]],[\"gx-ide-bpm-app-declaration.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-bpm-import-gxpm\",{\"displayTitle\":[4,\"display-title\"],\"confirmCallback\":[16],\"cancelCallback\":[16],\"selectedFile\":[32],\"pathValue\":[32]}]]],[\"gx-ide-bpm-timer-duration.cjs\",[[1,\"gx-ide-bpm-timer-duration\",{\"displayTitle\":[4,\"display-title\"],\"duration\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-connect-gx-server.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-new-environment.cjs\",[[1,\"gx-ide-new-environment\",{\"displayTitle\":[4,\"display-title\"],\"cancelCallback\":[16],\"createCallback\":[16],\"dataStores\":[1040],\"disableAdvanced\":[4,\"disable-advanced\"],\"environmentName\":[1025,\"environment-name\"],\"frontEnds\":[1040],\"getEnvironmentNameCallback\":[16],\"getFrontEndsCallback\":[16],\"getDataSourcesCallback\":[16],\"isAdvanced\":[4,\"is-advanced\"],\"languages\":[16],\"runtimes\":[16],\"setAsTarget\":[4,\"set-as-target\"],\"suspendShortcuts\":[64]}]]],[\"gx-ide-new-kb.cjs\",[[1,\"gx-ide-new-kb\",{\"displayTitle\":[4,\"display-title\"],\"defaultDataSources\":[1040],\"frontEnds\":[1040],\"isAdvanced\":[4,\"is-advanced\"],\"kbLocation\":[1025,\"kb-location\"],\"selectLocationCallback\":[16],\"kbName\":[1,\"kb-name\"],\"prototypingEnvironments\":[16],\"prototypingTargets\":[16],\"userInterfaceLanguages\":[16],\"authenticationTypes\":[16],\"collations\":[16],\"createDataFilesInKBFolder\":[4,\"create-data-files-in-k-b-folder\"],\"databaseName\":[1,\"database-name\"],\"password\":[1],\"savePassword\":[4,\"save-password\"],\"serverNames\":[16],\"userName\":[1,\"user-name\"],\"test\":[1],\"createCallback\":[16],\"cancelCallback\":[16],\"getDataSourcesCallback\":[16],\"getFrontEndsCallback\":[16],\"createDataInKbDisabled\":[32],\"userNameVisible\":[32],\"passwordVisible\":[32],\"savePasswordVisible\":[32],\"suspendShortcuts\":[64]}]]],[\"gx-ide-references.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-template\",{\"displayTitle\":[4,\"display-title\"]}]]],[\"gx-ide-wf-settings.cjs\",[[1,\"gx-ide-wf-settings\",{\"displayTitle\":[4,\"display-title\"],\"configurationType\":[1,\"configuration-type\"],\"defaultConfiguration\":[16],\"saveCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-ai-assistant.cjs\",[[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.cjs\",[[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-card.cjs\",[[1,\"gx-ide-card\",{\"cardTitle\":[1,\"card-title\"],\"cardSubTitle\":[1,\"card-sub-title\"],\"icon\":[1]}]]],[\"gx-ide-directory-selector.cjs\",[[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-switch-panel.cjs\",[[1,\"gx-ide-switch-panel\"]]],[\"gx-ide-switcher.cjs\",[[1,\"gx-ide-switcher\"]]],[\"gx-ide-test.cjs\",[[1,\"gx-ide-test\",{\"name\":[1],\"filterOn\":[32]}]]],[\"gx-ide-top-bar.cjs\",[[1,\"gx-ide-top-bar\",{\"topBarTitle\":[1,\"top-bar-title\"]}]]],[\"gx-ide-bpm-objects-selector.cjs\",[[1,\"gx-ide-bpm-objects-selector\",{\"displayTitle\":[4,\"display-title\"],\"selection\":[1040],\"addCallback\":[16],\"referencesCallback\":[16],\"objects\":[32],\"selectedObjects\":[32]}]]],[\"gx-ide-recent-news.cjs\",[[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-status-buttons.cjs\",[[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-ai-message.cjs\",[[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-entity-selector.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-list-selector\",{\"listTitle\":[1,\"list-title\"],\"ordered\":[4],\"readonly\":[4],\"type\":[1],\"required\":[4],\"ellipsis\":[4],\"value\":[1025],\"iconsColor\":[1,\"icons-color\"],\"iconsSize\":[1,\"icons-size\"],\"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],\"iconColor\":[1025,\"icon-color\"],\"iconSize\":[1025,\"icon-size\"],\"noBorder\":[1540,\"no-border\"],\"universalSlotEnd\":[516,\"universal-slot-end\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gx-ide-bpm-export-xpdl.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-team-dev-select-recent-comment\",{\"displayTitle\":[4,\"display-title\"],\"comments\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-team-dev-update.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-new-object.cjs\",[[17,\"gx-ide-new-object\",{\"displayTitle\":[4,\"display-title\"],\"shadow\":[4],\"typeCategories\":[16],\"parent\":[16],\"defaultParent\":[16],\"defaultTypeId\":[1,\"default-type-id\"],\"selectModuleCallback\":[16],\"validateNameCallback\":[16],\"createCallback\":[16],\"cancelCallback\":[16],\"selectedCategory\":[32],\"selectedType\":[32],\"nameIsValid\":[32],\"name\":[32],\"description\":[32],\"suspendShortcuts\":[64]},null,{\"selectedType\":[\"watchSelectedTypeHandler\"]}]]],[\"gx-ide-object-selector.cjs\",[[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.cjs\",[[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.cjs\",[[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-ww-images.cjs\",[[1,\"gx-ide-ww-images\",{\"displayTitle\":[4,\"display-title\"],\"secondaryFilter\":[4,\"secondary-filter\"],\"categories\":[16],\"densities\":[16],\"defaultCategory\":[1,\"default-category\"],\"defaultModule\":[16],\"defaultType\":[1,\"default-type\"],\"filterModules\":[16],\"languages\":[16],\"layers\":[16],\"contextMenuCallback\":[16],\"deleteSelectionCallback\":[16],\"loadCallback\":[16],\"loadImageItemsCallback\":[16],\"newObjectCallback\":[16],\"openSelectionCallback\":[16],\"selectModuleCallback\":[16],\"selectionObjectChangedCallback\":[16],\"shadow\":[4],\"styles\":[16],\"types\":[16],\"filtersHidden\":[32],\"filterAfterType\":[32],\"filterModified\":[32],\"images\":[32],\"filteredImages\":[32],\"imagesSelectedItems\":[32],\"selectedObjectsIds\":[32],\"filterImagesInputValue\":[32],\"validate\":[64],\"reload\":[64]},[[1,\"keydown\",\"keyDownHandler\"]],{\"filtersHidden\":[\"filtersHiddenHandler\"]}]]],[\"gx-ide-bpm-app-declaration.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-bpm-import-gxpm\",{\"displayTitle\":[4,\"display-title\"],\"confirmCallback\":[16],\"cancelCallback\":[16],\"selectedFile\":[32],\"pathValue\":[32]}]]],[\"gx-ide-bpm-timer-duration.cjs\",[[1,\"gx-ide-bpm-timer-duration\",{\"displayTitle\":[4,\"display-title\"],\"duration\":[16],\"confirmCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-connect-gx-server.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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-new-environment.cjs\",[[1,\"gx-ide-new-environment\",{\"displayTitle\":[4,\"display-title\"],\"cancelCallback\":[16],\"createCallback\":[16],\"dataStores\":[1040],\"disableAdvanced\":[4,\"disable-advanced\"],\"environmentName\":[1025,\"environment-name\"],\"frontEnds\":[1040],\"getEnvironmentNameCallback\":[16],\"getFrontEndsCallback\":[16],\"getDataSourcesCallback\":[16],\"isAdvanced\":[4,\"is-advanced\"],\"languages\":[16],\"runtimes\":[16],\"setAsTarget\":[4,\"set-as-target\"],\"suspendShortcuts\":[64]}]]],[\"gx-ide-references.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-template\",{\"displayTitle\":[4,\"display-title\"]}]]],[\"gx-ide-wf-settings.cjs\",[[1,\"gx-ide-wf-settings\",{\"displayTitle\":[4,\"display-title\"],\"configurationType\":[1,\"configuration-type\"],\"defaultConfiguration\":[16],\"saveCallback\":[16],\"cancelCallback\":[16]}]]],[\"gx-ide-ai-assistant.cjs\",[[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.cjs\",[[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-card.cjs\",[[1,\"gx-ide-card\",{\"cardTitle\":[1,\"card-title\"],\"cardSubTitle\":[1,\"card-sub-title\"],\"icon\":[1]}]]],[\"gx-ide-directory-selector.cjs\",[[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-kb.cjs\",[[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],\"displayTitle\":[4,\"display-title\"],\"frontEnds\":[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],\"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.cjs\",[[1,\"gx-ide-switch-panel\"]]],[\"gx-ide-switcher.cjs\",[[1,\"gx-ide-switcher\"]]],[\"gx-ide-test.cjs\",[[1,\"gx-ide-test\",{\"name\":[1],\"filterOn\":[32]}]]],[\"gx-ide-top-bar.cjs\",[[1,\"gx-ide-top-bar\",{\"topBarTitle\":[1,\"top-bar-title\"]}]]],[\"gx-ide-bpm-objects-selector.cjs\",[[1,\"gx-ide-bpm-objects-selector\",{\"displayTitle\":[4,\"display-title\"],\"selection\":[1040],\"addCallback\":[16],\"referencesCallback\":[16],\"objects\":[32],\"selectedObjects\":[32]}]]],[\"gx-ide-recent-news.cjs\",[[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-status-buttons.cjs\",[[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-ai-message.cjs\",[[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-entity-selector.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"gx-ide-list-selector\",{\"listTitle\":[1,\"list-title\"],\"ordered\":[4],\"readonly\":[4],\"type\":[1],\"required\":[4],\"ellipsis\":[4],\"value\":[1025],\"iconsColor\":[1,\"icons-color\"],\"iconsSize\":[1,\"icons-size\"],\"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],\"iconColor\":[1025,\"icon-color\"],\"iconSize\":[1025,\"icon-size\"],\"noBorder\":[1540,\"no-border\"],\"universalSlotEnd\":[516,\"universal-slot-end\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/common/common.js

@@ -48,7 +48,6 @@ export const renderModuleDataProperties = (options) => {
     return null;
 };
 /**
- *
  * @param gxOptions An array of GxOptions's
  * @returns The first option in the array that is 'selected'. If no one found it returns null.
  */
@@ -70,4 +69,29 @@ export const getSelectedGxOption = (gxOptions, onlyId = true) => {
         return found;
     }
 };
+/**
+ * @param gxOptions An array of GxOptions's
+ * @returns The value of the selected item, or the first item, if no one is selected.
+ */
+export const getSelectedItem = (gxOptions) => {
+    let found = undefined;
+    for (let i = 0; i < gxOptions.length; i++) {
+        if (gxOptions[i].selected) {
+            found = gxOptions[i];
+            break;
+        }
+    }
+    if (found) {
+        return found.id;
+    }
+    else {
+        return gxOptions[0].id;
+    }
+};
+export const getSelectedItem2 = (gxOptions) => {
+    var _a;
+    return gxOptions
+        ? ((_a = gxOptions.find(item => item.selected)) !== null && _a !== void 0 ? _a : gxOptions[0]).id
+        : undefined;
+};
 //# sourceMappingURL=common.js.map

package/dist/collection/common/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/common/common.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n *\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n"]}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/common/common.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  let found = undefined;\n  for (let i = 0; i < gxOptions.length; i++) {\n    if (gxOptions[i].selected) {\n      found = gxOptions[i];\n      break;\n    }\n  }\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n"]}

package/dist/collection/common/config.js

@@ -28,6 +28,11 @@ export const config = {
         /* The amount of milliseconds the loader will display, before abort because of timeout*/
         timeout: 4000
     },
+    tooltipSettings: {
+        blockAlign: "outside-start",
+        inlineAlign: "inside-start",
+        delay: 200
+    },
     /* The amount of milliseconds for any control that supports debounce */
     inputDebounce: 500,
     headingsClasses: {

package/dist/collection/common/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/common/config.ts"],"names":[],"mappings":"AAAA,iIAAiI;AACjI,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,iSAAiS;IACjS,OAAO,EAAE,IAAI;IACb,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;SACnB;KACF;IACD,cAAc,EAAE;QACd,aAAa,EAAE,IAAI;KACpB;IACD,WAAW,EAAE;QACX,OAAO,EAAE;YACP,UAAU,EAAE,aAAa;YACzB,UAAU,EAAE,aAAa;YACzB,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,oBAAoB;YAC5B,YAAY,EAAE,oBAAoB;YAClC,WAAW,EAAE,OAAO;SACrB;KACF;IACD,MAAM,EAAE;QACN,wFAAwF;QACxF,OAAO,EAAE,IAAI;KACd;IACD,uEAAuE;IACvE,aAAa,EAAE,GAAG;IAClB,eAAe,EAAE;QACf,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,qBAAqB;KACjC;IACD,cAAc,EAAE;QACd,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,aAAa;KAC1B;CACF,CAAC;AAEF;;mCAEmC;AACnC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,QAAgB,EAAE,EAAE,CAC/D,kBAAkB,QAAQ,cAAc,CAAC","sourcesContent":["/* The purpose of config is to provide a simple way to change options/settings that are generally applied on all the components*/\nexport const config = {\n  // tooltip is a property that exists on some gemini controls. When set to true, it will display the error/warning/success message (if any) by using a tooltip, instead of displaying the message under the control. The tooltip prevents changes on the component total height, which is desired.\n  tooltip: true,\n  gxgMessage: {\n    common: {\n      type: \"text-regular\",\n      textAlign: \"center\",\n      padding: \"m\",\n      maxWidth: \"250px\",\n      minHeight: \"300px\"\n    }\n  },\n  gxIdeContainer: {\n    slimmerFooter: true\n  },\n  tabularGrid: {\n    colSize: {\n      minContent: \"min-content\",\n      maxContent: \"max-content\",\n      auto: \"auto\",\n      common: \"minmax(100px, 1fr)\",\n      commonDouble: \"minmax(150px, 2fr)\",\n      description: \"250px\"\n    }\n  },\n  loader: {\n    /* The amount of milliseconds the loader will display, before abort because of timeout*/\n    timeout: 4000\n  },\n  /* The amount of milliseconds for any control that supports debounce */\n  inputDebounce: 500,\n  headingsClasses: {\n    cardRegular: \"heading-3\",\n    cardSmall: \"text-body-regular-m\"\n  },\n  utilityClasses: {\n    opacityZero: \"opacity-0\",\n    exactMatch: \"exact-match\"\n  }\n};\n\n/* - - - - - - - - - - - - - - - - \nch-tree-view-render\n- - - - - - - - - - - - - - - -  */\nexport const getImagePathTreeViewCallback = (imageSrc: string) =>\n  `./assets/icons/${imageSrc}.svg#enabled`;\n"]}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/common/config.ts"],"names":[],"mappings":"AAEA,iIAAiI;AACjI,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,iSAAiS;IACjS,OAAO,EAAE,IAAI;IACb,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,OAAO;SACnB;KACF;IACD,cAAc,EAAE;QACd,aAAa,EAAE,IAAI;KACpB;IACD,WAAW,EAAE;QACX,OAAO,EAAE;YACP,UAAU,EAAE,aAAa;YACzB,UAAU,EAAE,aAAa;YACzB,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,oBAAoB;YAC5B,YAAY,EAAE,oBAAoB;YAClC,WAAW,EAAE,OAAO;SACrB;KACF;IACD,MAAM,EAAE;QACN,wFAAwF;QACxF,OAAO,EAAE,IAAI;KACd;IACD,eAAe,EAAE;QACf,UAAU,EAAE,eAAiC;QAC7C,WAAW,EAAE,cAAgC;QAC7C,KAAK,EAAE,GAAG;KACX;IACD,uEAAuE;IACvE,aAAa,EAAE,GAAG;IAClB,eAAe,EAAE;QACf,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,qBAAqB;KACjC;IACD,cAAc,EAAE;QACd,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,aAAa;KAC1B;CACF,CAAC;AAEF;;mCAEmC;AACnC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,QAAgB,EAAE,EAAE,CAC/D,kBAAkB,QAAQ,cAAc,CAAC","sourcesContent":["import { ChPopoverAlign } from \"@genexus/chameleon-controls-library\";\n\n/* The purpose of config is to provide a simple way to change options/settings that are generally applied on all the components*/\nexport const config = {\n  // tooltip is a property that exists on some gemini controls. When set to true, it will display the error/warning/success message (if any) by using a tooltip, instead of displaying the message under the control. The tooltip prevents changes on the component total height, which is desired.\n  tooltip: true,\n  gxgMessage: {\n    common: {\n      type: \"text-regular\",\n      textAlign: \"center\",\n      padding: \"m\",\n      maxWidth: \"250px\",\n      minHeight: \"300px\"\n    }\n  },\n  gxIdeContainer: {\n    slimmerFooter: true\n  },\n  tabularGrid: {\n    colSize: {\n      minContent: \"min-content\",\n      maxContent: \"max-content\",\n      auto: \"auto\",\n      common: \"minmax(100px, 1fr)\",\n      commonDouble: \"minmax(150px, 2fr)\",\n      description: \"250px\"\n    }\n  },\n  loader: {\n    /* The amount of milliseconds the loader will display, before abort because of timeout*/\n    timeout: 4000\n  },\n  tooltipSettings: {\n    blockAlign: \"outside-start\" as ChPopoverAlign,\n    inlineAlign: \"inside-start\" as ChPopoverAlign,\n    delay: 200\n  },\n  /* The amount of milliseconds for any control that supports debounce */\n  inputDebounce: 500,\n  headingsClasses: {\n    cardRegular: \"heading-3\",\n    cardSmall: \"text-body-regular-m\"\n  },\n  utilityClasses: {\n    opacityZero: \"opacity-0\",\n    exactMatch: \"exact-match\"\n  }\n};\n\n/* - - - - - - - - - - - - - - - - \nch-tree-view-render\n- - - - - - - - - - - - - - - -  */\nexport const getImagePathTreeViewCallback = (imageSrc: string) =>\n  `./assets/icons/${imageSrc}.svg#enabled`;\n"]}

package/dist/collection/common/form-validation.js

@@ -0,0 +1,50 @@
+// formSubmitValidation will be deprecated. use "validateControls" instead.
+export const formSubmitValidation = (result, ref) => {
+    var _a;
+    (_a = result.fieldErrors) === null || _a === void 0 ? void 0 : _a.forEach(element => {
+        const key = element.key;
+        const message = element.message;
+        const hasError = element.hasError;
+        const reference = ref[`${key}El`];
+        if (reference && hasError && message.trim()) {
+            reference.validationStatus = "error";
+            reference.validationMessage = message;
+        }
+        else if (reference && !hasError) {
+            reference.validationStatus = "indeterminate";
+            reference.validationMessage = null;
+        }
+    });
+};
+// TODO: Improve the way we mark components with error. We must not use error classes.
+const formElementsErrorClassesDictionary = {
+    "ch-checkbox": "checkbox-error",
+    "ch-combo-box-render": "combo-box-error",
+    "ch-edit": "form-input-error"
+};
+const toggleErrorClass = (hasError, element) => {
+    const elementTagName = element.tagName.toLowerCase();
+    const errorClass = formElementsErrorClassesDictionary[elementTagName];
+    if (hasError) {
+        element.classList.add(errorClass);
+    }
+    else {
+        element.classList.remove(errorClass);
+    }
+};
+export const validateControls = (formSubmitResult, validatableControls) => {
+    const validatableControlsUpdated = new Map(validatableControls);
+    formSubmitResult.fieldErrors.forEach(fieldResult => {
+        const fieldKey = fieldResult.key;
+        const fieldHasError = fieldResult.hasError;
+        const controlMapRecord = validatableControlsUpdated.get(fieldKey);
+        if (controlMapRecord === null || controlMapRecord === void 0 ? void 0 : controlMapRecord.reference) {
+            // toggle class to add or remove error style
+            toggleErrorClass(fieldHasError, controlMapRecord.reference);
+            validatableControlsUpdated.set(fieldKey, Object.assign(Object.assign({}, controlMapRecord), { hasError: fieldHasError, message: fieldResult.message }));
+        }
+    });
+    // return validatableControls updated.
+    return validatableControlsUpdated;
+};
+//# sourceMappingURL=form-validation.js.map

package/dist/collection/common/form-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-validation.js","sourceRoot":"","sources":["../../src/common/form-validation.ts"],"names":[],"mappings":"AAGA,2EAA2E;AAC3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,MAA+C,EAC/C,GAAQ,EACR,EAAE;;IACF,MAAA,MAAM,CAAC,WAAW,0CAAE,OAAO,CAAC,OAAO,CAAC,EAAE;QACpC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACxB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAChC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QAElC,MAAM,SAAS,GAAkB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;QACjD,IAAI,SAAS,IAAI,QAAQ,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE;YAC3C,SAAS,CAAC,gBAAgB,GAAG,OAAO,CAAC;YACrC,SAAS,CAAC,iBAAiB,GAAG,OAAO,CAAC;SACvC;aAAM,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE;YACjC,SAAS,CAAC,gBAAgB,GAAG,eAAe,CAAC;YAC7C,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;SACpC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,sFAAsF;AACtF,MAAM,kCAAkC,GAAG;IACzC,aAAa,EAAE,gBAAgB;IAC/B,qBAAqB,EAAE,iBAAiB;IACxC,SAAS,EAAE,kBAAkB;CACrB,CAAC;AAEX,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,OAAoB,EAAE,EAAE;IACnE,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACrD,MAAM,UAAU,GACd,kCAAkC,CAChC,cAAiE,CAClE,CAAC;IACJ,IAAI,QAAQ,EAAE;QACZ,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;KACtC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,gBAAkC,EAClC,mBAAmD,EACnB,EAAE;IAClC,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,gBAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACjD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC;QACjC,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC;QAC3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,EAAE;YAC/B,4CAA4C;YAC5C,gBAAgB,CAAC,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5D,0BAA0B,CAAC,GAAG,CAAC,QAAQ,kCAClC,gBAAgB,KACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,WAAW,CAAC,OAAO,IAC5B,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;IACH,sCAAsC;IACtC,OAAO,0BAA0B,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"form-input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"]}