npm - @genexus/genexus-ide-ui - Versions diffs - 1.0.8 → 1.0.10 - Mend

@genexus/genexus-ide-ui 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (256) hide show

package/dist/collection/components/_helpers/card/card.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/_helpers/list-selector/list-selector.css CHANGED Viewed

@@ -380,6 +380,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/_starting-template/template.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/_test/test.js CHANGED Viewed

@@ -1,3 +1,20 @@
+var __classPrivateFieldGet = (this && this.__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 = (this && this.__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;
 /* STENCIL IMPORTS */
 import { Host, h } from "@stencil/core";
 const CSS_BUNDLES = [
@@ -5,123 +22,56 @@ const CSS_BUNDLES = [
     // "utils/form",
     // "utils/layout",
     // "utils/typography",
-    // "components/button",
+    "components/button",
     // "components/checkbox",
-    "components/combo-box",
-    "components/edit",
-    "components/tabular-grid"
+    "components/list-box"
 ];
 export class GxIdeTest {
     constructor() {
         /* THIS IS A COMPONENT FOR TESTING PURPOSES. DO WHATEVER YOU WANT.*/
-        this.comboBoxModel = [
+        _GxIdeTest_listBoxRef.set(this, void 0);
+        _GxIdeTest_actionListModelOne.set(this, [
             {
-                value: "Value 1",
-                caption: "Label for the value 1"
+                id: "id-1-1",
+                caption: "Item 1-1",
+                type: "actionable"
             },
             {
-                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-2",
+                caption: "Item 1-2",
+                type: "actionable"
             },
             {
-                value: "Value 3",
-                caption: "Label for the value 3",
-                disabled: true
-            },
-            { 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;
     }
@@ -134,7 +84,7 @@ export class GxIdeTest {
     // 9.LOCAL METHODS //
     // 10.RENDER() FUNCTION //
     render() {
-        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("ch-tabular-grid", { class: "property-grid" }, h("ch-tabular-grid-columnset", { class: "property-grid-column-set" }, h("ch-tabular-grid-column", { "column-name": "Property", size: "50%", class: "property-grid-column" }), h("ch-tabular-grid-column", { "column-name": "Value", size: "minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))", class: "property-grid-column" })), h("ch-tabular-grid-row", { class: "property-grid-row property-grid-property-readonly" }, 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"), h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Value: Enabled Property Value: Enabled Property Value: Enabled Property Value: Enabled Property Value: Enabled")), h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-readonly" }, h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled"), 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")), h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-edited" }, h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Name: Enabled Property Name: Enabled Property Name: Enabled Property Name: Enabled"), h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Property Value: Edited Property Value: Edited Property Value: Edited Property Value: Edited Property Value: Edited"))), h("hr", null), h("ch-tabular-grid", { class: "property-grid" }, h("ch-tabular-grid-columnset", { class: "property-grid-column-set" }, h("ch-tabular-grid-column", { "column-name": "Property", size: "50%", class: "property-grid-column" }), h("ch-tabular-grid-column", { "column-name": "Value", size: "minmax(auto, calc(100% - var(--ch-tabular-grid-column-1-width)))", class: "property-grid-column" })), h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-editing" }, 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?"), h("ch-tabular-grid-cell", { class: "property-grid-cell" }, h("ch-combo-box-render", { "accessible-name": "Colors", id: "combo-box-1", class: "combo-box", model: this.comboBoxModel, placeholder: "placeholder" }))), h("ch-tabular-grid-row", { class: "property-grid-row property-grid-value-editing" }, h("ch-tabular-grid-cell", { class: "property-grid-cell" }, "Form Input"), h("ch-tabular-grid-cell", { class: "property-grid-cell" }, h("ch-edit", { class: "form-input", value: "Pat Taylor" }))))));
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("ch-action-list-render", { class: "list-box", selection: "single", model: __classPrivateFieldGet(this, _GxIdeTest_actionListModelOne, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeTest_listBoxRef, el, "f")) }), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTest_modelOneButtonHandler, "f") }, "set model one"), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTest_modelTwoButtonHandler, "f") }, "set model two")));
     }
     static get is() { return "gx-ide-test"; }
     static get encapsulation() { return "shadow"; }
@@ -175,4 +125,5 @@ export class GxIdeTest {
         };
     }
 }
