@genexus/genexus-ide-ui 2.1.2 → 2.1.4

package/dist/genexus-ide-ui/{p-f61bde09.entry.js → p-af267991.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, c as t, g as i, h as s, H as o, a } from "./p-9b9ccd0c.js";
+import { r as e, c as t, g as i, h as o, H as s, a } from "./p-9b9ccd0c.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -30,19 +30,19 @@ const convertActionToTreeViewItem = e => {
   return t;
 };
 
-const l = 'section{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.main{position:relative;display:contents}.input-file{display:flex}.field{width:100%}.dialog-header__operations,.dialog-header__description{padding-block-start:16px}.header__field-group{grid-template:"import-file-label import-file-name buttons-container" max-content "module-folder-label module-folder module-folder" max-content/max-content 1fr max-content}.module-folder-name{grid-area:module-folder}.module-folder-label{grid-area:module-folder-label}.import-file-label{grid-area:import-file-label}.header__buttons-container{grid-area:buttons-container}.section-grid{display:grid;grid-template:"top-content-operations top-content-description" max-content "operations-area operations-description" 1fr/1fr 1fr;background-color:var(--items-container__bg-color);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-color:var(--items-container__border-color);border-block-start:0;overflow-y:auto}.list-wrapper{grid-area:operations-area;border-inline-end:var(--section-common-border)}.label{margin-block-start:8px !important}.tree-operations::part(item__header){padding-inline-start:0}.procedure-description{grid-area:operations-description;overflow:auto;text-align:justify}.dialog-header__operations{grid-area:top-content-operations;background-color:var(--items-container__bg-color)}.dialog-header__description{grid-area:top-content-description;background-color:var(--items-container__bg-color)}.text-align-center{text-align:center}';
+const l = 'button.button-secondary{border-color:var(--color-border-neutral-default)}section{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.main{position:relative;display:contents}.input-file{display:flex}.field{width:100%}.dialog-header__operations,.dialog-header__description{padding-block-start:16px}.header__field-group{grid-template:"import-file-label import-file-name buttons-container" max-content "module-folder-label module-folder module-folder" max-content/max-content 1fr max-content}.module-folder-name{grid-area:module-folder}.module-folder-label{grid-area:module-folder-label}.import-file-label{grid-area:import-file-label}.header__buttons-container{grid-area:buttons-container}.section-grid{display:grid;grid-template:"top-content-operations top-content-description" max-content "operations-area operations-description" 1fr/1fr 1fr;background-color:var(--items-container__bg-color);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-color:var(--items-container__border-color);border-block-start:0;overflow-y:auto}.list-wrapper{grid-area:operations-area;border-inline-end:var(--section-common-border)}.label{margin-block-start:8px !important}.tree-operations::part(item__header){padding-inline-start:0}.procedure-description{grid-area:operations-description;overflow:auto;text-align:justify}.dialog-header__operations{grid-area:top-content-operations;background-color:var(--items-container__bg-color)}.dialog-header__description{grid-area:top-content-description;background-color:var(--items-container__bg-color)}.text-align-center{text-align:center}';
 
