@genexus/genexus-ide-ui 1.0.73 → 1.0.75

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */
@@ -593,14 +580,6 @@ New : For Mercury
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 :host {
   display: block;
   /*data mappings*/
@@ -632,6 +611,8 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   --control__border-radius: 0;
   padding-block: 0;
   padding-inline: 0;
+  padding-block: 0;
+  padding-inline: 0;
   --control__padding-inline: var(--grid-cell__padding-inline);
   display: grid;
   align-items: stretch;

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/bpm/sync-gam-roles/bpm-sync-gam-roles.css

@@ -0,0 +1,6 @@
+:host {
+  display: grid;
+  block-size: 100%;
+  overflow: hidden;
+  grid-template-rows: 1fr max-content;
+}

package/dist/collection/components/bpm/sync-gam-roles/bpm-sync-gam-roles.js

@@ -0,0 +1,167 @@
+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 _GxIdeBpmSyncGamRoles__componentLocale, _GxIdeBpmSyncGamRoles_shortcutsSrc, _GxIdeBpmSyncGamRoles_synchronizationTypes, _GxIdeBpmSyncGamRoles_automaticBackupCheckBoxEl, _GxIdeBpmSyncGamRoles_chShortcutsEl, _GxIdeBpmSyncGamRoles_synchTypeComboBoxEl, _GxIdeBpmSyncGamRoles_cancelButtonHandler, _GxIdeBpmSyncGamRoles_okButtonHandler, _GxIdeBpmSyncGamRoles_renderFooter;
+import { Host, h, getAssetPath } from "@stencil/core";
+import { Locale } from "../../../common/locale";
+import { mapTypesToComboBoxItemModel } from "./helpers";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tooltip",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+export class GxIdeBpmSyncGamRoles {
+    constructor() {
+        _GxIdeBpmSyncGamRoles__componentLocale.set(this, void 0);
+        _GxIdeBpmSyncGamRoles_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/bpm-sync-gam-roles/shortcuts.json`));
+        _GxIdeBpmSyncGamRoles_synchronizationTypes.set(this, []);
+        _GxIdeBpmSyncGamRoles_automaticBackupCheckBoxEl.set(this, void 0);
+        _GxIdeBpmSyncGamRoles_chShortcutsEl.set(this, void 0);
+        _GxIdeBpmSyncGamRoles_synchTypeComboBoxEl.set(this, void 0);
+        _GxIdeBpmSyncGamRoles_cancelButtonHandler.set(this, () => {
+            if (this.cancelCallback) {
+                this.cancelCallback();
+            }
+        });
+        _GxIdeBpmSyncGamRoles_okButtonHandler.set(this, async () => {
+            var _a;
+            if (this.saveCallback) {
+                const syncData = {
+                    automaticBackup: !!((_a = __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_automaticBackupCheckBoxEl, "f")) === null || _a === void 0 ? void 0 : _a.value),
+                    syncType: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_synchTypeComboBoxEl, "f").value
+                };
+                await this.saveCallback(syncData);
+            }
+        });
+        _GxIdeBpmSyncGamRoles_renderFooter.set(this, () => {
+            return (h("footer", { class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_cancelButtonHandler, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles__componentLocale, "f").footer.cancelButtonText), h("button", { class: "button-primary", id: "button-create", onClick: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_okButtonHandler, "f"), part: "button-ok" }, __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles__componentLocale, "f").footer.okButtonText))));
+        });
+        this.cancelCallback = undefined;
+        this.saveCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeBpmSyncGamRoles__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeBpmSyncGamRoles_synchronizationTypes, mapTypesToComboBoxItemModel(__classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles__componentLocale, "f").main.synchronizationTypeOptions), "f");
+    }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_chShortcutsEl, "f").suspend = false;
+        }
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeBpmSyncGamRoles_chShortcutsEl, el, "f")) }), h("section", { class: "section spacing-body" }, h("div", { class: "main field-group" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "synch-type" }, __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles__componentLocale, "f").main.synchronizationTypeLabel), h("ch-combo-box-render", { accessibleName: "Synchronization types", class: "combo-box", id: "synch-type", value: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_synchronizationTypes, "f")[0].caption, model: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_synchronizationTypes, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeBpmSyncGamRoles_synchTypeComboBoxEl, el, "f")) })), h("ch-checkbox", { class: "checkbox", caption: __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles__componentLocale, "f").main.checkBoxLabel, checkedValue: "true", ref: (el) => (__classPrivateFieldSet(this, _GxIdeBpmSyncGamRoles_automaticBackupCheckBoxEl, el, "f")) }))), __classPrivateFieldGet(this, _GxIdeBpmSyncGamRoles_renderFooter, "f").call(this)));
+    }
+    static get is() { return "gx-ide-bpm-sync-gam-roles"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bpm-sync-gam-roles.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bpm-sync-gam-roles.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/bpm-sync-gam-roles"]; }
+    static get properties() {
+        return {
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user press the 'Cancel' button"
+                }
+            },
+            "saveCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(syncData: SyncData) => Promise<boolean>",
+                    "resolved": "(syncData: SyncData) => Promise<boolean>",
+                    "references": {
+                        "SyncData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.tsx",
+                            "id": "src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.tsx::SyncData"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user press the 'Ok' button"
+                }
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeBpmSyncGamRoles__componentLocale = new WeakMap(), _GxIdeBpmSyncGamRoles_shortcutsSrc = new WeakMap(), _GxIdeBpmSyncGamRoles_synchronizationTypes = new WeakMap(), _GxIdeBpmSyncGamRoles_automaticBackupCheckBoxEl = new WeakMap(), _GxIdeBpmSyncGamRoles_chShortcutsEl = new WeakMap(), _GxIdeBpmSyncGamRoles_synchTypeComboBoxEl = new WeakMap(), _GxIdeBpmSyncGamRoles_cancelButtonHandler = new WeakMap(), _GxIdeBpmSyncGamRoles_okButtonHandler = new WeakMap(), _GxIdeBpmSyncGamRoles_renderFooter = new WeakMap();
+//# sourceMappingURL=bpm-sync-gam-roles.js.map

package/dist/collection/components/bpm/sync-gam-roles/bpm-sync-gam-roles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpm-sync-gam-roles.js","sourceRoot":"","sources":["../../../../src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Element,\n  getAssetPath,\n  Method,\n  Prop\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { mapTypesToComboBoxItemModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-bpm-sync-gam-roles\",\n  styleUrl: \"bpm-sync-gam-roles.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-sync-gam-roles\"]\n})\nexport class GxIdeBpmSyncGamRoles {\n  #_componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/bpm-sync-gam-roles/shortcuts.json`\n  );\n  #synchronizationTypes: ComboBoxItemModel[] = [];\n\n  @Element() el: HTMLGxIdeBpmSyncGamRolesElement;\n  #automaticBackupCheckBoxEl: HTMLChCheckboxElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #synchTypeComboBoxEl: HTMLChComboBoxRenderElement;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#synchronizationTypes = mapTypesToComboBoxItemModel(\n      this.#_componentLocale.main.synchronizationTypeOptions\n    );\n  }\n\n  /**\n   * Callback invoked when the user press the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback invoked when the user press the 'Ok' button\n   */\n  @Prop() readonly saveCallback: (syncData: SyncData) => Promise<boolean>;\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  #cancelButtonHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n  #okButtonHandler = async () => {\n    if (this.saveCallback) {\n      const syncData: SyncData = {\n        automaticBackup: !!this.#automaticBackupCheckBoxEl?.value,\n        syncType: this.#synchTypeComboBoxEl.value as SyncType\n      };\n\n      await this.saveCallback(syncData);\n    }\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            id=\"button-cancel\"\n            onClick={this.#cancelButtonHandler}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancelButtonText}\n          </button>\n          <button\n            class=\"button-primary\"\n            id=\"button-create\"\n            onClick={this.#okButtonHandler}\n            part=\"button-ok\"\n          >\n            {this.#_componentLocale.footer.okButtonText}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render() {\n    return (\n      <Host 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        <section class=\"section spacing-body\">\n          <div class=\"main field-group\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"synch-type\">\n                {this.#_componentLocale.main.synchronizationTypeLabel}\n              </label>\n              <ch-combo-box-render\n                accessibleName=\"Synchronization types\"\n                class=\"combo-box\"\n                id=\"synch-type\"\n                value={this.#synchronizationTypes[0].caption}\n                model={this.#synchronizationTypes}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#synchTypeComboBoxEl =\n                    el as HTMLChComboBoxRenderElement)\n                }\n              ></ch-combo-box-render>\n            </div>\n\n            <ch-checkbox\n              class=\"checkbox\"\n              caption={this.#_componentLocale.main.checkBoxLabel}\n              checkedValue=\"true\"\n              ref={(el: HTMLChCheckboxElement) =>\n                (this.#automaticBackupCheckBoxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </div>\n        </section>\n        {this.#renderFooter()}\n      </Host>\n    );\n  }\n}\n\nexport type SyncType = \"From GAM\" | \"To GAM\" | \"Both\";\n\nexport type SyncData = {\n  syncType: SyncType;\n  automaticBackup: boolean;\n};\n"]}

package/dist/collection/components/bpm/sync-gam-roles/gx-ide-assets/bpm-sync-gam-roles/langs/bpm-sync-gam-roles.lang.en.json

@@ -0,0 +1,18 @@
+{
+  "main": {
+    "synchronizationTypeLabel": "Synchronization type",
+    "synchronizationTypeOptions": [
+      { "value": "fromGam", "caption": "From GAM" },
+      {
+        "value": "toGam",
+        "caption": "To GAM"
+      },
+      { "value": "both", "caption": "Both" }
+    ],
+    "checkBoxLabel": "Automatic backup"
+  },
+  "footer": {
+    "okButtonText": "OK",
+    "cancelButtonText": "Cancel"
+  }
+}

package/dist/collection/components/bpm/sync-gam-roles/gx-ide-assets/bpm-sync-gam-roles/langs/bpm-sync-gam-roles.lang.ja.json

@@ -0,0 +1,18 @@
+{
+  "main": {
+    "synchronizationTypeLabel": "",
+    "synchronizationTypeOptions": [
+      { "value": "", "caption": "" },
+      {
+        "value": "",
+        "caption": ""
+      },
+      { "value": "", "caption": "" }
+    ],
+    "checkBoxLabel": ""
+  },
+  "footer": {
+    "okButtonText": "",
+    "cancelButtonText": ""
+  }
+}

package/dist/collection/components/bpm/sync-gam-roles/gx-ide-assets/bpm-sync-gam-roles/langs/bpm-sync-gam-roles.lang.zh.json

@@ -0,0 +1,18 @@
+{
+  "main": {
+    "synchronizationTypeLabel": "",
+    "synchronizationTypeOptions": [
+      { "value": "", "caption": "" },
+      {
+        "value": "",
+        "caption": ""
+      },
+      { "value": "", "caption": "" }
+    ],
+    "checkBoxLabel": ""
+  },
+  "footer": {
+    "okButtonText": "",
+    "cancelButtonText": ""
+  }
+}

package/dist/collection/components/bpm/sync-gam-roles/gx-ide-assets/bpm-sync-gam-roles/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part='button-ok']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='button-cancel']"
+    }
+  },
+  {
+    "selector": "[part='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/bpm/sync-gam-roles/helpers.js

@@ -0,0 +1,12 @@
+export const mapTypesToComboBoxItemModel = (synchronizationTypes) => {
+    const syncTypes = [];
+    synchronizationTypes.forEach(synchronizationType => {
+        const newSynchType = {
+            value: synchronizationType.value,
+            caption: synchronizationType.caption
+        };
+        syncTypes.push(newSynchType);
+    });
+    return syncTypes;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/bpm/sync-gam-roles/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/bpm/sync-gam-roles/helpers.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,oBAA2B,EACN,EAAE;IACvB,MAAM,SAAS,GAAwB,EAAE,CAAC;IAE1C,oBAAoB,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE;QACjD,MAAM,YAAY,GAAsB;YACtC,KAAK,EAAE,mBAAmB,CAAC,KAAK;YAChC,OAAO,EAAE,mBAAmB,CAAC,OAAO;SACrC,CAAC;QACF,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\nexport const mapTypesToComboBoxItemModel = (\n  synchronizationTypes: any[]\n): ComboBoxItemModel[] => {\n  const syncTypes: ComboBoxItemModel[] = [];\n\n  synchronizationTypes.forEach(synchronizationType => {\n    const newSynchType: ComboBoxItemModel = {\n      value: synchronizationType.value,\n      caption: synchronizationType.caption\n    };\n    syncTypes.push(newSynchType);\n  });\n  return syncTypes;\n};\n"]}

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/current-user-info/current-user-info.css

@@ -1,11 +1,8 @@
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
+/*Gx Ide*/
+/*@container queries*/
+/* hiChar styles
+Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
+*/
 :host {
   display: inline-grid;
   justify-items: end;

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

@@ -628,19 +628,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -1,11 +1,3 @@
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 :host {
   display: grid;
   grid-template-rows: max-content 1fr max-content;

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

@@ -3,14 +3,6 @@
 /* hiChar styles
 Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
 */
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 :host {
   display: grid;
   block-size: 100%;

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

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

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/manage-module-references/manage-module-references.css

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */

package/dist/collection/components/modules/manage-module-references-v2/manage-module-references.css

@@ -313,19 +313,6 @@ FORM ELEMENTS
   background: rgba(0, 0, 0, 0);
 }
 
-/*Gx Ide*/
-/*@container queries*/
-/* hiChar styles
-Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
-*/
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 /* - - - - - - - - - - - - - - - - -
 New classes for Chameleon + Mercury
 - - - - - - - - - - - - - - - - - */