+_GxIdeTest_listBoxRef = new WeakMap(), _GxIdeTest_actionListModelOne = new WeakMap(), _GxIdeTest_actionListModelTwo = new WeakMap(), _GxIdeTest_modelOneButtonHandler = new WeakMap(), _GxIdeTest_modelTwoButtonHandler = new WeakMap();
 //# sourceMappingURL=test.js.map

package/dist/collection/components/_test/test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"test.js","sourceRoot":"","sources":["../../../src/components/_test/test.tsx"],"names":[],"mappings":"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","sourcesContent":["/* 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"]}
1	+ {"version":3,"file":"test.js","sourceRoot":"","sources":["../../../src/components/_test/test.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKhE,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,gBAAgB;IAChB,kBAAkB;IAClB,sBAAsB;IACtB,mBAAmB;IACnB,yBAAyB;IACzB,qBAAqB;CACtB,CAAC;AAOF,MAAM,OAAO,SAAS;;QACpB,oEAAoE;QACpE,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,GAAG,EAAE;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,uBAAA,IAAI,qCAAoB,CAAC;QACpD,CAAC,EAAC;QAEF,2CAAyB,GAAG,EAAE;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,EAAE,CAAC;YAC5B,uBAAA,IAAI,6BAAY,CAAC,KAAK,GAAG,uBAAA,IAAI,qCAAoB,CAAC;QACpD,CAAC,EAAC;;wBAa2B,IAAI;;IAEjC,qCAAqC;IAErC,qBAAqB;IAErB,iBAAiB,KAAI,CAAC;IAEtB,mCAAmC;IAEnC,iBAAiB;IAEjB,0BAA0B;IAE1B,qBAAqB;IAErB,0BAA0B;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,KAAK,EAAE,WAAW,GAAa;YAEzC,6BACE,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,uBAAA,IAAI,qCAAoB,EAC/B,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,uBAAA,IAAI,yBAAe,EAAmC,MAAA,CAAC,GAC5C;YACzB,cAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,wCAAuB,oBAE1D;YACT,cAAQ,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,uBAAA,IAAI,wCAAuB,oBAE1D,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/* 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"]}

package/dist/collection/components/ai-assistant/ai-assistant.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/application-declaration/bpm-app-declaration.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/assign-roles/bpm-assign-roles.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/export-xpdl/bpm-export-xpdl.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/import-files/bpm-import-files.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/import-gxpm/bpm-import-gxpm.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/objects-selector/bpm-objects-selector.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/timer-duration/bpm-timer-duration.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/connect-gx-server/connect-gx-server.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/create-kb-from-server/create-kb-from-server.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/dashboard-home/dashboard-home.css CHANGED Viewed

@@ -690,6 +690,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/data-selector/data-selector.css CHANGED Viewed

@@ -17,6 +17,16 @@
   contain: size;
 }
+.data ch-tabular-grid-cell:is(:nth-child(2), :nth-child(3), :nth-child(4)) {
+  padding-block: var(--grid-cell__padding-block);
+  padding-inline: var(--grid-cell__padding-inline);
+  align-items: start;
+  justify-content: start;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ch-tabular-grid.empty-result::part(main) {
   overflow: hidden;
 }

package/dist/collection/components/data-selector/data-selector.js CHANGED Viewed

@@ -124,7 +124,7 @@ export class GxIdeDataSelector {
                     "tabular-grid": true,
                     "empty-result": this.objects.length === 0,
                     "data": true
-                }, rowSelectionMode: this.selectionType, onKeyDown: __classPrivateFieldGet(this, _GxIdeDataSelector_chGridKeyDownHandler, "f"), part: "ch-grid-objects", onSelectionChanged: this.objects.length ? __classPrivateFieldGet(this, _GxIdeDataSelector_objectsSelectionChangedHandler, "f") : undefined, ref: (el) => (__classPrivateFieldSet(this, _GxIdeDataSelector_chTabularGridObjectsEl, el, "f")) }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").tableHead.name, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").tableHead.dataType, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").tableHead.description, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.auto, class: "tabular-grid-column" })), !gridIsEmpty ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, onDblClick: __classPrivateFieldGet(this, _GxIdeDataSelector_confirmCallbackHandler, "f"), class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.type === "attribute"
+                }, rowSelectionMode: this.selectionType, onKeyDown: __classPrivateFieldGet(this, _GxIdeDataSelector_chGridKeyDownHandler, "f"), part: "ch-grid-objects", onSelectionChanged: this.objects.length ? __classPrivateFieldGet(this, _GxIdeDataSelector_objectsSelectionChangedHandler, "f") : undefined, ref: (el) => (__classPrivateFieldSet(this, _GxIdeDataSelector_chTabularGridObjectsEl, el, "f")) }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").tableHead.name, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").tableHead.dataType, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").tableHead.description, "column-name-position": "text", settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" })), !gridIsEmpty ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, onDblClick: __classPrivateFieldGet(this, _GxIdeDataSelector_confirmCallbackHandler, "f"), class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.type === "attribute"
                     ? "objects/attribute"
                     : "objects-parts/variables", class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.dataType), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, displayLoader ? (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").loader.title, show: true })) : (h("gx-ide-empty-state", { isAnimated: __classPrivateFieldGet(this, _GxIdeDataSelector_animateEmptyState, "f"), stateIconSrc: FILTER_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").emptyState.title })))))));
         });