-var d = undefined && undefined.__classPrivateFieldGet || function(e, t, i, s) {
-  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? s : i === "a" ? s.call(e) : s ? s.value : t.get(e);
+var d = undefined && undefined.__classPrivateFieldGet || function(e, t, i, o) {
+  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? o : i === "a" ? o.call(e) : o ? o.value : t.get(e);
 };
 
-var c = undefined && undefined.__classPrivateFieldSet || function(e, t, i, s, o) {
-  if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? o.call(e, i) : o ? o.value = i : t.set(e, i), i;
+var c = undefined && undefined.__classPrivateFieldSet || function(e, t, i, o, s) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
 };
 
 var h, p, f, u, b, m, g, v, w, y, k, _, x, W, M, C;
@@ -66,8 +66,8 @@ const I = "allChecked";
 const P = "allUnchecked";
 
 const D = class {
-  constructor(o) {
-    e(this, o);
+  constructor(s) {
+    e(this, s);
     this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
     h.set(this, void 0);
     p.set(this, false);
@@ -143,11 +143,11 @@ const D = class {
     }));
     C.set(this, (() => {
       var e;
-      return s("footer", {
+      return o("footer", {
         class: "dialog-footer dialog-footer-space-between spacing-body-block-end spacing-body-inline"
-      }, s("div", {
+      }, o("div", {
         class: "buttons-spacer"
-      }, s("ch-checkbox", {
+      }, o("ch-checkbox", {
         id: "select-all-checkbox",
         class: "checkbox",
         checkedValue: I,
@@ -158,14 +158,14 @@ const D = class {
         onInput: d(this, k, "f"),
         disabled: this.importingIsInProcess || !((e = this.operations) === null || e === void 0 ? void 0 : e.length),
         part: "select-all-checkbox"
-      })), s("div", {
+      })), o("div", {
         class: "buttons-spacer"
-      }, s("button", {
+      }, o("button", {
         class: "button-secondary",
         slot: "footer-end",
         part: "button-cancel",
         onClick: d(this, v, "f")
-      }, d(this, h, "f").footer.cancel), s("button", {
+      }, d(this, h, "f").footer.cancel), o("button", {
         class: "button-primary",
         slot: "footer-end",
         part: "button-confirm",
@@ -207,30 +207,30 @@ const D = class {
   }
   render() {
     var e;
-    return s(o, {
+    return o(s, {
       class: "widget"
-    }, s("ch-theme", {
+    }, o("ch-theme", {
       model: j
-    }), s("ch-shortcuts", {
+    }), o("ch-shortcuts", {
       src: d(this, f, "f"),
       ref: e => c(this, u, e, "f")
-    }), s("section", null, s("header", {
+    }), o("section", null, o("header", {
       class: "header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start",
       role: "banner"
-    }, s("div", {
+    }, o("div", {
       class: "field-group header__field-group"
-    }, s("div", {
+    }, o("div", {
       class: "import-file-label"
-    }, s("div", {
+    }, o("div", {
       class: "field field-block"
-    }, s("label", {
+    }, o("label", {
       class: "label",
       htmlFor: "file-name"
-    }, d(this, h, "f").header.fileNameLabel))), s("div", {
+    }, d(this, h, "f").header.fileNameLabel))), o("div", {
       class: "input-file"
-    }, s("div", {
+    }, o("div", {
       class: "field input-file"
-    }, s("ch-edit", {
+    }, o("ch-edit", {
       autoFocus: true,
       id: "file-name",
       class: "input file",
@@ -240,69 +240,69 @@ const D = class {
       value: (e = this.selectedFile) === null || e === void 0 ? void 0 : e.name,
       placeholder: d(this, h, "f").header.fileNamePlaceholder,
       startImgSrc: T
-    }), s("input", {
+    }), o("input", {
       hidden: true,
       type: "file",
       accept: ".json, .yaml",
       onChange: d(this, W, "f"),
       ref: e => c(this, b, e, "f")
-    })), s("div", {
+    })), o("div", {
       class: "cancel-btn "
-    }, s("button", {
+    }, o("button", {
       "aria-label": d(this, h, "f").header.removeFileSelection,
       title: d(this, h, "f").header.removeFileSelection,
       id: "reset-all-button",
       class: "button-tertiary button-icon-only",
       part: "reset-all-button",
       onClick: d(this, x, "f")
-    }, s("ch-image", {
+    }, o("ch-image", {
       class: "icon-m",
       src: E
-    })))), s("div", {
+    })))), o("div", {
       class: "header__buttons-container"
-    }, s("button", {
+    }, o("button", {
       id: "select-file-load-button",
       class: "button-primary",
       part: "select-file-load-button",
       onClick: d(this, M, "f"),
       disabled: this.importingIsInProcess
-    }, d(this, h, "f").header.selectFileButton)), s("div", {
+    }, d(this, h, "f").header.selectFileButton)), o("div", {
       class: "module-folder-label"
-    }, s("div", {
+    }, o("div", {
       class: "field field-block"
-    }, s("label", {
+    }, o("label", {
       class: "label"
-    }, d(this, h, "f").header.moduleFolderLabel))), s("div", {
+    }, d(this, h, "f").header.moduleFolderLabel))), o("div", {
       class: "field module-folder-name "
-    }, s("gx-ide-entity-selector", {
+    }, o("gx-ide-entity-selector", {
       value: this.defaultParent,
       defaultValue: this.defaultParent,
       selectEntityCallback: this.selectParentCallback,
       labelPosition: "none",
       ref: e => c(this, m, e, "f"),
       class: "module-folder"
-    })))), s("main", {
+    })))), o("main", {
       class: "main"
-    }, s("div", {
+    }, o("div", {
       class: "section-grid"
-    }, s("h2", {
+    }, o("h2", {
       id: "operations-title",
       class: "dialog-header dialog-header-with-border dialog-header__operations subtitle-regular-xs text-align-center spacing-body-inline"
-    }, d(this, h, "f").main.operations), s("div", {
+    }, d(this, h, "f").main.operations), o("div", {
       class: "list-wrapper field-group spacing-body-block-start spacing-body-inline scrollable",
       role: "region",
       "aria-labelledby": "operations-title"
-    }, s("ch-tree-view-render", {
+    }, o("ch-tree-view-render", {
       class: "tree-view tree-operations",
       model: this.actionListItems,
       "show-lines": "last",
       onCheckedItemsChange: d(this, y, "f"),
       onSelectedItemsChange: d(this, _, "f"),
       ref: e => c(this, g, e, "f")
-    })), s("h2", {
+    })), o("h2", {
       id: "description-title",
       class: "dialog-header dialog-header-with-border dialog-header__description subtitle-regular-xs text-align-center spacing-body-inline"
-    }, d(this, h, "f").main.procedureDescription), s("div", {
+    }, d(this, h, "f").main.procedureDescription), o("div", {
       class: "procedure-description field-group spacing-body-block-start spacing-body-inline scrollable",
       role: "region",
       "aria-labelledby": "description-title"
@@ -324,4 +324,4 @@ C = new WeakMap;
 D.style = l;
 
 export { D as gx_ide_open_api_import };
-//# sourceMappingURL=p-f61bde09.entry.js.map
+//# sourceMappingURL=p-af267991.entry.js.map

package/dist/genexus-ide-ui/p-af267991.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertActionToTreeViewItem","operations","treeData","forEach","operation","importCategoryTreeItem","id","caption","name","expanded","leaf","checkbox","push","openApiImportCss","CSS_BUNDLES","FILE_ICON","getIconPath","category","colorType","MENU_DELETE","CHECKBOX_ALL_CHECKED_VALUE","CHECKBOX_ALL_UNCHECKED_VALUE","GxIdeOpenAPIImport","_GxIdeOpenAPIImport__componentLocale","set","this","_GxIdeOpenAPIImport_renderedFirstTime","_GxIdeOpenAPIImport_shortcutsSrc","getAssetPath","_GxIdeOpenAPIImport_chShortcutsEl","_GxIdeOpenAPIImport_fileInputHiddenEl","_GxIdeOpenAPIImport_parentEl","_GxIdeOpenAPIImport_objectsTreeEl","_GxIdeOpenAPIImport_cancelImportHandler","cancelCallback","_GxIdeOpenAPIImport_handleImport","async","importCallback","selectedOperations","_GxIdeOpenAPIImport_objectsTreeCheckedItemsChangedHandler","event","detail","size","allItems","checkedItems","values","filter","node","item","checked","map","length","selectAllCheckboxValue","selectAllCheckboxIndeterminate","_GxIdeOpenAPIImport_handleSelectAll","__classPrivateFieldGet","updateAllItemsProperties","op","_GxIdeOpenAPIImport_objectTreeClickedHandler","selectedOperationForDescription","_a","description","_GxIdeOpenAPIImport_removeFileSelection","selectedFile","value","actionListItems","_GxIdeOpenAPIImport_selectFileInputChangedHandler","target","files","loadCallback","_GxIdeOpenAPIImport_selectFileInputHandler","click","_GxIdeOpenAPIImport_renderFooter","h","class","checkedValue","unCheckedValue","main","selectAll","indeterminate","onInput","disabled","importingIsInProcess","part","slot","onClick","footer","cancel","import","componentDidRender","componentDidRenderFirstTime","emit","componentName","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","model","src","ref","role","htmlFor","header","fileNameLabel","autoFocus","type","readonly","placeholder","fileNamePlaceholder","startImgSrc","hidden","accept","onChange","removeFileSelection","title","selectFileButton","moduleFolderLabel","defaultParent","defaultValue","selectEntityCallback","selectParentCallback","labelPosition","onCheckedItemsChange","onSelectedItemsChange","procedureDescription","call"],"sources":["src/components/open-api-import/helpers.ts","src/components/open-api-import/open-api-import.scss?tag=gx-ide-open-api-import&encapsulation=shadow","src/components/open-api-import/open-api-import.tsx"],"sourcesContent":["import { ApiOperationData } from \"./open-api-import\";\nimport { TreeViewItemModel } from \"@genexus/chameleon-controls-library\";\n\nexport const convertActionToTreeViewItem = (\n  operations: ApiOperationData[]\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!operations) {\n    return treeData;\n  }\n  operations.forEach(operation => {\n    const importCategoryTreeItem: TreeViewItemModel = {\n      id: operation.id,\n      caption: `${operation.name}`,\n      expanded: true,\n      leaf: true,\n      checkbox: true\n    };\n    treeData.push(importCategoryTreeItem);\n  });\n  return treeData;\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\nsection {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.main {\n  position: relative;\n  display: contents;\n}\n\n.input-file {\n  display: flex;\n}\n\n.field {\n  width: 100%;\n}\n\n.dialog-header__operations,\n.dialog-header__description {\n  padding-block-start: 16px;\n}\n\n.header__field-group {\n  grid-template:\n    \"import-file-label import-file-name buttons-container\" max-content\n    \"module-folder-label module-folder module-folder\" max-content\n    / max-content 1fr max-content;\n}\n.module-folder-name {\n  grid-area: module-folder;\n}\n.module-folder-label {\n  grid-area: module-folder-label;\n}\n.import-file-label {\n  grid-area: import-file-label;\n}\n\n.header__buttons-container {\n  grid-area: buttons-container;\n}\n\n.section-grid {\n  display: grid;\n  grid-template:\n    \"top-content-operations top-content-description\" max-content\n    \"operations-area operations-description\" 1fr\n    / 1fr 1fr;\n  background-color: var(--items-container__bg-color);\n  border-style: var(--items-container__border-style);\n  border-width: var(--items-container__border-width);\n  border-color: var(--items-container__border-color);\n  border-block-start: 0;\n  overflow-y: auto;\n}\n\n.list-wrapper {\n  grid-area: operations-area;\n  border-inline-end: var(--section-common-border);\n}\n.label {\n  margin-block-start: 8px !important;\n}\n\n.tree-operations::part(item__header) {\n  // WA Since this is a tree without parent node.\n  // This componnent should ideally by an action-list,\n  // but at the time of writting it doesn't support checkboxes.\n  padding-inline-start: 0;\n}\n\n.procedure-description {\n  grid-area: operations-description;\n  overflow: auto;\n  text-align: justify;\n}\n\n.dialog-header__operations {\n  grid-area: top-content-operations;\n  background-color: var(--items-container__bg-color);\n}\n\n.dialog-header__description {\n  grid-area: top-content-description;\n  background-color: var(--items-container__bg-color);\n}\n.text-align-center {\n  text-align: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { EntityData } from \"../../common/types\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  TreeViewItemModel,\n  TreeViewItemModelExtended,\n  ChCheckboxCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { convertActionToTreeViewItem } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tree-view\",\n  \"components/list-box\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"on-surface\"\n});\n\nconst MENU_DELETE = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\nconst CHECKBOX_ALL_CHECKED_VALUE = \"allChecked\";\nconst CHECKBOX_ALL_UNCHECKED_VALUE = \"allUnchecked\";\n\n@Component({\n  tag: \"gx-ide-open-api-import\",\n  styleUrl: \"open-api-import.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/open-api-import\"]\n})\nexport class GxIdeOpenAPIImport {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeOpenApiImportElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #fileInputHiddenEl!: HTMLInputElement;\n  #parentEl!: HTMLGxIdeEntitySelectorElement;\n\n  @State() actionListItems: TreeViewItemModel[] = [];\n  @State() importingIsInProcess = false;\n  @State() operations: ApiOperationData[] = [];\n  @State() selectedFile: File;\n  @State() selectedOperationForDescription: string;\n  @State() selectedOperations: string[] = [];\n  @State() selectAllCheckboxValue: string;\n  @State() selectAllCheckboxIndeterminate: boolean = false;\n\n  /**\n   * Default value for the Module/Folder field.\n   */\n  @Prop() readonly defaultParent: 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 the user wants to cancel the export process.\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when the user wants to initiate the import process.\n   */\n  @Prop() readonly importCallback: ImportCallback;\n\n  /**\n   * Callback invoked must be loaded the content for an specification API\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked when action is executed on Module/Folder filter (button '...').\n   */\n  @Prop() readonly selectParentCallback: SelectParentCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  #objectsTreeEl!: HTMLChTreeViewRenderElement;\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\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  // 9.LOCAL METHODS //\n  #cancelImportHandler = () => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  #handleImport = async () => {\n    await this.importCallback(this.selectedOperations);\n  };\n\n  #objectsTreeCheckedItemsChangedHandler = (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>\n  ) => {\n    if (event.detail.size === 0) {\n      return;\n    }\n    const allItems = event.detail;\n    const checkedItems = [...allItems.values()].filter(\n      node => node.item.checked\n    );\n    this.selectedOperations = checkedItems.map(item => item.item.id);\n\n    // Evaluate \"Select All\" checkbox state (siguiendo el patrón de kb-manager-import)\n    if (allItems.size === checkedItems.length) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_CHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else if (checkedItems.length === 0) {\n      this.selectAllCheckboxValue = CHECKBOX_ALL_UNCHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    } else {\n      this.selectAllCheckboxIndeterminate = true;\n    }\n  };\n\n  #handleSelectAll = (event: ChCheckboxCustomEvent<string> | InputEvent) => {\n    if (\"detail\" in event && this.#objectsTreeEl) {\n      const checked =\n        (event as ChCheckboxCustomEvent<string>).detail ===\n        CHECKBOX_ALL_CHECKED_VALUE;\n      // Usar updateAllItemsProperties como en kb-manager-import\n      this.#objectsTreeEl.updateAllItemsProperties({ checked: checked });\n      this.selectedOperations = checked ? this.operations.map(op => op.id) : [];\n      this.selectAllCheckboxValue = checked\n        ? CHECKBOX_ALL_CHECKED_VALUE\n        : CHECKBOX_ALL_UNCHECKED_VALUE;\n      this.selectAllCheckboxIndeterminate = false;\n    }\n  };\n\n  #objectTreeClickedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    this.selectedOperationForDescription = this.operations.filter(\n      op => op.id === event.detail[0]?.item.id\n    )[0]?.description;\n  };\n\n  #removeFileSelection = () => {\n    this.selectedFile = null;\n    this.#fileInputHiddenEl.value = null;\n    this.operations = [];\n    this.actionListItems = [];\n    this.selectedOperationForDescription = null;\n  };\n\n  #selectFileInputChangedHandler = async (event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    if (target.files?.length > 0) {\n      this.selectedFile = target.files[0];\n      this.operations = await this.loadCallback(\n        this.selectedFile,\n        this.#parentEl.value.id\n      );\n      this.actionListItems = convertActionToTreeViewItem(this.operations);\n    }\n  };\n\n  #selectFileInputHandler = () => {\n    this.#fileInputHiddenEl.click();\n  };\n\n  #renderFooter = (): HTMLElement => {\n    return (\n      <footer class=\"dialog-footer dialog-footer-space-between spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <ch-checkbox\n            id=\"select-all-checkbox\"\n            class=\"checkbox\"\n            checkedValue={CHECKBOX_ALL_CHECKED_VALUE}\n            unCheckedValue={CHECKBOX_ALL_UNCHECKED_VALUE}\n            caption={this.#_componentLocale.main.selectAll}\n            value={this.selectAllCheckboxValue}\n            indeterminate={this.selectAllCheckboxIndeterminate}\n            onInput={this.#handleSelectAll}\n            disabled={this.importingIsInProcess || !this.operations?.length}\n            part=\"select-all-checkbox\"\n          ></ch-checkbox>\n        </div>\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            slot=\"footer-end\"\n            part=\"button-cancel\"\n            onClick={this.#cancelImportHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            slot=\"footer-end\"\n            part=\"button-confirm\"\n            onClick={this.#handleImport}\n          >\n            {this.#_componentLocale.footer.import}\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>\n          <header\n            class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\"\n            role=\"banner\"\n          >\n            <div class=\"field-group header__field-group\">\n              <div class=\"import-file-label\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"file-name\">\n                    {this.#_componentLocale.header.fileNameLabel}\n                  </label>\n                </div>\n              </div>\n              <div class=\"input-file\">\n                <div class=\"field input-file\">\n                  <ch-edit\n                    autoFocus\n                    id=\"file-name\"\n                    class=\"input file\"\n                    part=\"file-name\"\n                    type=\"text\"\n                    readonly\n                    value={this.selectedFile?.name}\n                    placeholder={\n                      this.#_componentLocale.header.fileNamePlaceholder\n                    }\n                    startImgSrc={FILE_ICON}\n                  ></ch-edit>\n                  <input\n                    hidden\n                    type=\"file\"\n                    accept=\".json, .yaml\"\n                    onChange={this.#selectFileInputChangedHandler}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#fileInputHiddenEl = el as HTMLInputElement)\n                    }\n                  />\n                </div>\n                <div class=\"cancel-btn \">\n                  <button\n                    aria-label={\n                      this.#_componentLocale.header.removeFileSelection\n                    }\n                    title={this.#_componentLocale.header.removeFileSelection}\n                    id=\"reset-all-button\"\n                    class=\"button-tertiary button-icon-only\"\n                    part=\"reset-all-button\"\n                    onClick={this.#removeFileSelection}\n                  >\n                    <ch-image class=\"icon-m\" src={MENU_DELETE}></ch-image>\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"header__buttons-container\">\n                <button\n                  id=\"select-file-load-button\"\n                  class=\"button-primary\"\n                  part=\"select-file-load-button\"\n                  onClick={this.#selectFileInputHandler}\n                  disabled={this.importingIsInProcess}\n                >\n                  {this.#_componentLocale.header.selectFileButton}\n                </button>\n              </div>\n              <div class=\"module-folder-label\">\n                <div class=\"field field-block\">\n                  <label class=\"label\">\n                    {this.#_componentLocale.header.moduleFolderLabel}\n                  </label>\n                </div>\n              </div>\n              <div class=\"field module-folder-name \">\n                <gx-ide-entity-selector\n                  value={this.defaultParent}\n                  defaultValue={this.defaultParent}\n                  selectEntityCallback={this.selectParentCallback}\n                  labelPosition=\"none\"\n                  ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                    (this.#parentEl = el as HTMLGxIdeEntitySelectorElement)\n                  }\n                  class=\"module-folder\"\n                ></gx-ide-entity-selector>\n              </div>\n            </div>\n          </header>\n\n          <main class=\"main\">\n            <div class=\"section-grid\">\n              <h2\n                id=\"operations-title\"\n                class=\"dialog-header dialog-header-with-border dialog-header__operations subtitle-regular-xs text-align-center spacing-body-inline\"\n              >\n                {this.#_componentLocale.main.operations}\n              </h2>\n\n              <div\n                class=\"list-wrapper field-group spacing-body-block-start spacing-body-inline scrollable\"\n                role=\"region\"\n                aria-labelledby=\"operations-title\"\n              >\n                <ch-tree-view-render\n                  class=\"tree-view tree-operations\"\n                  model={this.actionListItems}\n                  show-lines=\"last\"\n                  onCheckedItemsChange={\n                    this.#objectsTreeCheckedItemsChangedHandler\n                  }\n                  onSelectedItemsChange={this.#objectTreeClickedHandler}\n                  ref={(el: HTMLChTreeViewRenderElement) =>\n                    (this.#objectsTreeEl = el as HTMLChTreeViewRenderElement)\n                  }\n                ></ch-tree-view-render>\n              </div>\n\n              <h2\n                id=\"description-title\"\n                class=\"dialog-header dialog-header-with-border dialog-header__description subtitle-regular-xs text-align-center spacing-body-inline\"\n              >\n                {this.#_componentLocale.main.procedureDescription}\n              </h2>\n\n              <div\n                class=\"procedure-description field-group spacing-body-block-start spacing-body-inline scrollable\"\n                role=\"region\"\n                aria-labelledby=\"description-title\"\n              >\n                {this.selectedOperationForDescription}\n              </div>\n            </div>\n          </main>\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type ApiOperationData = {\n  id: string;\n  name: string;\n  description: string;\n};\nexport type SelectionEventDetail = {\n  itemId: string;\n  itemValue: string;\n};\n\nexport type CancelCallback = () => Promise<void>;\nexport type ImportCallback = (operationIds: string[]) => Promise<boolean>;\nexport type SelectParentCallback = () => Promise<EntityData | undefined>;\nexport type LoadCallback = (\n  source: string | File,\n  parentId: string\n) => Promise<ApiOperationData[]>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-22c0058b.entry.js → p-b5f2603f.entry.js}

@@ -14,7 +14,7 @@ const mapTypesToComboBoxItemModel = t => {
   return e;
 };
 
-const n = ":host{display:grid;block-size:100%;overflow:hidden;grid-template-rows:1fr max-content}.checkbox{inline-size:max-content}";
+const n = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;overflow:hidden;grid-template-rows:1fr max-content}.checkbox{inline-size:max-content}";
 
 var r = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
@@ -29,7 +29,7 @@ var c = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, o)
   return i === "a" ? o.call(t, s) : o ? o.value = s : e.set(t, s), s;
 };
 
-var h, l, d, f, p, u, b, m, w;
+var h, l, d, f, u, p, b, m, w;
 
 const y = [ "resets/box-sizing", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
@@ -40,8 +40,8 @@ const g = class {
     l.set(this, e(`./gx-ide-assets/bpm-sync-gam-roles/shortcuts.json`));
     d.set(this, []);
     f.set(this, void 0);
-    p.set(this, void 0);
     u.set(this, void 0);
+    p.set(this, void 0);
     b.set(this, (() => {
       if (this.cancelCallback) {
         this.cancelCallback();
@@ -52,7 +52,7 @@ const g = class {
       if (this.saveCallback) {
         const e = {
           automaticBackup: !!((t = r(this, f, "f")) === null || t === void 0 ? void 0 : t.value),
-          syncType: r(this, u, "f").value
+          syncType: r(this, p, "f").value
         };
         await this.saveCallback(e);
       }
@@ -83,9 +83,9 @@ const g = class {
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      r(this, p, "f").suspend = true;
+      r(this, u, "f").suspend = true;
     } else {
-      r(this, p, "f").suspend = false;
+      r(this, u, "f").suspend = false;
     }
   }
   render() {
@@ -95,7 +95,7 @@ const g = class {
       model: y
     }), s("ch-shortcuts", {
       src: r(this, l, "f"),
-      ref: t => c(this, p, t, "f")
+      ref: t => c(this, u, t, "f")
     }), s("section", {
       class: "section spacing-body"
     }, s("div", {
@@ -111,7 +111,7 @@ const g = class {
       id: "synch-type",
       value: r(this, d, "f")[0].caption,
       model: r(this, d, "f"),
-      ref: t => c(this, u, t, "f")
+      ref: t => c(this, p, t, "f")
     })), s("ch-checkbox", {
       class: "checkbox",
       caption: r(this, h, "f").main.checkBoxLabel,
@@ -127,10 +127,10 @@ const g = class {
   }
 };
 
-h = new WeakMap, l = new WeakMap, d = new WeakMap, f = new WeakMap, p = new WeakMap, 
-u = new WeakMap, b = new WeakMap, m = new WeakMap, w = new WeakMap;
+h = new WeakMap, l = new WeakMap, d = new WeakMap, f = new WeakMap, u = new WeakMap, 
+p = new WeakMap, b = new WeakMap, m = new WeakMap, w = new WeakMap;
 
 g.style = n;
 
 export { g as gx_ide_bpm_sync_gam_roles };
-//# sourceMappingURL=p-22c0058b.entry.js.map
+//# sourceMappingURL=p-b5f2603f.entry.js.map

package/dist/genexus-ide-ui/p-b5f2603f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapTypesToComboBoxItemModel","synchronizationTypes","syncTypes","forEach","synchronizationType","newSynchType","value","caption","push","bpmSyncGamRolesCss","CSS_BUNDLES","GxIdeBpmSyncGamRoles","_GxIdeBpmSyncGamRoles__componentLocale","set","this","_GxIdeBpmSyncGamRoles_shortcutsSrc","getAssetPath","_GxIdeBpmSyncGamRoles_synchronizationTypes","_GxIdeBpmSyncGamRoles_automaticBackupCheckBoxEl","_GxIdeBpmSyncGamRoles_chShortcutsEl","_GxIdeBpmSyncGamRoles_synchTypeComboBoxEl","_GxIdeBpmSyncGamRoles_cancelButtonHandler","cancelCallback","_GxIdeBpmSyncGamRoles_okButtonHandler","async","saveCallback","syncData","automaticBackup","_a","__classPrivateFieldGet","syncType","_GxIdeBpmSyncGamRoles_renderFooter","h","class","id","onClick","part","footer","cancelButtonText","okButtonText","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","main","synchronizationTypeOptions","suspendShortcuts","suspend","render","Host","model","src","ref","htmlFor","synchronizationTypeLabel","accessibleName","checkBoxLabel","checkedValue","call"],"sources":["src/components/bpm/sync-gam-roles/helpers.tsx","src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.scss?tag=gx-ide-bpm-sync-gam-roles&encapsulation=shadow","src/components/bpm/sync-gam-roles/bpm-sync-gam-roles.tsx"],"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","@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: hidden;\n  grid-template-rows: 1fr max-content;\n}\n\n.checkbox {\n  // WA to prevent focus take 100%\n  // Should ne fixed on a next Mercury version\n  inline-size: max-content;\n}\n","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=\"dialog-footer dialog-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"],"mappings":";;;;AAEO,MAAMA,8BACXC;EAEA,MAAMC,IAAiC;EAEvCD,EAAqBE,SAAQC;IAC3B,MAAMC,IAAkC;MACtCC,OAAOF,EAAoBE;MAC3BC,SAASH,EAAoBG;;IAE/BL,EAAUM,KAAKH;AAAa;EAE9B,OAAOH;AAAS;;ACdlB,MAAMO,IAAqB;;;;;;;;;;;;;;;;;ACc3B,MAAMC,IAA8B,EAClC,qBACA,sBACA,oBACA,gBACA,oBACA,iBACA;;MASWC,IAAoB;;;IAC/BC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAgBE,EACd;IAEFC,EAAAJ,IAAAC,MAA6C;IAG7CI,EAAAL,IAAAC,WAAA;IACAK,EAAAN,IAAAC,WAAA;IACAM,EAAAP,IAAAC,WAAA;IA+BAO,EAAAR,IAAAC,OAAuB;MACrB,IAAIA,KAAKQ,gBAAgB;QACvBR,KAAKQ;;;IAGTC,EAAAV,IAAAC,OAAmBU;;MACjB,IAAIV,KAAKW,cAAc;QACrB,MAAMC,IAAqB;UACzBC,qBAAmBC,IAAAC,EAAAf,MAAII,GAAA,UAA2B,QAAAU,WAAA,aAAAA,EAAEtB;UACpDwB,UAAUD,EAAAf,MAAIM,GAAA,KAAsBd;;cAGhCQ,KAAKW,aAAaC;;;IAI5BK,EAAAlB,IAAAC,OAAgB,MAEZkB,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNC,IAAG;MACHC,SAASN,EAAAf,MAAIO,GAAA;MACbe,MAAK;OAEJP,EAAAf,MAAIF,GAAA,KAAmByB,OAAOC,mBAEjCN,EAAA;MACEC,OAAM;MACNC,IAAG;MACHC,SAASN,EAAAf,MAAIS,GAAA;MACba,MAAK;OAEJP,EAAAf,MAAIF,GAAA,KAAmByB,OAAOE;;;;EA/DzC,uBAAMC;IACJC,EAAA3B,MAAIF,SAA2B8B,EAAOC,oBAAoB7B,KAAK8B,KAAG;IAClEH,EAAA3B,MAAIG,GAAyBjB,4BAC3B6B,EAAAf,MAAIF,GAAA,KAAmBiC,KAAKC,6BAC7B;;;;SAiBH,sBAAMC,CAAiBA;IACrB,IAAIA,GAAkB;MACpBlB,EAAAf,MAAIK,GAAA,KAAgB6B,UAAU;WACzB;MACLnB,EAAAf,MAAIK,GAAA,KAAgB6B,UAAU;;;EA6ClC,MAAAC;IACE,OACEjB,EAACkB,GAAI;MAACjB,OAAM;OACVD,EAAA;MAAUmB,OAAOzC;QACjBsB,EAAA;MACEoB,KAAKvB,EAAAf,MAAIC,GAAA;MACTsC,KAAMT,KACHH,EAAA3B,MAAIK,GAAkByB,GAA4B;QAGvDZ,EAAA;MAASC,OAAM;OACbD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;MAAQqB,SAAQ;OAC1BzB,EAAAf,MAAIF,GAAA,KAAmBiC,KAAKU,2BAE/BvB,EAAA;MACEwB,gBAAe;MACfvB,OAAM;MACNC,IAAG;MACH5B,OAAOuB,EAAAf,MAAIG,GAAA,KAAuB,GAAGV;MACrC4C,OAAOtB,EAAAf,MAAIG,GAAA;MACXoC,KAAMT,KACHH,EAAA3B,MAAIM,GACHwB,GAAiC;SAKzCZ,EAAA;MACEC,OAAM;MACN1B,SAASsB,EAAAf,MAAIF,GAAA,KAAmBiC,KAAKY;MACrCC,cAAa;MACbL,KAAMT,KACHH,EAAA3B,MAAII,GAA8B0B,GAA2B;UAKrEf,EAAAf,MAAIiB,GAAA,KAAc4B,KAAlB7C"}

package/dist/genexus-ide-ui/{p-0dfa813a.entry.js → p-b6d59827.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, g as e, h as s, H as i, a as o } from "./p-9b9ccd0c.js";
 
-import { g as n } from "./p-d42e842b.js";
+import { g as r } from "./p-d42e842b.js";
 
 import "./p-6534555e.js";
 
@@ -10,9 +10,9 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-import { L as r } from "./p-311eedf3.js";
+import { L as n } from "./p-311eedf3.js";
 
-const a = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.main{overflow:auto;display:flex;align-items:center;justify-content:center}";
+const a = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.main{overflow:auto;display:flex;align-items:center;justify-content:center}";
 
 // This is a starting template. Do not edit this file directly.
 // Dupicate it and modify the new file as needed.
@@ -29,19 +29,19 @@ var d = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, o)
   return i === "a" ? o.call(t, s) : o ? o.value = s : e.set(t, s), s;
 };
 
-var l, h, f, m;
+var l, h, f, u;
 
-const p = [ 
+const m = [ 
 // Use only the bundles that are needed for this component.
 "resets/box-sizing", "components/edit", "components/button", "components/icon", "utils/layout", "utils/form", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const u = n({
+const p = r({
   category: "system",
   name: "folder",
   colorType: "on-primary"
 });
 
-const w = class {
+const b = class {
   constructor(s) {
     t(this, s);
     l.set(this, void 0);
@@ -49,7 +49,7 @@ const w = class {
     f.set(this, (() => {
       this.cancelCallback();
     }));
-    m.set(this, (() => {
+    u.set(this, (() => {
       this.saveCallback();
     }));
     this.myStateVariable = undefined;
@@ -61,7 +61,7 @@ const w = class {
     console.log("First name changed:", t);
   }
   async componentWillLoad() {
-    this._componentLocale = await r.getComponentStrings(this.el);
+    this._componentLocale = await n.getComponentStrings(this.el);
   }
   componentDidLoad() {
     // Here you can do any additional setup after the component has been rendered.
@@ -79,7 +79,7 @@ const w = class {
     return s(i, {
       class: "widget spacing-body"
     }, s("ch-theme", {
-      model: p
+      model: m
     }), s("ch-shortcuts", {
       src: c(this, h, "f"),
       ref: t => d(this, l, t, "f")
@@ -112,11 +112,11 @@ const w = class {
       // #create
       class: "button-primary button-icon-and-text",
       id: "button-create",
-      onClick: c(this, m, "f"),
+      onClick: c(this, u, "f"),
       part: "button-create"
     }, s("ch-image", {
       class: "icon-m",
-      src: u
+      src: p
     }), this._componentLocale.footer.btnSave)))));
   }
   static get assetsDirs() {
@@ -132,9 +132,9 @@ const w = class {
   }
 };
 
-l = new WeakMap, h = new WeakMap, f = new WeakMap, m = new WeakMap;
+l = new WeakMap, h = new WeakMap, f = new WeakMap, u = new WeakMap;
 
-w.style = a;
+b.style = a;
 
-export { w as gx_ide_starting_template };
-//# sourceMappingURL=p-0dfa813a.entry.js.map
+export { b as gx_ide_starting_template };
+//# sourceMappingURL=p-b6d59827.entry.js.map

package/dist/genexus-ide-ui/p-b6d59827.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["startingTemplateCss","CSS_BUNDLES","SYSTEM_ICON","getIconPath","category","name","colorType","GxIdeStartingTemplate","_GxIdeStartingTemplate_chShortcutsEl","set","this","_GxIdeStartingTemplate_shortcutsSrc","getAssetPath","_GxIdeStartingTemplate_cancelButtonClickedHandler","cancelCallback","_GxIdeStartingTemplate_saveButtonClickedHandler","saveCallback","firstNameChanged","newValue","console","log","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidLoad","suspendShortcuts","__classPrivateFieldGet","suspend","render","h","Host","class","model","src","ref","__classPrivateFieldSet","htmlFor","main","firstName","id","value","onClick","part","footer","btnCancel","btnSave"],"sources":["src/components/_starting-template/starting-template.scss?tag=gx-ide-starting-template&encapsulation=shadow","src/components/_starting-template/starting-template.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  // section is  just for semantics if a header is present\n  display: contents;\n}\n\n// header\n.header {\n}\n\n// main\n.main {\n  overflow: auto;\n  // The following styles are just to center the text.\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n// footer\n.footer {\n}\n","// This is a starting template. Do not edit this file directly.\n// Dupicate it and modify the new file as needed.\n\nimport {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SYSTEM_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"on-primary\"\n});\n\n@Component({\n  tag: \"gx-ide-starting-template\",\n  styleUrl: \"starting-template.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/starting-template\"]\n})\nexport class GxIdeStartingTemplate {\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeStartingTemplateElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n\n  /**\n   * Description of my state variable.\n   */\n  @State() myStateVariable: string;\n\n  /**\n   * Description of my prop variable.\n   */\n  @Prop() readonly firstName: string;\n  @Watch(\"firstName\")\n  firstNameChanged(newValue: string[]) {\n    console.log(\"First name changed:\", newValue);\n  }\n\n  /**\n   * Callback that will be invoked when the user cancels.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback that will be invoked when the user saves.\n   */\n  @Prop() readonly saveCallback!: SaveCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    // Here you can do any additional setup after the component has been rendered.\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  #cancelButtonClickedHandler = () => {\n    this.cancelCallback();\n  };\n\n  #saveButtonClickedHandler = () => {\n    this.saveCallback();\n  };\n\n  render() {\n    return (\n      <Host class=\"widget spacing-body\">\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\">\n          <header class=\"header dialog-header dialog-header-with-border\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"first-name\">\n                {this._componentLocale.main.firstName}\n              </label>\n              <ch-edit class=\"input\" id=\"first-name\" value={this.firstName} />\n            </div>\n          </header>\n\n          <div class=\"main\">The main content here</div>\n\n          <footer class=\"footer dialog-footer dialog-footer-with-border\">\n            <div class=\"buttons-spacer\">\n              <button\n                // #cancel\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.#cancelButtonClickedHandler}\n                part=\"button-cancel\"\n              >\n                {this._componentLocale.footer.btnCancel}\n              </button>\n              <button\n                // #create\n                class=\"button-primary button-icon-and-text\"\n                id=\"button-create\"\n                onClick={this.#saveButtonClickedHandler}\n                part=\"button-create\"\n              >\n                <ch-image class=\"icon-m\" src={SYSTEM_ICON}></ch-image>\n                {this._componentLocale.footer.btnSave}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SaveCallback = () => Promise<string>;\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAMA,IAAsB;;;;;;;;;;;;;;;;;;;ACmB5B,MAAMC,IAA8B;;AAElC,qBACA,mBACA,qBACA,mBACA,gBACA,cACA,oBACA,iBACA;;AAGF,MAAMC,IAAcC,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;MASAC,IAAqB;;;IAKhCC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAgBE,EAAa;IA8C7BC,EAAAJ,IAAAC,OAA8B;MAC5BA,KAAKI;AAAgB;IAGvBC,EAAAN,IAAAC,OAA4B;MAC1BA,KAAKM;AAAc;;;;;;EAvCrB,gBAAAC,CAAiBC;IACfC,QAAQC,IAAI,uBAAuBF;;EAarC,uBAAMG;IACJX,KAAKY,yBAAyBC,EAAOC,oBAAoBd,KAAKe;;EAGhE,gBAAAC;;;;;SAQA,sBAAMC,CAAiBA;IACrB,IAAIA,GAAkB;MACpBC,EAAAlB,MAAIF,GAAA,KAAgBqB,UAAU;WACzB;MACLD,EAAAlB,MAAIF,GAAA,KAAgBqB,UAAU;;;EAYlC,MAAAC;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOjC;QACjB8B,EAAA;MACEI,KAAKP,EAAAlB,MAAIC,GAAA;MACTyB,KAAMX,KACHY,EAAA3B,MAAIF,GAAkBiB,GAA4B;QAGvDM,EAAA;MAASE,OAAM;OACbF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOE,OAAM;MAAQK,SAAQ;OAC1B5B,KAAKY,iBAAiBiB,KAAKC,YAE9BT,EAAA;MAASE,OAAM;MAAQQ,IAAG;MAAaC,OAAOhC,KAAK8B;UAIvDT,EAAA;MAAKE,OAAM;OAAM,0BAEjBF,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;;MAEEE,OAAM;MACNQ,IAAG;MACHE,SAASf,EAAAlB,MAAIG,GAAA;MACb+B,MAAK;OAEJlC,KAAKY,iBAAiBuB,OAAOC,YAEhCf,EAAA;;MAEEE,OAAM;MACNQ,IAAG;MACHE,SAASf,EAAAlB,MAAIK,GAAA;MACb6B,MAAK;OAELb,EAAA;MAAUE,OAAM;MAASE,KAAKjC;QAC7BQ,KAAKY,iBAAiBuB,OAAOE"}

package/dist/genexus-ide-ui/{p-a8465dff.entry.js → p-c05dc058.entry.js}

@@ -12,7 +12,7 @@ import "lit/directives/if-defined.js";
 
 import { L as o } from "./p-311eedf3.js";
 
-const r = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:grid;block-size:100%}.main-container{display:grid;gap:var(--spacing-gap-xl);grid-template-rows:max-content 1fr max-content;overflow:auto}.main-container .local-changes-container{display:grid;gap:var(--spacing-gap-m);grid-template-rows:max-content max-content max-content 1fr;padding-inline:0}.main-container .remote-changes-container{display:grid;gap:var(--spacing-gap-m);grid-template-rows:max-content max-content 1fr;padding-inline:0}.dialog-footer-with-border.open-window-container{--dialog-footer-justify-content:flex-start}.loader-icon{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.empty-state{overflow:hidden}.giu-static-pill-icon-and-text{background-color:var(--color-accent-surface-elevation-2)}.tab{overflow:auto;row-gap:var(--spacing-gap-m)}.tab.border-style-none{border-style:none}.empty-state-button{inline-size:100%;max-inline-size:300px}.button-tertiary.team-dev-button{text-decoration:underline;color:var(--color-text-neutral-default)}.button-tertiary.refresh-button,.button-tertiary.open-full-dialog-button{justify-self:start}.commit-message-textarea{block-size:65px}.empty-state-container{display:grid;gap:var(--spacing-gap-m);grid-template-rows:max-content max-content}ch-tree-view-render::part(change-item item__header){padding-inline-start:0}ch-tree-view-render::part(root-item item__header){padding-inline-start:0;font-weight:var(--font-style-semi-bold);font-size:var(--font-size-body-s);line-height:var(--line-height-tight)}.version-pill{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.giu-static-pill-icon-and-text.version{grid-auto-columns:unset}";
+const r = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:grid;block-size:100%}.main-container{display:grid;gap:var(--spacing-gap-xl);grid-template-rows:max-content 1fr max-content;overflow:auto}.main-container .local-changes-container{display:grid;gap:var(--spacing-gap-m);grid-template-rows:max-content max-content max-content 1fr;padding-inline:0}.main-container .remote-changes-container{display:grid;gap:var(--spacing-gap-m);grid-template-rows:max-content max-content 1fr;padding-inline:0}.dialog-footer-with-border.open-window-container{--dialog-footer-justify-content:flex-start}.loader-icon{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.empty-state{overflow:hidden}.giu-static-pill-icon-and-text{background-color:var(--color-accent-surface-elevation-2)}.tab{overflow:auto;row-gap:var(--spacing-gap-m)}.tab.border-style-none{border-style:none}.empty-state-button{inline-size:100%;max-inline-size:300px}.button-tertiary.team-dev-button{text-decoration:underline;color:var(--color-text-neutral-default)}.button-tertiary.refresh-button,.button-tertiary.open-full-dialog-button{justify-self:start}.commit-message-textarea{block-size:65px}.empty-state-container{display:grid;gap:var(--spacing-gap-m);grid-template-rows:max-content max-content}ch-tree-view-render::part(change-item item__header){padding-inline-start:0}ch-tree-view-render::part(root-item item__header){padding-inline-start:0;font-weight:var(--font-style-semi-bold);font-size:var(--font-size-body-s);line-height:var(--line-height-tight)}.version-pill{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.giu-static-pill-icon-and-text.version{grid-auto-columns:unset}";
 
 var h = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -212,7 +212,7 @@ const rt = class {
             }
           }, e("span", null, t.name), e("span", {
             style: {
-              color: "var(--mer-color__neutral-gray--450)",
+              color: "var(--color-text-neutral-disabled)",
               marginLeft: "4px"
             }
           }, t.module)),
@@ -557,7 +557,7 @@ const rt = class {
       type: "mask"
     })))) : e("div", {
       class: "main-container spacing-body scrollable"
-    }, e("div", null, e("p", {
+    }, e("p", {
       class: "giu-static-pill-icon-and-text version giu-static-pill-icon-and-text--version elevation-02"
     }, e("ch-image", {
       class: "icon-m",
@@ -565,7 +565,7 @@ const rt = class {
       src: R
     }), e("span", {
       class: "version-pill"
-    }, this.teamDevPreviewData.versionName))), e("ch-tab-render", {
+    }, this.teamDevPreviewData.versionName)), e("ch-tab-render", {
       class: "tab tab-full-width-buttons scrollable border-style-none",
       model: this.tabModel,
       selectedId: this.selectedTabId,
@@ -615,4 +615,4 @@ X = new WeakMap, A = new WeakMap, q = new WeakMap;
 rt.style = r;
 
 export { rt as gx_ide_team_dev_preview };
-//# sourceMappingURL=p-a8465dff.entry.js.map
+//# sourceMappingURL=p-c05dc058.entry.js.map