package/dist/collection/components/data-selector/data-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-selector.js","sourceRoot":"","sources":["../../../src/components/data-selector/data-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @stencil-community/own-props-must-be-private /\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n Method,\n getAssetPath\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\n\n// Best performance bundle\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"components/edit\",\n \"components/tabular-grid\",\n \"components/icon\",\n \"utils/form\",\n \"utils/layout\",\n \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n category: \"window-tools\",\n name: \"filter\",\n colorType: \"on-elevation\"\n});\n\n@Component({\n tag: \"gx-ide-data-selector\",\n styleUrl: \"data-selector.scss\",\n shadow: { delegatesFocus: true },\n assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n #firstGridObjectId: string; // used to select the first item after \"loadItemsCallback\"\n #loadItemsCallbackJustCalled: boolean = false; // used to select the first item after \"loadItemsCallback\"\n\n #componentLocale: any;\n #animateEmptyState: boolean = false;\n #shortcutsSrc = getAssetPath(`./gx-ide-assets/data-selector/shortcuts.json`);\n / References needed to collect data /\n #filterPatternEl!: HTMLChEditElement;\n #filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n #chShortcutsEl: HTMLChShortcutsElement;\n #chTabularGridObjectsEl: HTMLChTabularGridElement;\n\n @Element() el: HTMLGxIdeDataSelectorElement;\n\n /\n True if loadItemsCallback has been called and has not been resolved yet.\n /\n @State() loading: boolean = true;\n\n /\n The objects rendered in the table\n /\n @State() objects: ItemData[] = [];\n\n /\n The selected objects in the table of objects\n /\n @State() selectedObjectsIds: string[] = [];\n\n /\n Callback invoked when the user wishes to cancel the selection of objects.\n /\n @Prop() readonly cancelCallback!: CancelCallback;\n\n /\n Callback invoked when the user presses the 'OK' button\n /\n @Prop() readonly confirmCallback!: ConfirmCallback;\n\n /\n The default value for the module/folder filter\n /\n @Prop() readonly defaultModule: EntityData;\n\n /\n If true it displays the component title on the header\n /\n @Prop() readonly displayTitle = false;\n\n /\n Callback invoked when user presses the edit button. Receives the first\n * selected element id as a parameter.\n /\n @Prop() readonly editCallback!: EditCallback;\n\n /\n Callback invoked when the component needs to reload the list of attributes.\n /\n @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n /\n If true, it will display a loader when needed.\n /\n @Prop() readonly loader = false;\n\n /\n Callback invoked when the user presses the 'New' button.\n /\n @Prop() readonly newVariableCallback!: NewVariableCallback;\n\n /\n Callback invoked when the action is executed in the Object filter. It returns\n * the information of the selected object (id and name) or 'undefined' if it was\n * canceled.\n /\n @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n /\n Single if multiple object selection is not allowed. Default is multiple\n /\n @Prop() readonly selectionType: \"single\" \| \"multiple\" = \"multiple\";\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n connectedCallback() {\n this.#refreshUIWithNewConfiguration();\n }\n\n componentDidLoad() {\n this.#filterPatternEl.focus();\n }\n\n componentDidRender() {\n this.#evaluateFirstRowSelection();\n }\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.#chShortcutsEl.suspend = true;\n } else {\n this.#chShortcutsEl.suspend = false;\n }\n }\n\n /\n Validate necessary data input\n /\n @Method()\n async validate(): Promise<boolean> {\n const isValid = true;\n return isValid;\n }\n\n /\n After items have been loaded and rendered, the first row should be selected.\n */\n #evaluateFirstRowSelection = () => {\n if (this.#loadItemsCallbackJustCalled) {\n this.#chTabularGridObjectsEl.selectRow(this.#firstGridObjectId);\n }\n this.#loadItemsCallbackJustCalled = false;\n };\n\n #chGridKeyDownHandler = (e: KeyboardEvent) => {\n if (e.key === \"Enter\") {\n this.#confirmCallbackHandler(e);\n }\n };\n\n #confirmCallbackHandler = (e: MouseEvent \| KeyboardEvent): void => {\n e.stopPropagation();\n this.confirmCallback(this.selectedObjectsIds);\n };\n\n #editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n e.stopPropagation();\n if (this.selectedObjectsIds[0]) {\n const result = await this.editCallback(this.selectedObjectsIds[0]);\n if (result) {\n this.#refreshUIWithNewConfiguration();\n }\n }\n };\n\n #hostKeyPressHandler = (e: KeyboardEvent) => {\n // TODO : revise why this is necessary\n // just prevent keypress propagation\n if (e.key === \"Enter\") {\n e.stopPropagation();\n }\n };\n\n #objectsSelectionChangedHandler = (\n event: CustomEvent<TabularGridSelectionChangedEvent>\n ) => {\n this.selectedObjectsIds = event.detail.rowsId;\n };\n\n #newVariableCallbackHandler = async () => {\n const response = await this.newVariableCallback();\n if (response) {\n this.#refreshUIWithNewConfiguration();\n }\n };\n #refreshUIWithNewConfiguration = (): void => {\n this.objects = [];\n const filters: FiltersData = {\n pattern: this.#filterPatternEl?.value,\n object: this.#filterObjectEl?.value?.id\n };\n this.loading = true;\n this.loadItemsCallback(filters).then((items: ItemData[]) => {\n if (items.length) {\n this.objects = this.#sortObjectsByName(items);\n this.#firstGridObjectId = this.objects[0].id;\n this.#loadItemsCallbackJustCalled = true;\n }\n this.selectedObjectsIds = [];\n this.loading = false;\n });\n };\n\n #renderFilter = (): Element[] => {\n return [\n <div class=\"header__field-group field-group\">\n <div class=\"field field-block pattern-field\">\n <label class=\"label\" htmlFor=\"filter-pattern\">\n {this.#componentLocale.filter.pattern}\n </label>\n <ch-edit\n autoFocus\n id=\"filter-pattern\"\n name=\"filter-pattern\"\n class=\"form-input pattern-input\"\n part=\"filter-pattern\"\n debounce={config.inputDebounce}\n onInput={this.#refreshUIWithNewConfiguration}\n ref={(el: HTMLChEditElement) =>\n (this.#filterPatternEl = el as HTMLChEditElement)\n }\n ></ch-edit>\n </div>\n <gx-ide-entity-selector\n id=\"object-selector\"\n value={this.defaultModule}\n defaultValue={this.defaultModule}\n selectEntityCallback={this.selectObjectCallback}\n ref={(el: HTMLGxIdeEntitySelectorElement) =>\n (this.#filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n }\n class=\"entity\"\n onValueChanged={this.#refreshUIWithNewConfiguration}\n ></gx-ide-entity-selector>\n </div>\n ];\n };\n\n #renderObjects = (): Element => {\n const gridIsEmpty = !this.objects.length;\n const displayLoader = this.loader && this.loading;\n if (!gridIsEmpty \|\| displayLoader) {\n this.#animateEmptyState = true; // improve performance if is first render\n }\n return (\n <ch-tabular-grid\n class={{\n \"tabular-grid\": true,\n \"empty-result\": this.objects.length === 0,\n \"data\": true\n }}\n rowSelectionMode={this.selectionType}\n onKeyDown={this.#chGridKeyDownHandler}\n part=\"ch-grid-objects\"\n onSelectionChanged={\n this.objects.length ? this.#objectsSelectionChangedHandler : undefined\n }\n ref={(el: HTMLChTabularGridElement) =>\n (this.#chTabularGridObjectsEl = el as HTMLChTabularGridElement)\n }\n >\n <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n <ch-tabular-grid-column\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.maxContent}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n column-name={this.#componentLocale.tableHead.name}\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.maxContent}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n column-name={this.#componentLocale.tableHead.dataType}\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.maxContent}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n column-name={this.#componentLocale.tableHead.description}\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.auto}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n </ch-tabular-grid-columnset>\n\n {!gridIsEmpty ? (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n {this.objects.map((obj: ItemData) => (\n <ch-tabular-grid-row\n rowid={obj.id}\n onDblClick={this.#confirmCallbackHandler}\n class=\"tabular-grid-row\"\n >\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <ch-image\n src={\n obj.type === \"attribute\"\n ? \"objects/attribute\"\n : \"objects-parts/variables\"\n }\n class=\"icon-md\"\n ></ch-image>\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.name}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.dataType}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.description}\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\n ))}\n </ch-tabular-grid-rowset>\n ) : (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n <ch-tabular-grid-rowset-empty>\n {displayLoader ? (\n <gx-ide-loader\n loaderTitle={this.#componentLocale.loader.title}\n show\n ></gx-ide-loader>\n ) : (\n <gx-ide-empty-state\n isAnimated={this.#animateEmptyState}\n stateIconSrc={FILTER_ICON}\n stateTitle={this.#componentLocale.emptyState.title}\n ></gx-ide-empty-state>\n )}\n </ch-tabular-grid-rowset-empty>\n </ch-tabular-grid-rowset>\n )}\n </ch-tabular-grid>\n );\n };\n\n #sortObjectsByName = (objects: ItemData[]): ItemData[] =>\n // TODO (make this a common helper function\n // and use it in other dialog grids that\n // require filter by name).\n objects.sort((a, b) => {\n const nameA = a.name.toLowerCase(),\n nameB = b.name.toLowerCase();\n if (nameA < nameB) {\n return -1;\n }\n if (nameA > nameB) {\n return 1;\n }\n return 0;\n });\n\n render() {\n const newVariableButtonEnabled = !this.loading;\n const editButtonEnabled = !this.loading && this.selectedObjectsIds.length;\n const cancelButtonEnabled = this.loading;\n const okButtonEnabled = !this.loading;\n\n return (\n <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ch-shortcuts\n src={this.#shortcutsSrc}\n ref={(el: HTMLChShortcutsElement) =>\n (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n }\n ></ch-shortcuts>\n\n <section class=\"section\">\n <header class=\"header control-header-with-border spacing-body-block-start spacing-body-inline\">\n {this.#renderFilter()}\n </header>\n {this.#renderObjects()}\n <footer class=\"footer control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n <div class=\"buttons-spacer\">\n <button\n // New Variable Button\n class=\"button-secondary\"\n disabled={!newVariableButtonEnabled}\n part=\"button button-new\"\n type=\"button\"\n onClick={this.#newVariableCallbackHandler}\n >\n {this.#componentLocale.footer.btnNew}\n </button>\n <button\n // Edit Button\n class=\"button-secondary\"\n disabled={!editButtonEnabled}\n part=\"button button-edit\"\n type=\"button\"\n onClick={editButtonEnabled && this.#editCallbackHandler}\n >\n {this.#componentLocale.footer.btnEdit}\n </button>\n </div>\n\n <div class=\"buttons-spacer\">\n <button\n // Cancel Button\n class=\"button-secondary\"\n part=\"button button-cancel\"\n disabled={!cancelButtonEnabled}\n type=\"button\"\n onClick={cancelButtonEnabled && this.cancelCallback}\n >\n {this.#componentLocale.footer.btnCancel}\n </button>\n <button\n // Confirm Button\n class=\"button-primary\"\n part=\"button button-ok\"\n disabled={!okButtonEnabled}\n type=\"button\"\n onClick={okButtonEnabled && this.#confirmCallbackHandler}\n >\n {this.#componentLocale.footer.btnConfirm}\n </button>\n </div>\n </footer>\n </section>\n </Host>\n );\n }\n}\n\nexport type NewVariableCallback = () => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData \| undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean>;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n pattern?: string;\n object?: string;\n};\n\nexport type ItemData = {\n type: ItemType;\n id: string;\n name: string;\n dataType: string;\n description: string;\n};\n\nexport type ItemType = \"variable\" \| \"attribute\";\n"]}
1	+ {"version":3,"file":"data-selector.js","sourceRoot":"","sources":["../../../src/components/data-selector/data-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @stencil-community/own-props-must-be-private /\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n Method,\n getAssetPath\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\n\n// Best performance bundle\nconst CSS_BUNDLES: MercuryBundles = [\n \"resets/box-sizing\",\n \"components/button\",\n \"components/edit\",\n \"components/tabular-grid\",\n \"components/icon\",\n \"utils/form\",\n \"utils/layout\",\n \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n category: \"window-tools\",\n name: \"filter\",\n colorType: \"on-elevation\"\n});\n\n@Component({\n tag: \"gx-ide-data-selector\",\n styleUrl: \"data-selector.scss\",\n shadow: { delegatesFocus: true },\n assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n #firstGridObjectId: string; // used to select the first item after \"loadItemsCallback\"\n #loadItemsCallbackJustCalled: boolean = false; // used to select the first item after \"loadItemsCallback\"\n\n #componentLocale: any;\n #animateEmptyState: boolean = false;\n #shortcutsSrc = getAssetPath(`./gx-ide-assets/data-selector/shortcuts.json`);\n / References needed to collect data /\n #filterPatternEl!: HTMLChEditElement;\n #filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n #chShortcutsEl: HTMLChShortcutsElement;\n #chTabularGridObjectsEl: HTMLChTabularGridElement;\n\n @Element() el: HTMLGxIdeDataSelectorElement;\n\n /\n True if loadItemsCallback has been called and has not been resolved yet.\n /\n @State() loading: boolean = true;\n\n /\n The objects rendered in the table\n /\n @State() objects: ItemData[] = [];\n\n /\n The selected objects in the table of objects\n /\n @State() selectedObjectsIds: string[] = [];\n\n /\n Callback invoked when the user wishes to cancel the selection of objects.\n /\n @Prop() readonly cancelCallback!: CancelCallback;\n\n /\n Callback invoked when the user presses the 'OK' button\n /\n @Prop() readonly confirmCallback!: ConfirmCallback;\n\n /\n The default value for the module/folder filter\n /\n @Prop() readonly defaultModule: EntityData;\n\n /\n If true it displays the component title on the header\n /\n @Prop() readonly displayTitle = false;\n\n /\n Callback invoked when user presses the edit button. Receives the first\n * selected element id as a parameter.\n /\n @Prop() readonly editCallback!: EditCallback;\n\n /\n Callback invoked when the component needs to reload the list of attributes.\n /\n @Prop() readonly loadItemsCallback!: LoadItemsCallback;\n\n /\n If true, it will display a loader when needed.\n /\n @Prop() readonly loader = false;\n\n /\n Callback invoked when the user presses the 'New' button.\n /\n @Prop() readonly newVariableCallback!: NewVariableCallback;\n\n /\n Callback invoked when the action is executed in the Object filter. It returns\n * the information of the selected object (id and name) or 'undefined' if it was\n * canceled.\n /\n @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n /\n Single if multiple object selection is not allowed. Default is multiple\n /\n @Prop() readonly selectionType: \"single\" \| \"multiple\" = \"multiple\";\n\n async componentWillLoad() {\n this.#componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n connectedCallback() {\n this.#refreshUIWithNewConfiguration();\n }\n\n componentDidLoad() {\n this.#filterPatternEl.focus();\n }\n\n componentDidRender() {\n this.#evaluateFirstRowSelection();\n }\n\n /\n Suspends or reactivates the shortcuts\n /\n @Method()\n async suspendShortcuts(suspendShortcuts: boolean) {\n if (suspendShortcuts) {\n this.#chShortcutsEl.suspend = true;\n } else {\n this.#chShortcutsEl.suspend = false;\n }\n }\n\n /\n Validate necessary data input\n /\n @Method()\n async validate(): Promise<boolean> {\n const isValid = true;\n return isValid;\n }\n\n /\n After items have been loaded and rendered, the first row should be selected.\n */\n #evaluateFirstRowSelection = () => {\n if (this.#loadItemsCallbackJustCalled) {\n this.#chTabularGridObjectsEl.selectRow(this.#firstGridObjectId);\n }\n this.#loadItemsCallbackJustCalled = false;\n };\n\n #chGridKeyDownHandler = (e: KeyboardEvent) => {\n if (e.key === \"Enter\") {\n this.#confirmCallbackHandler(e);\n }\n };\n\n #confirmCallbackHandler = (e: MouseEvent \| KeyboardEvent): void => {\n e.stopPropagation();\n this.confirmCallback(this.selectedObjectsIds);\n };\n\n #editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n e.stopPropagation();\n if (this.selectedObjectsIds[0]) {\n const result = await this.editCallback(this.selectedObjectsIds[0]);\n if (result) {\n this.#refreshUIWithNewConfiguration();\n }\n }\n };\n\n #hostKeyPressHandler = (e: KeyboardEvent) => {\n // TODO : revise why this is necessary\n // just prevent keypress propagation\n if (e.key === \"Enter\") {\n e.stopPropagation();\n }\n };\n\n #objectsSelectionChangedHandler = (\n event: CustomEvent<TabularGridSelectionChangedEvent>\n ) => {\n this.selectedObjectsIds = event.detail.rowsId;\n };\n\n #newVariableCallbackHandler = async () => {\n const response = await this.newVariableCallback();\n if (response) {\n this.#refreshUIWithNewConfiguration();\n }\n };\n #refreshUIWithNewConfiguration = (): void => {\n this.objects = [];\n const filters: FiltersData = {\n pattern: this.#filterPatternEl?.value,\n object: this.#filterObjectEl?.value?.id\n };\n this.loading = true;\n this.loadItemsCallback(filters).then((items: ItemData[]) => {\n if (items.length) {\n this.objects = this.#sortObjectsByName(items);\n this.#firstGridObjectId = this.objects[0].id;\n this.#loadItemsCallbackJustCalled = true;\n }\n this.selectedObjectsIds = [];\n this.loading = false;\n });\n };\n\n #renderFilter = (): Element[] => {\n return [\n <div class=\"header__field-group field-group\">\n <div class=\"field field-block pattern-field\">\n <label class=\"label\" htmlFor=\"filter-pattern\">\n {this.#componentLocale.filter.pattern}\n </label>\n <ch-edit\n autoFocus\n id=\"filter-pattern\"\n name=\"filter-pattern\"\n class=\"form-input pattern-input\"\n part=\"filter-pattern\"\n debounce={config.inputDebounce}\n onInput={this.#refreshUIWithNewConfiguration}\n ref={(el: HTMLChEditElement) =>\n (this.#filterPatternEl = el as HTMLChEditElement)\n }\n ></ch-edit>\n </div>\n <gx-ide-entity-selector\n id=\"object-selector\"\n value={this.defaultModule}\n defaultValue={this.defaultModule}\n selectEntityCallback={this.selectObjectCallback}\n ref={(el: HTMLGxIdeEntitySelectorElement) =>\n (this.#filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n }\n class=\"entity\"\n onValueChanged={this.#refreshUIWithNewConfiguration}\n ></gx-ide-entity-selector>\n </div>\n ];\n };\n\n #renderObjects = (): Element => {\n const gridIsEmpty = !this.objects.length;\n const displayLoader = this.loader && this.loading;\n if (!gridIsEmpty \|\| displayLoader) {\n this.#animateEmptyState = true; // improve performance if is first render\n }\n return (\n <ch-tabular-grid\n class={{\n \"tabular-grid\": true,\n \"empty-result\": this.objects.length === 0,\n \"data\": true\n }}\n rowSelectionMode={this.selectionType}\n onKeyDown={this.#chGridKeyDownHandler}\n part=\"ch-grid-objects\"\n onSelectionChanged={\n this.objects.length ? this.#objectsSelectionChangedHandler : undefined\n }\n ref={(el: HTMLChTabularGridElement) =>\n (this.#chTabularGridObjectsEl = el as HTMLChTabularGridElement)\n }\n >\n <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n <ch-tabular-grid-column\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.maxContent}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n column-name={this.#componentLocale.tableHead.name}\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.common}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n column-name={this.#componentLocale.tableHead.dataType}\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.common}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n <ch-tabular-grid-column\n column-name={this.#componentLocale.tableHead.description}\n column-name-position=\"text\"\n settingable={false}\n size={config.tabularGrid.colSize.common}\n class=\"tabular-grid-column\"\n ></ch-tabular-grid-column>\n </ch-tabular-grid-columnset>\n\n {!gridIsEmpty ? (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n {this.objects.map((obj: ItemData) => (\n <ch-tabular-grid-row\n rowid={obj.id}\n onDblClick={this.#confirmCallbackHandler}\n class=\"tabular-grid-row\"\n >\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n <ch-image\n src={\n obj.type === \"attribute\"\n ? \"objects/attribute\"\n : \"objects-parts/variables\"\n }\n class=\"icon-md\"\n ></ch-image>\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.name}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.dataType}\n </ch-tabular-grid-cell>\n <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n {obj.description}\n </ch-tabular-grid-cell>\n </ch-tabular-grid-row>\n ))}\n </ch-tabular-grid-rowset>\n ) : (\n <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n <ch-tabular-grid-rowset-empty>\n {displayLoader ? (\n <gx-ide-loader\n loaderTitle={this.#componentLocale.loader.title}\n show\n ></gx-ide-loader>\n ) : (\n <gx-ide-empty-state\n isAnimated={this.#animateEmptyState}\n stateIconSrc={FILTER_ICON}\n stateTitle={this.#componentLocale.emptyState.title}\n ></gx-ide-empty-state>\n )}\n </ch-tabular-grid-rowset-empty>\n </ch-tabular-grid-rowset>\n )}\n </ch-tabular-grid>\n );\n };\n\n #sortObjectsByName = (objects: ItemData[]): ItemData[] =>\n // TODO (make this a common helper function\n // and use it in other dialog grids that\n // require filter by name).\n objects.sort((a, b) => {\n const nameA = a.name.toLowerCase(),\n nameB = b.name.toLowerCase();\n if (nameA < nameB) {\n return -1;\n }\n if (nameA > nameB) {\n return 1;\n }\n return 0;\n });\n\n render() {\n const newVariableButtonEnabled = !this.loading;\n const editButtonEnabled = !this.loading && this.selectedObjectsIds.length;\n const cancelButtonEnabled = this.loading;\n const okButtonEnabled = !this.loading;\n\n return (\n <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n <ch-theme model={CSS_BUNDLES}></ch-theme>\n <ch-shortcuts\n src={this.#shortcutsSrc}\n ref={(el: HTMLChShortcutsElement) =>\n (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n }\n ></ch-shortcuts>\n\n <section class=\"section\">\n <header class=\"header control-header-with-border spacing-body-block-start spacing-body-inline\">\n {this.#renderFilter()}\n </header>\n {this.#renderObjects()}\n <footer class=\"footer control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n <div class=\"buttons-spacer\">\n <button\n // New Variable Button\n class=\"button-secondary\"\n disabled={!newVariableButtonEnabled}\n part=\"button button-new\"\n type=\"button\"\n onClick={this.#newVariableCallbackHandler}\n >\n {this.#componentLocale.footer.btnNew}\n </button>\n <button\n // Edit Button\n class=\"button-secondary\"\n disabled={!editButtonEnabled}\n part=\"button button-edit\"\n type=\"button\"\n onClick={editButtonEnabled && this.#editCallbackHandler}\n >\n {this.#componentLocale.footer.btnEdit}\n </button>\n </div>\n\n <div class=\"buttons-spacer\">\n <button\n // Cancel Button\n class=\"button-secondary\"\n part=\"button button-cancel\"\n disabled={!cancelButtonEnabled}\n type=\"button\"\n onClick={cancelButtonEnabled && this.cancelCallback}\n >\n {this.#componentLocale.footer.btnCancel}\n </button>\n <button\n // Confirm Button\n class=\"button-primary\"\n part=\"button button-ok\"\n disabled={!okButtonEnabled}\n type=\"button\"\n onClick={okButtonEnabled && this.#confirmCallbackHandler}\n >\n {this.#componentLocale.footer.btnConfirm}\n </button>\n </div>\n </footer>\n </section>\n </Host>\n );\n }\n}\n\nexport type NewVariableCallback = () => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData \| undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean>;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n pattern?: string;\n object?: string;\n};\n\nexport type ItemData = {\n type: ItemType;\n id: string;\n name: string;\n dataType: string;\n description: string;\n};\n\nexport type ItemType = \"variable\" \| \"attribute\";\n"]}

package/dist/collection/components/design-import/design-import.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/gam-installation-settings/gam-installation-settings.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/kb-manager-import/kb-manager-import.css CHANGED Viewed

@@ -1553,6 +1553,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/edit-module-server/edit-module-server.css CHANGED Viewed

@@ -375,6 +375,9 @@ New classes for Chameleon + Mercury
   display: contents;
 }
+/* - - - - - - - - - - - - - - - - - - -
+Old classes (Gemini) to be removed soon
+- - - - - - - - - - - - - - - - - - - */
 /* - - - - - - - - - - - - - - - - - - -
 Old classes (Gemini) to be removed soon
 - - - - - - - - - - - - - - - - - - - */