@genexus/genexus-ide-ui 2.1.2 → 2.1.3

package/dist/genexus-ide-ui/{p-60bbf1b4.entry.js → p-d68412ac.entry.js}

@@ -1,8 +1,8 @@
 import { r as t, c as i, h as e, H as s, a } from "./p-9b9ccd0c.js";
 
-import { c as o } from "./p-c5196b3b.js";
+import { c as n } from "./p-c5196b3b.js";
 
-import { L as n } from "./p-311eedf3.js";
+import { L as o } from "./p-311eedf3.js";
 
 import { r } from "./p-7d0f58d6.js";
 
@@ -12,18 +12,18 @@ const filesToListItemsData = t => {
     const e = typeof t === "string" ? t : t.name;
     const s = typeof t === "string" ? t : t.name;
     const a = undefined;
-    const o = false;
+    const n = false;
     i.push({
       itemId: e,
       itemValue: s,
       itemIcon: a,
-      itemChecked: o
+      itemChecked: n
     });
   }));
   return i;
 };
 
-const l = ":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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.main{display:grid;grid-template-rows:1fr auto;block-size:100%;gap:var(--spacing-gap-l)}.path-list{inline-size:100%;block-size:100%}gx-ide-list-selector::part(list){block-size:100%}.hidden-input{display:none}.checkbox-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}";
+const l = ":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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.main{display:grid;grid-template-rows:1fr auto;block-size:100%;gap:var(--spacing-gap-l)}.path-list{inline-size:100%;block-size:100%}gx-ide-list-selector::part(list){block-size:100%}.hidden-input{display:none}.checkbox-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}";
 
 const c = class {
   constructor(e) {
@@ -77,7 +77,7 @@ const c = class {
   }
   // 6.COMPONENT LIFECYCLE METHODS //
   async componentWillLoad() {
-    this._componentLocale = await n.getComponentStrings(this.el);
+    this._componentLocale = await o.getComponentStrings(this.el);
   }
   componentDidRender() {
     if (!this.renderedFirstTime) {
@@ -93,7 +93,7 @@ const c = class {
     }, e("div", {
       class: "gx-ide-main-wrapper"
     }, e("gx-ide-container", {
-      slimmerFooter: o.gxIdeContainer.slimmerFooter
+      slimmerFooter: n.gxIdeContainer.slimmerFooter
     }, e("div", {
       class: "main"
     }, e("div", {
@@ -154,4 +154,4 @@ const c = class {
 c.style = l;
 
 export { c as gx_ide_bpm_import_files };
-//# sourceMappingURL=p-60bbf1b4.entry.js.map
+//# sourceMappingURL=p-d68412ac.entry.js.map

package/dist/genexus-ide-ui/{p-a8465dff.entry.js → p-d761587f.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");
@@ -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-d761587f.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["teamDevPreviewCss","TeamDevEmptyState","CSS_BUNDLES","VERSION_ICON","getIconPath","category","name","colorType","ADD_ICON","EDITED_ICON","SUBTRACT_ICON","REFRESH_ICON","WARNING_ICON","OPEN_WINDOW_ICON","LOADER_ICON","ERROR_ICON","REMOTE_CHANGES_TAB","LOCAL_CHANGES_TAB","GxIdeTeamDevPreview","_GxIdeTeamDevPreview_componentLocale","set","this","_GxIdeTeamDevPreview_isPendingReloadLocalChanges","_GxIdeTeamDevPreview_isPendingReloadRemoteChanges","_GxIdeTeamDevPreview_commitData","_GxIdeTeamDevPreview_updateData","_GxIdeTeamDevPreview_prevVersionName","_GxIdeTeamDevPreview_isTeamDevOptionsEnabled","_GxIdeTeamDevPreview_emptyStateConfig","_GxIdeTeamDevPreview_localChangesTreeEL","_GxIdeTeamDevPreview_remoteChangesTreeEL","_GxIdeTeamDevPreview_setEmptyStateConfig","__classPrivateFieldSet","NoKBOpen","title","__classPrivateFieldGet","emptyState","noConnectedKBTitle","description","noOpenKBDescription","buttonText","buttons","createKBFromServer","buttonHandler","_GxIdeTeamDevPreview_createKBFromServerHandler","showButton","NoConnectedKB","noConnectedKBDescription","shareKBToServer","_GxIdeTeamDevPreview_shareKBToServerHandler","NoConnectedGXServer","noConnectedGXServerTitle","noConnectedGXServerDescription","reconnect","_GxIdeTeamDevPreview_reconnectHandler","NoLinkedVersion","noLinkedVersionTitle","noLinkedVersionDescription","undefined","FrozenVersion","frozenVersionTitle","frozenVersionDescription","None","_GxIdeTeamDevPreview_setTeamDevOptionsStatus","teamDevPreviewData","isKBOpen","isLinkedKB","isLinkedVersion","isFrozenVersion","existsGXServerSession","_GxIdeTeamDevPreview_loadChanges","async","type","loadingLocalChanges","loadLocalChangesCallback","_GxIdeTeamDevPreview_convertDataToTreeView","call","loadingRemoteChanges","loadRemoteChangesCallback","rootItemName","data","isLocal","pendingCommitChangesCount","_b","_a","pendingForCommit","length","captions","localChanges","pendingRemoteChangesCount","_d","_c","pendingForUpdate","remoteChanges","treeViewModel","id","caption","expanded","parts","items","map","item","startImgSrc","icon","typeIcon","endImgSrc","_GxIdeTeamDevPreview_renderIcon","state","action","h","style","display","color","marginLeft","module","leaf","localChangesTreeViewModel","_GxIdeTeamDevPreview_updateTabModel","remoteChangesTreeViewModel","_GxIdeTeamDevPreview_checkedItemsChangeHandler","event","checkedNodesIds","Array","from","detail","values","filter","node","checked","localChangesCheckedNodesIds","updateItemsProperties","remoteChangesCheckedNodesIds","shareKBToServerCallback","createKBFromServerCallback","_GxIdeTeamDevPreview_openFullDialogHandler","openFullDialogCallback","_GxIdeTeamDevPreview_commitChangesHandler","committingChanges","commitCallback","commitMessage","_GxIdeTeamDevPreview_commitMessageInputHandler","_GxIdeTeamDevPreview_updateRemoteChangesHandler","updatingChanges","updateCallback","_GxIdeTeamDevPreview_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdeTeamDevPreview_openTeamDevInfoHandler","openTeamDevInfoCallback","reconnectCallback","value","iconMap","inserted","modified","deleted","conflicted","_GxIdeTeamDevPreview_disableConfirmButton","trim","serverOperationsDisabled","tabId","tabModel","tab","_GxIdeTeamDevPreview_getEmptyStateTitle","getEmptyStateType","_GxIdeTeamDevPreview_getEmptyStateDescription","_GxIdeTeamDevPreview_getEmptyStateButtonText","_GxIdeTeamDevPreview_getEmptyStateButtonHandler","_GxIdeTeamDevPreview_renderEmptyStateButton","_GxIdeTeamDevPreview_renderReloadChangesButton","isLoading","isConfirmationInProcess","reloadCaption","reloadingCaption","reloadLocal","reloadingLocal","reloadRemote","reloadingRemote","class","onClick","disabled","src","_GxIdeTeamDevPreview_renderEmptyState","show","message","noLocalChanges","noRemoteChanges","_GxIdeTeamDevPreview_renderTreeChanges","Fragment","checkbox","model","toggleCheckboxes","onCheckedItemsChange","expandableButton","expandOnClick","ref","el","_GxIdeTeamDevPreview_renderConfirmButton","committing","updating","commit","update","_GxIdeTeamDevPreview_renderLocalChanges","accessibleName","accessibleNames","placeholder","placeholders","onInput","multiline","_GxIdeTeamDevPreview_renderRemoteChanges","onTeamDevPreviewDataChanged","versionName","versionChanged","reloadChanges","componentWillLoad","Locale","getComponentStrings","componentDidLoad","isActiveTab","disableServerOperations","render","Host","widget","isAnimated","stateIconSrc","stateTitle","stateDescription","about","teamDev","selectedId","tabListPosition","onSelectedItemChange","slot","footer","openFullDialog"],"sources":["src/components/team-dev/preview/team-dev-preview.scss?tag=gx-ide-team-dev-preview&encapsulation=shadow","src/components/team-dev/preview/team-dev-preview.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n// Variables para gaps y tamaños\n$gap-main: var(--spacing-gap-xl);\n$gap-secondary: var(--spacing-gap-m);\n$max-button-width: 300px;\n$commit-message-height: 65px;\n\n// Mixin para grid con gap\n@mixin grid-gap($gap) {\n  display: grid;\n  gap: $gap;\n}\n\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.main-container {\n  @include grid-gap($gap-main);\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n\n  .local-changes-container {\n    @include grid-gap($gap-secondary);\n    grid-template-rows: max-content max-content max-content 1fr;\n    padding-inline: 0;\n  }\n  .remote-changes-container {\n    @include grid-gap($gap-secondary);\n    grid-template-rows: max-content max-content 1fr;\n    padding-inline: 0;\n  }\n}\n\n.dialog-footer-with-border.open-window-container {\n  --dialog-footer-justify-content: flex-start;\n}\n\n// WA: Loader animation workaround, ideally move to mercury\n.loader-icon {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// WA: Avoid scrollbar flickering for empty state\n.empty-state {\n  overflow: hidden;\n}\n\n.giu-static-pill-icon-and-text {\n  background-color: var(--color-accent-surface-elevation-2);\n}\n\n.tab {\n  overflow: auto;\n  row-gap: $gap-secondary;\n\n  &.border-style-none {\n    border-style: none;\n  }\n}\n\n.empty-state-button {\n  inline-size: 100%;\n  max-inline-size: $max-button-width;\n}\n\n.button-tertiary {\n  &.team-dev-button {\n    text-decoration: underline;\n    color: var(--color-text-neutral-default);\n  }\n\n  &.refresh-button,\n  &.open-full-dialog-button {\n    justify-self: start;\n  }\n}\n\n.commit-message-textarea {\n  block-size: $commit-message-height;\n}\n\n.empty-state-container {\n  @include grid-gap($gap-secondary);\n  grid-template-rows: max-content max-content;\n}\n\n// WA: These styles display the tree as a flat list while preserving tree functionality.\n\n// Style for change-item header\nch-tree-view-render::part(change-item item__header) {\n  padding-inline-start: 0;\n}\n\n// Style for root-item header\nch-tree-view-render::part(root-item item__header) {\n  padding-inline-start: 0;\n  font-weight: var(--font-style-semi-bold);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-tight);\n}\n\n.version-pill {\n  @include ellipsis;\n}\n\n.giu-static-pill-icon-and-text.version {\n  grid-auto-columns: unset;\n}\n","import {\n  ChEditCustomEvent,\n  TabModel,\n  TabSelectedItemInfo,\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  Action,\n  CommitCallback,\n  CommitData,\n  LoadLocalChangesCallback,\n  LoadRemoteChangesCallback,\n  ModifiedObject,\n  ModifiedObjectData,\n  ObjectState,\n  UpdateCallback,\n  UpdateData\n} from \"../version-control/common/types\";\n\nenum TeamDevEmptyState {\n  NoKBOpen,\n  NoConnectedKB,\n  NoConnectedGXServer,\n  NoLinkedVersion,\n  FrozenVersion,\n  None\n}\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\",\n  \"components/tree-view\",\n  \"components/tab\"\n];\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\n\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\n\nconst SUBTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\n\nconst REFRESH_ICON = getIconPath({\n  category: \"system\",\n  name: \"refresh\",\n  colorType: \"primary\"\n});\n\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"on-surface\"\n});\n\nconst LOADER_ICON = getIconPath({\n  category: \"system\",\n  name: \"loading\",\n  colorType: \"primary\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"on-surface\"\n});\n\nconst REMOTE_CHANGES_TAB = \"remote-changes-tab\";\nconst LOCAL_CHANGES_TAB = \"local-changes-tab\";\n\n@Component({\n  tag: \"gx-ide-team-dev-preview\",\n  styleUrl: \"team-dev-preview.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-preview\"]\n})\nexport class GxIdeTeamDevPreview {\n  #componentLocale: any;\n  #isPendingReloadLocalChanges: boolean = false;\n  #isPendingReloadRemoteChanges: boolean = false;\n  #commitData: CommitData;\n  #updateData: UpdateData;\n  #prevVersionName: string;\n  #isTeamDevOptionsEnabled: boolean = false;\n  #emptyStateConfig: { [key: string]: any } = {};\n  #localChangesTreeEL: HTMLChTreeViewRenderElement;\n  #remoteChangesTreeEL: HTMLChTreeViewRenderElement;\n\n  @Element() el: HTMLGxIdeTeamDevPreviewElement;\n\n  @State() loadingRemoteChanges: boolean = false;\n  @State() loadingLocalChanges: boolean = true;\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Currently selected tab ID\n   */\n  @State() selectedTabId: string = LOCAL_CHANGES_TAB;\n\n  /**\n   * Number of pending commit changes\n   */\n  @State() pendingCommitChangesCount: number = 0;\n  /**\n   * Number of pending remote changes\n   */\n  @State() pendingRemoteChangesCount: number = 0;\n\n  /**\n   * Represents the tree view model for remote changes\n   */\n  @State() remoteChangesTreeViewModel: TreeViewModel = [];\n\n  /**\n   * Represents the tree view model for local changes\n   */\n  @State() localChangesTreeViewModel: TreeViewModel = [];\n\n  /**\n   * Represents the selected nodes ids from remote changes tree\n   */\n  @State() remoteChangesCheckedNodesIds: string[] = [];\n\n  /**\n   * Represents the selected nodes ids from local changes tree\n   */\n  @State() localChangesCheckedNodesIds: string[] = [];\n\n  /**\n   * Commit message entered by the user\n   */\n  @State() commitMessage: string = \"\";\n\n  /**\n   * Indicates if the commit process is ongoing\n   */\n  @State() committingChanges: boolean = false;\n\n  /**\n   * Indicates if the update process is ongoing\n   */\n  @State() updatingChanges: boolean = false;\n\n  /**\n   * Indicates if the server operations (commit/update) should be disabled\n   */\n  @State() serverOperationsDisabled: boolean = false;\n\n  /**\n   * Data required to render the Team Dev Preview\n   */\n  @Prop() readonly teamDevPreviewData: TeamDevPreviewData;\n  @Watch(\"teamDevPreviewData\")\n  async onTeamDevPreviewDataChanged() {\n    const { versionName } = this.teamDevPreviewData;\n    let versionChanged = false;\n\n    this.#setTeamDevOptionsStatus();\n    if (this.#prevVersionName !== versionName) {\n      this.#prevVersionName = versionName;\n      versionChanged = true;\n    }\n\n    if (this.#isTeamDevOptionsEnabled && versionChanged) {\n      await this.reloadChanges(\"local\");\n      await this.reloadChanges(\"remote\");\n    }\n  }\n\n  /**\n   * Invoked to return the list of remote changes\n   */\n  @Prop() readonly loadRemoteChangesCallback!: LoadRemoteChangesCallback;\n\n  /**\n   * Invoked to return the list of local changes\n   */\n  @Prop() readonly loadLocalChangesCallback!: LoadLocalChangesCallback;\n\n  /**\n   * Invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback!: CommitCallback;\n\n  /**\n   * Invoked when user starts the update process\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Invoked to open the full Team Dev dialog\n   */\n  @Prop() readonly openFullDialogCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to share the knowledge base to the server\n   */\n  @Prop() readonly shareKBToServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to create a knowledge base from the server\n   */\n  @Prop() readonly createKBFromServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to open the Team Development information\n   */\n  @Prop() readonly openTeamDevInfoCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to reconnect to GeneXus Server\n   */\n  @Prop() readonly reconnectCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#setTeamDevOptionsStatus();\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.tabModel = [\n      {\n        id: LOCAL_CHANGES_TAB,\n        name: `${this.#componentLocale.captions.localChanges}`\n      },\n      {\n        id: REMOTE_CHANGES_TAB,\n        name: `${this.#componentLocale.captions.remoteChanges}`\n      }\n    ];\n    this.#setEmptyStateConfig();\n  }\n\n  async componentDidLoad() {\n    if (this.#isTeamDevOptionsEnabled) {\n      await this.#loadChanges(\"local\");\n      this.#isPendingReloadRemoteChanges = true;\n    }\n    this.loadingLocalChanges = false;\n  }\n\n  /**\n   * Used by the host to reload remote or local changes\n   */\n  @Method()\n  async reloadChanges(type: TeamDevPreviewMode) {\n    const isLocal = type === \"local\";\n    const isActiveTab = isLocal\n      ? this.selectedTabId === LOCAL_CHANGES_TAB\n      : this.selectedTabId === REMOTE_CHANGES_TAB;\n\n    if (!isActiveTab) {\n      if (isLocal) {\n        this.#isPendingReloadLocalChanges = true;\n      } else {\n        this.#isPendingReloadRemoteChanges = true;\n      }\n      return;\n    }\n\n    isLocal\n      ? await this.#loadChanges(\"local\")\n      : await this.#loadChanges(\"remote\");\n  }\n\n  /**\n   * Used by the host to instruct the component to disable the commit/update button.\n   */\n  @Method()\n  async disableServerOperations(value: boolean) {\n    this.serverOperationsDisabled = value;\n  }\n\n  #setEmptyStateConfig = () => {\n    this.#emptyStateConfig = {\n      [TeamDevEmptyState.NoKBOpen]: {\n        title: this.#componentLocale.emptyState.noConnectedKBTitle,\n        description: this.#componentLocale.emptyState.noOpenKBDescription,\n        buttonText: this.#componentLocale.buttons.createKBFromServer,\n        buttonHandler: this.#createKBFromServerHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoConnectedKB]: {\n        title: this.#componentLocale.emptyState.noConnectedKBTitle,\n        description: this.#componentLocale.emptyState.noConnectedKBDescription,\n        buttonText: this.#componentLocale.buttons.shareKBToServer,\n        buttonHandler: this.#shareKBToServerHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoConnectedGXServer]: {\n        title: this.#componentLocale.emptyState.noConnectedGXServerTitle,\n        description:\n          this.#componentLocale.emptyState.noConnectedGXServerDescription,\n        buttonText: this.#componentLocale.buttons.reconnect,\n        buttonHandler: this.#reconnectHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoLinkedVersion]: {\n        title: this.#componentLocale.emptyState.noLinkedVersionTitle,\n        description:\n          this.#componentLocale.emptyState.noLinkedVersionDescription,\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      },\n      [TeamDevEmptyState.FrozenVersion]: {\n        title: this.#componentLocale.emptyState.frozenVersionTitle,\n        description: this.#componentLocale.emptyState.frozenVersionDescription,\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      },\n      [TeamDevEmptyState.None]: {\n        title: \"\",\n        description: \"\",\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      }\n    };\n  };\n\n  #setTeamDevOptionsStatus = () => {\n    if (\n      this.teamDevPreviewData.isKBOpen &&\n      this.teamDevPreviewData.isLinkedKB &&\n      this.teamDevPreviewData.isLinkedVersion &&\n      !this.teamDevPreviewData.isFrozenVersion &&\n      this.teamDevPreviewData.existsGXServerSession\n    ) {\n      this.#isTeamDevOptionsEnabled = true;\n      return;\n    }\n    this.#isTeamDevOptionsEnabled = false;\n  };\n\n  #loadChanges = async (type: TeamDevPreviewMode) => {\n    if (type === \"local\") {\n      this.loadingLocalChanges = true;\n      this.#commitData = await this.loadLocalChangesCallback();\n      this.#convertDataToTreeView(\"local\");\n      this.loadingLocalChanges = false;\n      this.#isPendingReloadLocalChanges = false;\n    } else {\n      this.loadingRemoteChanges = true;\n      this.#updateData = await this.loadRemoteChangesCallback();\n      this.#convertDataToTreeView(\"remote\");\n      this.loadingRemoteChanges = false;\n      this.#isPendingReloadRemoteChanges = false;\n    }\n  };\n\n  #convertDataToTreeView = (type: TeamDevPreviewMode) => {\n    let rootItemName = \"\";\n    let data: ModifiedObjectData[] | ModifiedObject[];\n    const isLocal = type === \"local\";\n    if (isLocal) {\n      this.pendingCommitChangesCount =\n        this.#commitData?.pendingForCommit?.length || 0;\n      rootItemName = `${this.#componentLocale.captions.localChanges} (${this.pendingCommitChangesCount})`;\n      data = this.#commitData.pendingForCommit;\n    } else {\n      this.pendingRemoteChangesCount =\n        this.#updateData?.pendingForUpdate?.length || 0;\n      rootItemName = `${this.#componentLocale.captions.remoteChanges} (${this.pendingRemoteChangesCount})`;\n      data = this.#updateData.pendingForUpdate;\n    }\n\n    const treeViewModel: TreeViewModel = [\n      {\n        id: \"root\",\n        caption: rootItemName,\n        expanded: true,\n        parts: \"root-item\",\n        items: data?.map(item => ({\n          id: item.id,\n          startImgSrc: isLocal\n            ? (item as ModifiedObjectData).type.icon\n            : (item as ModifiedObject).typeIcon,\n          endImgSrc: isLocal\n            ? this.#renderIcon((item as ModifiedObjectData).state)\n            : this.#renderIcon((item as ModifiedObject).action),\n          caption: (\n            //WA: Used to apply different styles to the item caption and path\n            <div\n              style={{\n                display: \"flex\"\n              }}\n            >\n              <span>{item.name}</span>\n              <span\n                style={{\n                  color: \"var(--mer-color__neutral-gray--450)\",\n                  marginLeft: \"4px\"\n                }}\n              >\n                {item.module}\n              </span>\n            </div>\n          ),\n          leaf: true,\n          parts: \"change-item\"\n        }))\n      }\n    ];\n\n    if (isLocal) {\n      this.localChangesTreeViewModel = treeViewModel;\n      this.#updateTabModel(LOCAL_CHANGES_TAB);\n    } else {\n      this.remoteChangesTreeViewModel = treeViewModel;\n      this.#updateTabModel(REMOTE_CHANGES_TAB);\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>,\n    type: TeamDevPreviewMode\n  ) => {\n    const checkedNodesIds = Array.from(event.detail.values())\n      .filter(node => node.item.checked && node.item.id !== \"root\")\n      .map(node => node.item.id);\n\n    if (type === \"local\") {\n      this.localChangesCheckedNodesIds = checkedNodesIds;\n      this.#localChangesTreeEL.updateItemsProperties([\"root\"], {\n        caption: `${this.#componentLocale.captions.localChanges} (${this.localChangesCheckedNodesIds.length}/${this.pendingCommitChangesCount})`\n      });\n    } else {\n      this.remoteChangesCheckedNodesIds = checkedNodesIds;\n      this.#remoteChangesTreeEL.updateItemsProperties([\"root\"], {\n        caption: `${this.#componentLocale.captions.remoteChanges} (${this.remoteChangesCheckedNodesIds.length}/${this.pendingRemoteChangesCount})`\n      });\n    }\n  };\n\n  #shareKBToServerHandler = async () => {\n    await this.shareKBToServerCallback();\n  };\n\n  #createKBFromServerHandler = async () => {\n    await this.createKBFromServerCallback();\n  };\n\n  #openFullDialogHandler = async () => {\n    await this.openFullDialogCallback();\n  };\n\n  #commitChangesHandler = async () => {\n    this.committingChanges = true;\n    await this.commitCallback(\n      this.localChangesCheckedNodesIds,\n      this.commitMessage\n    );\n    this.commitMessage = \"\";\n    this.committingChanges = false;\n  };\n\n  #commitMessageInputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.commitMessage = (event.detail as string) || \"\";\n  };\n\n  #updateRemoteChangesHandler = async () => {\n    this.updatingChanges = true;\n    await this.updateCallback(this.remoteChangesCheckedNodesIds);\n    this.updatingChanges = false;\n    this.remoteChangesCheckedNodesIds = [];\n  };\n\n  #tabSelectionChangedHandler = async (\n    event: CustomEvent<TabSelectedItemInfo>\n  ): Promise<void> => {\n    this.selectedTabId = event.detail.newSelectedId;\n    if (\n      this.selectedTabId === LOCAL_CHANGES_TAB &&\n      this.#isPendingReloadLocalChanges\n    ) {\n      await this.#loadChanges(\"local\");\n    }\n    if (\n      this.selectedTabId === REMOTE_CHANGES_TAB &&\n      this.#isPendingReloadRemoteChanges\n    ) {\n      await this.#loadChanges(\"remote\");\n    }\n  };\n\n  #openTeamDevInfoHandler = async () => {\n    await this.openTeamDevInfoCallback();\n  };\n\n  #reconnectHandler = async () => {\n    await this.reconnectCallback();\n  };\n\n  #renderIcon = (value: ObjectState | Action) => {\n    const iconMap = {\n      \"inserted\": ADD_ICON,\n      \"modified\": EDITED_ICON,\n      \"deleted\": SUBTRACT_ICON,\n      \"conflicted\": WARNING_ICON,\n      \"modified-with-conflicts\": WARNING_ICON\n    };\n    return iconMap[value] || null;\n  };\n\n  #disableConfirmButton = (type: TeamDevPreviewMode): boolean => {\n    const isLocal = type === \"local\";\n    if (isLocal) {\n      return (\n        this.loadingLocalChanges ||\n        !this.commitMessage.trim().length ||\n        this.localChangesCheckedNodesIds.length === 0 ||\n        this.committingChanges ||\n        this.serverOperationsDisabled\n      );\n    } else {\n      return (\n        this.loadingRemoteChanges ||\n        this.remoteChangesCheckedNodesIds.length === 0 ||\n        this.updatingChanges ||\n        this.serverOperationsDisabled\n      );\n    }\n  };\n\n  #updateTabModel = (tabId: string) => {\n    this.tabModel = this.tabModel.map(tab =>\n      tab.id === tabId\n        ? {\n            ...tab,\n            name:\n              tabId === LOCAL_CHANGES_TAB\n                ? `${this.#componentLocale.captions.localChanges} (${this.pendingCommitChangesCount})`\n                : `${this.#componentLocale.captions.remoteChanges} (${this.pendingRemoteChangesCount})`\n          }\n        : tab\n    );\n  };\n\n  private getEmptyStateType(): TeamDevEmptyState {\n    const {\n      isFrozenVersion,\n      existsGXServerSession,\n      isKBOpen,\n      isLinkedVersion,\n      isLinkedKB\n    } = this.teamDevPreviewData;\n    if (!isKBOpen) {\n      return TeamDevEmptyState.NoKBOpen;\n    }\n    if (isKBOpen && !isLinkedKB) {\n      return TeamDevEmptyState.NoConnectedKB;\n    }\n    if (isKBOpen && isLinkedKB && !isLinkedVersion && !existsGXServerSession) {\n      return TeamDevEmptyState.NoConnectedGXServer;\n    }\n    if (isKBOpen && isLinkedKB && !isLinkedVersion) {\n      return TeamDevEmptyState.NoLinkedVersion;\n    }\n    if (isKBOpen && isLinkedKB && existsGXServerSession && isFrozenVersion) {\n      return TeamDevEmptyState.FrozenVersion;\n    }\n    if (isKBOpen && isLinkedKB && !existsGXServerSession) {\n      return TeamDevEmptyState.NoConnectedGXServer;\n    }\n    return TeamDevEmptyState.None;\n  }\n\n  #getEmptyStateTitle = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].title;\n\n  #getEmptyStateDescription = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].description;\n\n  #getEmptyStateButtonText = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].buttonText;\n\n  #getEmptyStateButtonHandler = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].buttonHandler;\n\n  #renderEmptyStateButton = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].showButton;\n\n  #renderReloadChangesButton = (type: TeamDevPreviewMode) => {\n    let isLoading = false;\n    let isConfirmationInProcess = false;\n    let reloadCaption;\n    let reloadingCaption;\n    const isLocal = type === \"local\";\n\n    if (isLocal) {\n      isLoading = this.loadingLocalChanges;\n      isConfirmationInProcess = this.committingChanges;\n      reloadCaption = this.#componentLocale.buttons.reloadLocal;\n      reloadingCaption = this.#componentLocale.buttons.reloadingLocal;\n    } else {\n      isLoading = this.loadingRemoteChanges;\n      isConfirmationInProcess = this.updatingChanges;\n      reloadCaption = this.#componentLocale.buttons.reloadRemote;\n      reloadingCaption = this.#componentLocale.buttons.reloadingRemote;\n    }\n    return (\n      <button\n        class=\"button-tertiary button-icon-and-text body-regular-s refresh-button\"\n        type=\"button\"\n        onClick={\n          isLocal\n            ? () => this.#loadChanges(\"local\")\n            : () => this.#loadChanges(\"remote\")\n        }\n        disabled={\n          isLoading || isConfirmationInProcess || this.serverOperationsDisabled\n        }\n      >\n        <ch-image\n          class={{\n            \"icon-m\": true,\n            \"loader-icon\": isLoading\n          }}\n          src={isLoading ? LOADER_ICON : REFRESH_ICON}\n          type=\"mask\"\n        />\n\n        {isLoading ? reloadingCaption : reloadCaption}\n      </button>\n    );\n  };\n\n  #renderEmptyState = (type: TeamDevPreviewMode) => {\n    let show = false;\n    let message = \"\";\n\n    if (type === \"local\" && this.pendingCommitChangesCount === 0) {\n      show = true;\n      message = this.#componentLocale.emptyState.noLocalChanges;\n    } else if (type === \"remote\" && this.pendingRemoteChangesCount === 0) {\n      show = true;\n      message = this.#componentLocale.emptyState.noRemoteChanges;\n    }\n\n    return show ? (\n      <div class=\"empty-state-container\">\n        <p class=\"body-regular-s\">{message}</p>\n        {this.#renderReloadChangesButton(type)}\n      </div>\n    ) : null;\n  };\n\n  #renderTreeChanges = (type: TeamDevPreviewMode) => {\n    const isLocal = type === \"local\";\n\n    if (isLocal) {\n      return (\n        <Fragment>\n          {this.#renderReloadChangesButton(type)}\n          {!this.loadingLocalChanges && !this.committingChanges && (\n            <ch-tree-view-render\n              checkbox\n              checked\n              class=\"tree-view\"\n              model={this.localChangesTreeViewModel}\n              toggleCheckboxes\n              onCheckedItemsChange={event =>\n                this.#checkedItemsChangeHandler(event, type)\n              }\n              expandableButton=\"no\"\n              expandOnClick={false}\n              ref={el =>\n                (this.#localChangesTreeEL = el as HTMLChTreeViewRenderElement)\n              }\n            />\n          )}\n        </Fragment>\n      );\n    } else {\n      return (\n        <Fragment>\n          {this.#renderReloadChangesButton(type)}\n          {!this.loadingRemoteChanges && !this.updatingChanges && (\n            <ch-tree-view-render\n              checkbox\n              checked\n              class=\"tree-view\"\n              model={this.remoteChangesTreeViewModel}\n              toggleCheckboxes\n              onCheckedItemsChange={event =>\n                this.#checkedItemsChangeHandler(event, type)\n              }\n              expandableButton=\"no\"\n              expandOnClick={false}\n              ref={el =>\n                (this.#remoteChangesTreeEL = el as HTMLChTreeViewRenderElement)\n              }\n            />\n          )}\n        </Fragment>\n      );\n    }\n  };\n\n  #renderConfirmButton = (type: TeamDevPreviewMode) => {\n    const isLocal = type === \"local\";\n    let isConfirmationInProcess = false;\n    let id = \"\";\n    if (isLocal) {\n      isConfirmationInProcess = this.committingChanges;\n      id = \"commit-changes-button\";\n    } else {\n      isConfirmationInProcess = this.updatingChanges;\n      id = \"update-remote-changes-button\";\n    }\n    return (\n      <button\n        id={id}\n        class={{\n          \"button-primary\": true,\n          \"button-icon-and-text\": isConfirmationInProcess\n        }}\n        type=\"button\"\n        disabled={this.#disableConfirmButton(type)}\n        onClick={\n          isLocal\n            ? this.#commitChangesHandler\n            : this.#updateRemoteChangesHandler\n        }\n      >\n        {isConfirmationInProcess && (\n          <ch-image class=\"icon-m loader-icon\" src={LOADER_ICON} type=\"mask\" />\n        )}\n        {isConfirmationInProcess\n          ? isLocal\n            ? this.#componentLocale.buttons.committing\n            : this.#componentLocale.buttons.updating\n          : isLocal\n            ? this.#componentLocale.buttons.commit\n            : this.#componentLocale.buttons.update}\n      </button>\n    );\n  };\n\n  #renderLocalChanges = () => {\n    if (this.pendingCommitChangesCount > 0) {\n      return (\n        <Fragment>\n          <ch-edit\n            id=\"commit-message-input\"\n            class=\"input commit-message-textarea\"\n            value={this.commitMessage}\n            accessibleName={this.#componentLocale.accessibleNames.commitMessage}\n            placeholder={this.#componentLocale.placeholders.commitMessage}\n            disabled={this.loadingLocalChanges}\n            onInput={this.#commitMessageInputHandler}\n            multiline\n          />\n          {this.#renderConfirmButton(\"local\")}\n          {this.#renderTreeChanges(\"local\")}\n        </Fragment>\n      );\n    }\n  };\n\n  #renderRemoteChanges = () => {\n    if (this.pendingRemoteChangesCount > 0) {\n      return (\n        <Fragment>\n          {this.#renderConfirmButton(\"remote\")}\n          {this.#renderTreeChanges(\"remote\")}\n        </Fragment>\n      );\n    }\n  };\n\n  render() {\n    const { existsGXServerSession } = this.teamDevPreviewData;\n    return (\n      <Host\n        class={{\n          \"widget\": true,\n          \"empty-state\": !this.#isTeamDevOptionsEnabled\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES} />\n        {!this.#isTeamDevOptionsEnabled || !existsGXServerSession ? (\n          <gx-ide-empty-state\n            isAnimated={true}\n            stateIconSrc={ERROR_ICON}\n            stateTitle={this.#getEmptyStateTitle()}\n            stateDescription={this.#getEmptyStateDescription()}\n          >\n            {this.#renderEmptyStateButton() && (\n              <button\n                class=\"button-primary empty-state-button\"\n                onClick={this.#getEmptyStateButtonHandler()}\n              >\n                {this.#getEmptyStateButtonText()}\n              </button>\n            )}\n            <div>\n              <p class=\"body-regular-s\">\n                {this.#componentLocale.emptyState.about}\n              </p>\n              <button\n                class=\"button-tertiary button-icon-and-text team-dev-button body-semi-bold-s\"\n                type=\"button\"\n                onClick={this.#openTeamDevInfoHandler}\n              >\n                {this.#componentLocale.buttons.teamDev}\n                <ch-image class=\"icon-m\" src={OPEN_WINDOW_ICON} type=\"mask\" />\n              </button>\n            </div>\n          </gx-ide-empty-state>\n        ) : (\n          <div class=\"main-container spacing-body scrollable\">\n            <div>\n              <p class=\"giu-static-pill-icon-and-text version giu-static-pill-icon-and-text--version elevation-02\">\n                <ch-image\n                  class=\"icon-m\"\n                  type=\"mask\"\n                  src={VERSION_ICON}\n                ></ch-image>\n                <span class=\"version-pill\">\n                  {this.teamDevPreviewData.versionName}\n                </span>\n              </p>\n            </div>\n            <ch-tab-render\n              class=\"tab tab-full-width-buttons scrollable border-style-none\"\n              model={this.tabModel}\n              selectedId={this.selectedTabId}\n              tabListPosition=\"block-start\"\n              onSelectedItemChange={this.#tabSelectionChangedHandler}\n            >\n              <div class=\"local-changes-container\" slot={LOCAL_CHANGES_TAB}>\n                {this.#renderEmptyState(\"local\")}\n                {this.#renderLocalChanges()}\n              </div>\n\n              <div class=\"remote-changes-container\" slot={REMOTE_CHANGES_TAB}>\n                {this.#renderEmptyState(\"remote\")}\n                {this.#renderRemoteChanges()}\n              </div>\n            </ch-tab-render>\n\n            <footer class=\"dialog-footer-with-border open-window-container\">\n              <div class=\"buttons-spacer\">\n                <button\n                  class=\"button-tertiary button-icon-and-text open-full-dialog-button\"\n                  onClick={this.#openFullDialogHandler}\n                >\n                  <ch-image class=\"icon-m\" src={OPEN_WINDOW_ICON} type=\"mask\" />\n                  {this.#componentLocale.footer.openFullDialog}\n                </button>\n              </div>\n            </footer>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type TeamDevPreviewData = {\n  versionName: string;\n  isFrozenVersion: boolean;\n  existsGXServerSession: boolean;\n  isKBOpen: boolean;\n  isLinkedVersion: boolean;\n  isLinkedKB: boolean;\n};\n\nexport type TeamDevPreviewMode = \"local\" | \"remote\";\n"],"mappings":"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"}
+{"version":3,"names":["teamDevPreviewCss","TeamDevEmptyState","CSS_BUNDLES","VERSION_ICON","getIconPath","category","name","colorType","ADD_ICON","EDITED_ICON","SUBTRACT_ICON","REFRESH_ICON","WARNING_ICON","OPEN_WINDOW_ICON","LOADER_ICON","ERROR_ICON","REMOTE_CHANGES_TAB","LOCAL_CHANGES_TAB","GxIdeTeamDevPreview","_GxIdeTeamDevPreview_componentLocale","set","this","_GxIdeTeamDevPreview_isPendingReloadLocalChanges","_GxIdeTeamDevPreview_isPendingReloadRemoteChanges","_GxIdeTeamDevPreview_commitData","_GxIdeTeamDevPreview_updateData","_GxIdeTeamDevPreview_prevVersionName","_GxIdeTeamDevPreview_isTeamDevOptionsEnabled","_GxIdeTeamDevPreview_emptyStateConfig","_GxIdeTeamDevPreview_localChangesTreeEL","_GxIdeTeamDevPreview_remoteChangesTreeEL","_GxIdeTeamDevPreview_setEmptyStateConfig","__classPrivateFieldSet","NoKBOpen","title","__classPrivateFieldGet","emptyState","noConnectedKBTitle","description","noOpenKBDescription","buttonText","buttons","createKBFromServer","buttonHandler","_GxIdeTeamDevPreview_createKBFromServerHandler","showButton","NoConnectedKB","noConnectedKBDescription","shareKBToServer","_GxIdeTeamDevPreview_shareKBToServerHandler","NoConnectedGXServer","noConnectedGXServerTitle","noConnectedGXServerDescription","reconnect","_GxIdeTeamDevPreview_reconnectHandler","NoLinkedVersion","noLinkedVersionTitle","noLinkedVersionDescription","undefined","FrozenVersion","frozenVersionTitle","frozenVersionDescription","None","_GxIdeTeamDevPreview_setTeamDevOptionsStatus","teamDevPreviewData","isKBOpen","isLinkedKB","isLinkedVersion","isFrozenVersion","existsGXServerSession","_GxIdeTeamDevPreview_loadChanges","async","type","loadingLocalChanges","loadLocalChangesCallback","_GxIdeTeamDevPreview_convertDataToTreeView","call","loadingRemoteChanges","loadRemoteChangesCallback","rootItemName","data","isLocal","pendingCommitChangesCount","_b","_a","pendingForCommit","length","captions","localChanges","pendingRemoteChangesCount","_d","_c","pendingForUpdate","remoteChanges","treeViewModel","id","caption","expanded","parts","items","map","item","startImgSrc","icon","typeIcon","endImgSrc","_GxIdeTeamDevPreview_renderIcon","state","action","h","style","display","color","marginLeft","module","leaf","localChangesTreeViewModel","_GxIdeTeamDevPreview_updateTabModel","remoteChangesTreeViewModel","_GxIdeTeamDevPreview_checkedItemsChangeHandler","event","checkedNodesIds","Array","from","detail","values","filter","node","checked","localChangesCheckedNodesIds","updateItemsProperties","remoteChangesCheckedNodesIds","shareKBToServerCallback","createKBFromServerCallback","_GxIdeTeamDevPreview_openFullDialogHandler","openFullDialogCallback","_GxIdeTeamDevPreview_commitChangesHandler","committingChanges","commitCallback","commitMessage","_GxIdeTeamDevPreview_commitMessageInputHandler","_GxIdeTeamDevPreview_updateRemoteChangesHandler","updatingChanges","updateCallback","_GxIdeTeamDevPreview_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdeTeamDevPreview_openTeamDevInfoHandler","openTeamDevInfoCallback","reconnectCallback","value","iconMap","inserted","modified","deleted","conflicted","_GxIdeTeamDevPreview_disableConfirmButton","trim","serverOperationsDisabled","tabId","tabModel","tab","_GxIdeTeamDevPreview_getEmptyStateTitle","getEmptyStateType","_GxIdeTeamDevPreview_getEmptyStateDescription","_GxIdeTeamDevPreview_getEmptyStateButtonText","_GxIdeTeamDevPreview_getEmptyStateButtonHandler","_GxIdeTeamDevPreview_renderEmptyStateButton","_GxIdeTeamDevPreview_renderReloadChangesButton","isLoading","isConfirmationInProcess","reloadCaption","reloadingCaption","reloadLocal","reloadingLocal","reloadRemote","reloadingRemote","class","onClick","disabled","src","_GxIdeTeamDevPreview_renderEmptyState","show","message","noLocalChanges","noRemoteChanges","_GxIdeTeamDevPreview_renderTreeChanges","Fragment","checkbox","model","toggleCheckboxes","onCheckedItemsChange","expandableButton","expandOnClick","ref","el","_GxIdeTeamDevPreview_renderConfirmButton","committing","updating","commit","update","_GxIdeTeamDevPreview_renderLocalChanges","accessibleName","accessibleNames","placeholder","placeholders","onInput","multiline","_GxIdeTeamDevPreview_renderRemoteChanges","onTeamDevPreviewDataChanged","versionName","versionChanged","reloadChanges","componentWillLoad","Locale","getComponentStrings","componentDidLoad","isActiveTab","disableServerOperations","render","Host","widget","isAnimated","stateIconSrc","stateTitle","stateDescription","about","teamDev","selectedId","tabListPosition","onSelectedItemChange","slot","footer","openFullDialog"],"sources":["src/components/team-dev/preview/team-dev-preview.scss?tag=gx-ide-team-dev-preview&encapsulation=shadow","src/components/team-dev/preview/team-dev-preview.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n// Variables para gaps y tamaños\n$gap-main: var(--spacing-gap-xl);\n$gap-secondary: var(--spacing-gap-m);\n$max-button-width: 300px;\n$commit-message-height: 65px;\n\n// Mixin para grid con gap\n@mixin grid-gap($gap) {\n  display: grid;\n  gap: $gap;\n}\n\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.main-container {\n  @include grid-gap($gap-main);\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n\n  .local-changes-container {\n    @include grid-gap($gap-secondary);\n    grid-template-rows: max-content max-content max-content 1fr;\n    padding-inline: 0;\n  }\n  .remote-changes-container {\n    @include grid-gap($gap-secondary);\n    grid-template-rows: max-content max-content 1fr;\n    padding-inline: 0;\n  }\n}\n\n.dialog-footer-with-border.open-window-container {\n  --dialog-footer-justify-content: flex-start;\n}\n\n// WA: Loader animation workaround, ideally move to mercury\n.loader-icon {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n// WA: Avoid scrollbar flickering for empty state\n.empty-state {\n  overflow: hidden;\n}\n\n.giu-static-pill-icon-and-text {\n  background-color: var(--color-accent-surface-elevation-2);\n}\n\n.tab {\n  overflow: auto;\n  row-gap: $gap-secondary;\n\n  &.border-style-none {\n    border-style: none;\n  }\n}\n\n.empty-state-button {\n  inline-size: 100%;\n  max-inline-size: $max-button-width;\n}\n\n.button-tertiary {\n  &.team-dev-button {\n    text-decoration: underline;\n    color: var(--color-text-neutral-default);\n  }\n\n  &.refresh-button,\n  &.open-full-dialog-button {\n    justify-self: start;\n  }\n}\n\n.commit-message-textarea {\n  block-size: $commit-message-height;\n}\n\n.empty-state-container {\n  @include grid-gap($gap-secondary);\n  grid-template-rows: max-content max-content;\n}\n\n// WA: These styles display the tree as a flat list while preserving tree functionality.\n\n// Style for change-item header\nch-tree-view-render::part(change-item item__header) {\n  padding-inline-start: 0;\n}\n\n// Style for root-item header\nch-tree-view-render::part(root-item item__header) {\n  padding-inline-start: 0;\n  font-weight: var(--font-style-semi-bold);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-tight);\n}\n\n.version-pill {\n  @include ellipsis;\n}\n\n.giu-static-pill-icon-and-text.version {\n  grid-auto-columns: unset;\n}\n","import {\n  ChEditCustomEvent,\n  TabModel,\n  TabSelectedItemInfo,\n  TreeViewItemModelExtended,\n  TreeViewModel\n} from \"@genexus/chameleon-controls-library\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  Action,\n  CommitCallback,\n  CommitData,\n  LoadLocalChangesCallback,\n  LoadRemoteChangesCallback,\n  ModifiedObject,\n  ModifiedObjectData,\n  ObjectState,\n  UpdateCallback,\n  UpdateData\n} from \"../version-control/common/types\";\n\nenum TeamDevEmptyState {\n  NoKBOpen,\n  NoConnectedKB,\n  NoConnectedGXServer,\n  NoLinkedVersion,\n  FrozenVersion,\n  None\n}\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\",\n  \"components/tree-view\",\n  \"components/tab\"\n];\n\nconst VERSION_ICON = getIconPath({\n  category: \"system\",\n  name: \"version\",\n  colorType: \"on-surface\"\n});\n\nconst ADD_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\n\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\n\nconst SUBTRACT_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\n\nconst REFRESH_ICON = getIconPath({\n  category: \"system\",\n  name: \"refresh\",\n  colorType: \"primary\"\n});\n\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"on-surface\"\n});\n\nconst LOADER_ICON = getIconPath({\n  category: \"system\",\n  name: \"loading\",\n  colorType: \"primary\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"on-surface\"\n});\n\nconst REMOTE_CHANGES_TAB = \"remote-changes-tab\";\nconst LOCAL_CHANGES_TAB = \"local-changes-tab\";\n\n@Component({\n  tag: \"gx-ide-team-dev-preview\",\n  styleUrl: \"team-dev-preview.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-preview\"]\n})\nexport class GxIdeTeamDevPreview {\n  #componentLocale: any;\n  #isPendingReloadLocalChanges: boolean = false;\n  #isPendingReloadRemoteChanges: boolean = false;\n  #commitData: CommitData;\n  #updateData: UpdateData;\n  #prevVersionName: string;\n  #isTeamDevOptionsEnabled: boolean = false;\n  #emptyStateConfig: { [key: string]: any } = {};\n  #localChangesTreeEL: HTMLChTreeViewRenderElement;\n  #remoteChangesTreeEL: HTMLChTreeViewRenderElement;\n\n  @Element() el: HTMLGxIdeTeamDevPreviewElement;\n\n  @State() loadingRemoteChanges: boolean = false;\n  @State() loadingLocalChanges: boolean = true;\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Currently selected tab ID\n   */\n  @State() selectedTabId: string = LOCAL_CHANGES_TAB;\n\n  /**\n   * Number of pending commit changes\n   */\n  @State() pendingCommitChangesCount: number = 0;\n  /**\n   * Number of pending remote changes\n   */\n  @State() pendingRemoteChangesCount: number = 0;\n\n  /**\n   * Represents the tree view model for remote changes\n   */\n  @State() remoteChangesTreeViewModel: TreeViewModel = [];\n\n  /**\n   * Represents the tree view model for local changes\n   */\n  @State() localChangesTreeViewModel: TreeViewModel = [];\n\n  /**\n   * Represents the selected nodes ids from remote changes tree\n   */\n  @State() remoteChangesCheckedNodesIds: string[] = [];\n\n  /**\n   * Represents the selected nodes ids from local changes tree\n   */\n  @State() localChangesCheckedNodesIds: string[] = [];\n\n  /**\n   * Commit message entered by the user\n   */\n  @State() commitMessage: string = \"\";\n\n  /**\n   * Indicates if the commit process is ongoing\n   */\n  @State() committingChanges: boolean = false;\n\n  /**\n   * Indicates if the update process is ongoing\n   */\n  @State() updatingChanges: boolean = false;\n\n  /**\n   * Indicates if the server operations (commit/update) should be disabled\n   */\n  @State() serverOperationsDisabled: boolean = false;\n\n  /**\n   * Data required to render the Team Dev Preview\n   */\n  @Prop() readonly teamDevPreviewData: TeamDevPreviewData;\n  @Watch(\"teamDevPreviewData\")\n  async onTeamDevPreviewDataChanged() {\n    const { versionName } = this.teamDevPreviewData;\n    let versionChanged = false;\n\n    this.#setTeamDevOptionsStatus();\n    if (this.#prevVersionName !== versionName) {\n      this.#prevVersionName = versionName;\n      versionChanged = true;\n    }\n\n    if (this.#isTeamDevOptionsEnabled && versionChanged) {\n      await this.reloadChanges(\"local\");\n      await this.reloadChanges(\"remote\");\n    }\n  }\n\n  /**\n   * Invoked to return the list of remote changes\n   */\n  @Prop() readonly loadRemoteChangesCallback!: LoadRemoteChangesCallback;\n\n  /**\n   * Invoked to return the list of local changes\n   */\n  @Prop() readonly loadLocalChangesCallback!: LoadLocalChangesCallback;\n\n  /**\n   * Invoked when user starts the commit process\n   */\n  @Prop() readonly commitCallback!: CommitCallback;\n\n  /**\n   * Invoked when user starts the update process\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Invoked to open the full Team Dev dialog\n   */\n  @Prop() readonly openFullDialogCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to share the knowledge base to the server\n   */\n  @Prop() readonly shareKBToServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to create a knowledge base from the server\n   */\n  @Prop() readonly createKBFromServerCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to open the Team Development information\n   */\n  @Prop() readonly openTeamDevInfoCallback!: () => Promise<void>;\n\n  /**\n   * Invoked to reconnect to GeneXus Server\n   */\n  @Prop() readonly reconnectCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#setTeamDevOptionsStatus();\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.tabModel = [\n      {\n        id: LOCAL_CHANGES_TAB,\n        name: `${this.#componentLocale.captions.localChanges}`\n      },\n      {\n        id: REMOTE_CHANGES_TAB,\n        name: `${this.#componentLocale.captions.remoteChanges}`\n      }\n    ];\n    this.#setEmptyStateConfig();\n  }\n\n  async componentDidLoad() {\n    if (this.#isTeamDevOptionsEnabled) {\n      await this.#loadChanges(\"local\");\n      this.#isPendingReloadRemoteChanges = true;\n    }\n    this.loadingLocalChanges = false;\n  }\n\n  /**\n   * Used by the host to reload remote or local changes\n   */\n  @Method()\n  async reloadChanges(type: TeamDevPreviewMode) {\n    const isLocal = type === \"local\";\n    const isActiveTab = isLocal\n      ? this.selectedTabId === LOCAL_CHANGES_TAB\n      : this.selectedTabId === REMOTE_CHANGES_TAB;\n\n    if (!isActiveTab) {\n      if (isLocal) {\n        this.#isPendingReloadLocalChanges = true;\n      } else {\n        this.#isPendingReloadRemoteChanges = true;\n      }\n      return;\n    }\n\n    isLocal\n      ? await this.#loadChanges(\"local\")\n      : await this.#loadChanges(\"remote\");\n  }\n\n  /**\n   * Used by the host to instruct the component to disable the commit/update button.\n   */\n  @Method()\n  async disableServerOperations(value: boolean) {\n    this.serverOperationsDisabled = value;\n  }\n\n  #setEmptyStateConfig = () => {\n    this.#emptyStateConfig = {\n      [TeamDevEmptyState.NoKBOpen]: {\n        title: this.#componentLocale.emptyState.noConnectedKBTitle,\n        description: this.#componentLocale.emptyState.noOpenKBDescription,\n        buttonText: this.#componentLocale.buttons.createKBFromServer,\n        buttonHandler: this.#createKBFromServerHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoConnectedKB]: {\n        title: this.#componentLocale.emptyState.noConnectedKBTitle,\n        description: this.#componentLocale.emptyState.noConnectedKBDescription,\n        buttonText: this.#componentLocale.buttons.shareKBToServer,\n        buttonHandler: this.#shareKBToServerHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoConnectedGXServer]: {\n        title: this.#componentLocale.emptyState.noConnectedGXServerTitle,\n        description:\n          this.#componentLocale.emptyState.noConnectedGXServerDescription,\n        buttonText: this.#componentLocale.buttons.reconnect,\n        buttonHandler: this.#reconnectHandler,\n        showButton: true\n      },\n      [TeamDevEmptyState.NoLinkedVersion]: {\n        title: this.#componentLocale.emptyState.noLinkedVersionTitle,\n        description:\n          this.#componentLocale.emptyState.noLinkedVersionDescription,\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      },\n      [TeamDevEmptyState.FrozenVersion]: {\n        title: this.#componentLocale.emptyState.frozenVersionTitle,\n        description: this.#componentLocale.emptyState.frozenVersionDescription,\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      },\n      [TeamDevEmptyState.None]: {\n        title: \"\",\n        description: \"\",\n        buttonText: \"\",\n        buttonHandler: undefined,\n        showButton: false\n      }\n    };\n  };\n\n  #setTeamDevOptionsStatus = () => {\n    if (\n      this.teamDevPreviewData.isKBOpen &&\n      this.teamDevPreviewData.isLinkedKB &&\n      this.teamDevPreviewData.isLinkedVersion &&\n      !this.teamDevPreviewData.isFrozenVersion &&\n      this.teamDevPreviewData.existsGXServerSession\n    ) {\n      this.#isTeamDevOptionsEnabled = true;\n      return;\n    }\n    this.#isTeamDevOptionsEnabled = false;\n  };\n\n  #loadChanges = async (type: TeamDevPreviewMode) => {\n    if (type === \"local\") {\n      this.loadingLocalChanges = true;\n      this.#commitData = await this.loadLocalChangesCallback();\n      this.#convertDataToTreeView(\"local\");\n      this.loadingLocalChanges = false;\n      this.#isPendingReloadLocalChanges = false;\n    } else {\n      this.loadingRemoteChanges = true;\n      this.#updateData = await this.loadRemoteChangesCallback();\n      this.#convertDataToTreeView(\"remote\");\n      this.loadingRemoteChanges = false;\n      this.#isPendingReloadRemoteChanges = false;\n    }\n  };\n\n  #convertDataToTreeView = (type: TeamDevPreviewMode) => {\n    let rootItemName = \"\";\n    let data: ModifiedObjectData[] | ModifiedObject[];\n    const isLocal = type === \"local\";\n    if (isLocal) {\n      this.pendingCommitChangesCount =\n        this.#commitData?.pendingForCommit?.length || 0;\n      rootItemName = `${this.#componentLocale.captions.localChanges} (${this.pendingCommitChangesCount})`;\n      data = this.#commitData.pendingForCommit;\n    } else {\n      this.pendingRemoteChangesCount =\n        this.#updateData?.pendingForUpdate?.length || 0;\n      rootItemName = `${this.#componentLocale.captions.remoteChanges} (${this.pendingRemoteChangesCount})`;\n      data = this.#updateData.pendingForUpdate;\n    }\n\n    const treeViewModel: TreeViewModel = [\n      {\n        id: \"root\",\n        caption: rootItemName,\n        expanded: true,\n        parts: \"root-item\",\n        items: data?.map(item => ({\n          id: item.id,\n          startImgSrc: isLocal\n            ? (item as ModifiedObjectData).type.icon\n            : (item as ModifiedObject).typeIcon,\n          endImgSrc: isLocal\n            ? this.#renderIcon((item as ModifiedObjectData).state)\n            : this.#renderIcon((item as ModifiedObject).action),\n          caption: (\n            //WA: Used to apply different styles to the item caption and path\n            <div\n              style={{\n                display: \"flex\"\n              }}\n            >\n              <span>{item.name}</span>\n              <span\n                style={{\n                  color: \"var(--mer-color__neutral-gray--450)\",\n                  marginLeft: \"4px\"\n                }}\n              >\n                {item.module}\n              </span>\n            </div>\n          ),\n          leaf: true,\n          parts: \"change-item\"\n        }))\n      }\n    ];\n\n    if (isLocal) {\n      this.localChangesTreeViewModel = treeViewModel;\n      this.#updateTabModel(LOCAL_CHANGES_TAB);\n    } else {\n      this.remoteChangesTreeViewModel = treeViewModel;\n      this.#updateTabModel(REMOTE_CHANGES_TAB);\n    }\n  };\n\n  #checkedItemsChangeHandler = async (\n    event: CustomEvent<Map<string, TreeViewItemModelExtended>>,\n    type: TeamDevPreviewMode\n  ) => {\n    const checkedNodesIds = Array.from(event.detail.values())\n      .filter(node => node.item.checked && node.item.id !== \"root\")\n      .map(node => node.item.id);\n\n    if (type === \"local\") {\n      this.localChangesCheckedNodesIds = checkedNodesIds;\n      this.#localChangesTreeEL.updateItemsProperties([\"root\"], {\n        caption: `${this.#componentLocale.captions.localChanges} (${this.localChangesCheckedNodesIds.length}/${this.pendingCommitChangesCount})`\n      });\n    } else {\n      this.remoteChangesCheckedNodesIds = checkedNodesIds;\n      this.#remoteChangesTreeEL.updateItemsProperties([\"root\"], {\n        caption: `${this.#componentLocale.captions.remoteChanges} (${this.remoteChangesCheckedNodesIds.length}/${this.pendingRemoteChangesCount})`\n      });\n    }\n  };\n\n  #shareKBToServerHandler = async () => {\n    await this.shareKBToServerCallback();\n  };\n\n  #createKBFromServerHandler = async () => {\n    await this.createKBFromServerCallback();\n  };\n\n  #openFullDialogHandler = async () => {\n    await this.openFullDialogCallback();\n  };\n\n  #commitChangesHandler = async () => {\n    this.committingChanges = true;\n    await this.commitCallback(\n      this.localChangesCheckedNodesIds,\n      this.commitMessage\n    );\n    this.commitMessage = \"\";\n    this.committingChanges = false;\n  };\n\n  #commitMessageInputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.commitMessage = (event.detail as string) || \"\";\n  };\n\n  #updateRemoteChangesHandler = async () => {\n    this.updatingChanges = true;\n    await this.updateCallback(this.remoteChangesCheckedNodesIds);\n    this.updatingChanges = false;\n    this.remoteChangesCheckedNodesIds = [];\n  };\n\n  #tabSelectionChangedHandler = async (\n    event: CustomEvent<TabSelectedItemInfo>\n  ): Promise<void> => {\n    this.selectedTabId = event.detail.newSelectedId;\n    if (\n      this.selectedTabId === LOCAL_CHANGES_TAB &&\n      this.#isPendingReloadLocalChanges\n    ) {\n      await this.#loadChanges(\"local\");\n    }\n    if (\n      this.selectedTabId === REMOTE_CHANGES_TAB &&\n      this.#isPendingReloadRemoteChanges\n    ) {\n      await this.#loadChanges(\"remote\");\n    }\n  };\n\n  #openTeamDevInfoHandler = async () => {\n    await this.openTeamDevInfoCallback();\n  };\n\n  #reconnectHandler = async () => {\n    await this.reconnectCallback();\n  };\n\n  #renderIcon = (value: ObjectState | Action) => {\n    const iconMap = {\n      \"inserted\": ADD_ICON,\n      \"modified\": EDITED_ICON,\n      \"deleted\": SUBTRACT_ICON,\n      \"conflicted\": WARNING_ICON,\n      \"modified-with-conflicts\": WARNING_ICON\n    };\n    return iconMap[value] || null;\n  };\n\n  #disableConfirmButton = (type: TeamDevPreviewMode): boolean => {\n    const isLocal = type === \"local\";\n    if (isLocal) {\n      return (\n        this.loadingLocalChanges ||\n        !this.commitMessage.trim().length ||\n        this.localChangesCheckedNodesIds.length === 0 ||\n        this.committingChanges ||\n        this.serverOperationsDisabled\n      );\n    } else {\n      return (\n        this.loadingRemoteChanges ||\n        this.remoteChangesCheckedNodesIds.length === 0 ||\n        this.updatingChanges ||\n        this.serverOperationsDisabled\n      );\n    }\n  };\n\n  #updateTabModel = (tabId: string) => {\n    this.tabModel = this.tabModel.map(tab =>\n      tab.id === tabId\n        ? {\n            ...tab,\n            name:\n              tabId === LOCAL_CHANGES_TAB\n                ? `${this.#componentLocale.captions.localChanges} (${this.pendingCommitChangesCount})`\n                : `${this.#componentLocale.captions.remoteChanges} (${this.pendingRemoteChangesCount})`\n          }\n        : tab\n    );\n  };\n\n  private getEmptyStateType(): TeamDevEmptyState {\n    const {\n      isFrozenVersion,\n      existsGXServerSession,\n      isKBOpen,\n      isLinkedVersion,\n      isLinkedKB\n    } = this.teamDevPreviewData;\n    if (!isKBOpen) {\n      return TeamDevEmptyState.NoKBOpen;\n    }\n    if (isKBOpen && !isLinkedKB) {\n      return TeamDevEmptyState.NoConnectedKB;\n    }\n    if (isKBOpen && isLinkedKB && !isLinkedVersion && !existsGXServerSession) {\n      return TeamDevEmptyState.NoConnectedGXServer;\n    }\n    if (isKBOpen && isLinkedKB && !isLinkedVersion) {\n      return TeamDevEmptyState.NoLinkedVersion;\n    }\n    if (isKBOpen && isLinkedKB && existsGXServerSession && isFrozenVersion) {\n      return TeamDevEmptyState.FrozenVersion;\n    }\n    if (isKBOpen && isLinkedKB && !existsGXServerSession) {\n      return TeamDevEmptyState.NoConnectedGXServer;\n    }\n    return TeamDevEmptyState.None;\n  }\n\n  #getEmptyStateTitle = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].title;\n\n  #getEmptyStateDescription = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].description;\n\n  #getEmptyStateButtonText = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].buttonText;\n\n  #getEmptyStateButtonHandler = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].buttonHandler;\n\n  #renderEmptyStateButton = () =>\n    this.#emptyStateConfig[this.getEmptyStateType()].showButton;\n\n  #renderReloadChangesButton = (type: TeamDevPreviewMode) => {\n    let isLoading = false;\n    let isConfirmationInProcess = false;\n    let reloadCaption;\n    let reloadingCaption;\n    const isLocal = type === \"local\";\n\n    if (isLocal) {\n      isLoading = this.loadingLocalChanges;\n      isConfirmationInProcess = this.committingChanges;\n      reloadCaption = this.#componentLocale.buttons.reloadLocal;\n      reloadingCaption = this.#componentLocale.buttons.reloadingLocal;\n    } else {\n      isLoading = this.loadingRemoteChanges;\n      isConfirmationInProcess = this.updatingChanges;\n      reloadCaption = this.#componentLocale.buttons.reloadRemote;\n      reloadingCaption = this.#componentLocale.buttons.reloadingRemote;\n    }\n    return (\n      <button\n        class=\"button-tertiary button-icon-and-text body-regular-s refresh-button\"\n        type=\"button\"\n        onClick={\n          isLocal\n            ? () => this.#loadChanges(\"local\")\n            : () => this.#loadChanges(\"remote\")\n        }\n        disabled={\n          isLoading || isConfirmationInProcess || this.serverOperationsDisabled\n        }\n      >\n        <ch-image\n          class={{\n            \"icon-m\": true,\n            \"loader-icon\": isLoading\n          }}\n          src={isLoading ? LOADER_ICON : REFRESH_ICON}\n          type=\"mask\"\n        />\n\n        {isLoading ? reloadingCaption : reloadCaption}\n      </button>\n    );\n  };\n\n  #renderEmptyState = (type: TeamDevPreviewMode) => {\n    let show = false;\n    let message = \"\";\n\n    if (type === \"local\" && this.pendingCommitChangesCount === 0) {\n      show = true;\n      message = this.#componentLocale.emptyState.noLocalChanges;\n    } else if (type === \"remote\" && this.pendingRemoteChangesCount === 0) {\n      show = true;\n      message = this.#componentLocale.emptyState.noRemoteChanges;\n    }\n\n    return show ? (\n      <div class=\"empty-state-container\">\n        <p class=\"body-regular-s\">{message}</p>\n        {this.#renderReloadChangesButton(type)}\n      </div>\n    ) : null;\n  };\n\n  #renderTreeChanges = (type: TeamDevPreviewMode) => {\n    const isLocal = type === \"local\";\n\n    if (isLocal) {\n      return (\n        <Fragment>\n          {this.#renderReloadChangesButton(type)}\n          {!this.loadingLocalChanges && !this.committingChanges && (\n            <ch-tree-view-render\n              checkbox\n              checked\n              class=\"tree-view\"\n              model={this.localChangesTreeViewModel}\n              toggleCheckboxes\n              onCheckedItemsChange={event =>\n                this.#checkedItemsChangeHandler(event, type)\n              }\n              expandableButton=\"no\"\n              expandOnClick={false}\n              ref={el =>\n                (this.#localChangesTreeEL = el as HTMLChTreeViewRenderElement)\n              }\n            />\n          )}\n        </Fragment>\n      );\n    } else {\n      return (\n        <Fragment>\n          {this.#renderReloadChangesButton(type)}\n          {!this.loadingRemoteChanges && !this.updatingChanges && (\n            <ch-tree-view-render\n              checkbox\n              checked\n              class=\"tree-view\"\n              model={this.remoteChangesTreeViewModel}\n              toggleCheckboxes\n              onCheckedItemsChange={event =>\n                this.#checkedItemsChangeHandler(event, type)\n              }\n              expandableButton=\"no\"\n              expandOnClick={false}\n              ref={el =>\n                (this.#remoteChangesTreeEL = el as HTMLChTreeViewRenderElement)\n              }\n            />\n          )}\n        </Fragment>\n      );\n    }\n  };\n\n  #renderConfirmButton = (type: TeamDevPreviewMode) => {\n    const isLocal = type === \"local\";\n    let isConfirmationInProcess = false;\n    let id = \"\";\n    if (isLocal) {\n      isConfirmationInProcess = this.committingChanges;\n      id = \"commit-changes-button\";\n    } else {\n      isConfirmationInProcess = this.updatingChanges;\n      id = \"update-remote-changes-button\";\n    }\n    return (\n      <button\n        id={id}\n        class={{\n          \"button-primary\": true,\n          \"button-icon-and-text\": isConfirmationInProcess\n        }}\n        type=\"button\"\n        disabled={this.#disableConfirmButton(type)}\n        onClick={\n          isLocal\n            ? this.#commitChangesHandler\n            : this.#updateRemoteChangesHandler\n        }\n      >\n        {isConfirmationInProcess && (\n          <ch-image class=\"icon-m loader-icon\" src={LOADER_ICON} type=\"mask\" />\n        )}\n        {isConfirmationInProcess\n          ? isLocal\n            ? this.#componentLocale.buttons.committing\n            : this.#componentLocale.buttons.updating\n          : isLocal\n            ? this.#componentLocale.buttons.commit\n            : this.#componentLocale.buttons.update}\n      </button>\n    );\n  };\n\n  #renderLocalChanges = () => {\n    if (this.pendingCommitChangesCount > 0) {\n      return (\n        <Fragment>\n          <ch-edit\n            id=\"commit-message-input\"\n            class=\"input commit-message-textarea\"\n            value={this.commitMessage}\n            accessibleName={this.#componentLocale.accessibleNames.commitMessage}\n            placeholder={this.#componentLocale.placeholders.commitMessage}\n            disabled={this.loadingLocalChanges}\n            onInput={this.#commitMessageInputHandler}\n            multiline\n          />\n          {this.#renderConfirmButton(\"local\")}\n          {this.#renderTreeChanges(\"local\")}\n        </Fragment>\n      );\n    }\n  };\n\n  #renderRemoteChanges = () => {\n    if (this.pendingRemoteChangesCount > 0) {\n      return (\n        <Fragment>\n          {this.#renderConfirmButton(\"remote\")}\n          {this.#renderTreeChanges(\"remote\")}\n        </Fragment>\n      );\n    }\n  };\n\n  render() {\n    const { existsGXServerSession } = this.teamDevPreviewData;\n    return (\n      <Host\n        class={{\n          \"widget\": true,\n          \"empty-state\": !this.#isTeamDevOptionsEnabled\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES} />\n        {!this.#isTeamDevOptionsEnabled || !existsGXServerSession ? (\n          <gx-ide-empty-state\n            isAnimated={true}\n            stateIconSrc={ERROR_ICON}\n            stateTitle={this.#getEmptyStateTitle()}\n            stateDescription={this.#getEmptyStateDescription()}\n          >\n            {this.#renderEmptyStateButton() && (\n              <button\n                class=\"button-primary empty-state-button\"\n                onClick={this.#getEmptyStateButtonHandler()}\n              >\n                {this.#getEmptyStateButtonText()}\n              </button>\n            )}\n            <div>\n              <p class=\"body-regular-s\">\n                {this.#componentLocale.emptyState.about}\n              </p>\n              <button\n                class=\"button-tertiary button-icon-and-text team-dev-button body-semi-bold-s\"\n                type=\"button\"\n                onClick={this.#openTeamDevInfoHandler}\n              >\n                {this.#componentLocale.buttons.teamDev}\n                <ch-image class=\"icon-m\" src={OPEN_WINDOW_ICON} type=\"mask\" />\n              </button>\n            </div>\n          </gx-ide-empty-state>\n        ) : (\n          <div class=\"main-container spacing-body scrollable\">\n            <p class=\"giu-static-pill-icon-and-text version giu-static-pill-icon-and-text--version elevation-02\">\n              <ch-image\n                class=\"icon-m\"\n                type=\"mask\"\n                src={VERSION_ICON}\n              ></ch-image>\n              <span class=\"version-pill\">\n                {this.teamDevPreviewData.versionName}\n              </span>\n            </p>\n            <ch-tab-render\n              class=\"tab tab-full-width-buttons scrollable border-style-none\"\n              model={this.tabModel}\n              selectedId={this.selectedTabId}\n              tabListPosition=\"block-start\"\n              onSelectedItemChange={this.#tabSelectionChangedHandler}\n            >\n              <div class=\"local-changes-container\" slot={LOCAL_CHANGES_TAB}>\n                {this.#renderEmptyState(\"local\")}\n                {this.#renderLocalChanges()}\n              </div>\n\n              <div class=\"remote-changes-container\" slot={REMOTE_CHANGES_TAB}>\n                {this.#renderEmptyState(\"remote\")}\n                {this.#renderRemoteChanges()}\n              </div>\n            </ch-tab-render>\n\n            <footer class=\"dialog-footer-with-border open-window-container\">\n              <div class=\"buttons-spacer\">\n                <button\n                  class=\"button-tertiary button-icon-and-text open-full-dialog-button\"\n                  onClick={this.#openFullDialogHandler}\n                >\n                  <ch-image class=\"icon-m\" src={OPEN_WINDOW_ICON} type=\"mask\" />\n                  {this.#componentLocale.footer.openFullDialog}\n                </button>\n              </div>\n            </footer>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type TeamDevPreviewData = {\n  versionName: string;\n  isFrozenVersion: boolean;\n  existsGXServerSession: boolean;\n  isKBOpen: boolean;\n  isLinkedVersion: boolean;\n  isLinkedKB: boolean;\n};\n\nexport type TeamDevPreviewMode = \"local\" | \"remote\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-b2966a6b.entry.js → p-d7964c12.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, h as i, H as n, a as e } from "./p-9b9ccd0c.js";
 
-const a = ":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:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--timing-fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--spacing-gap-xl);padding:var(--spacing-padding-xl)}.main-container__icon-wrapper{border:1px dashed var(--color-accent-primary-default);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--spacing-gap-m)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}.description{line-height:var(--line-height-spacious) !important;color:var(--color-text-neutral-neutral)}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
+const a = ":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:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--timing-fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--spacing-gap-xl);padding:var(--spacing-padding-xl)}.main-container__icon-wrapper{border:1px dashed var(--color-accent-primary-default);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--spacing-gap-m)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}.description{line-height:var(--line-height-spacious) !important;color:var(--color-text-neutral-neutral)}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
 
 const o = [ "resets/box-sizing", "components/button", "components/icon", "utils/typography" ];
 
@@ -42,4 +42,4 @@ const r = class {
 r.style = a;
 
 export { r as gx_ide_empty_state };
-//# sourceMappingURL=p-b2966a6b.entry.js.map
+//# sourceMappingURL=p-d7964c12.entry.js.map

package/dist/genexus-ide-ui/{p-8735d37c.entry.js → p-dbf9a97d.entry.js}

@@ -4,7 +4,7 @@ import { c as s } from "./p-c5196b3b.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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--spacing-gap-l)}.hidden-input{display:none}";
+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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;align-items:center;grid-template-columns:max-content 1fr min-content;gap:var(--spacing-gap-l)}.hidden-input{display:none}";
 
 const l = class {
   constructor(e) {
@@ -123,4 +123,4 @@ const l = class {
 l.style = r;
 
 export { l as gx_ide_bpm_import_gxpm };
-//# sourceMappingURL=p-8735d37c.entry.js.map
+//# sourceMappingURL=p-dbf9a97d.entry.js.map

package/dist/genexus-ide-ui/{p-14823abe.entry.js → p-e0fb6257.entry.js}

@@ -14,7 +14,7 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-const l = ":host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
+const l = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto;block-size:100%}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
 
 var c = 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 h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, a)
   return i === "a" ? a.call(t, s) : a ? a.value = s : e.set(t, s), s;
 };
 
-var d, u, f, p, b, m, g, w, y, v, k, M, W, j, x, C, z, E, T, _, D;
+var d, u, f, b, p, m, g, w, y, v, k, M, W, j, x, C, z, E, T, _, D;
 
 // Best performance bundle
 const P = [ "resets/box-sizing", "components/button", "components/edit", "components/tabular-grid", "components/icon", "utils/form", "utils/layout", "utils/spacing", "chameleon/scrollbar" ];
@@ -48,8 +48,8 @@ const F = class {
         u.set(this, false);
  // used to select the first item after "loadItemsCallback"
         f.set(this, void 0);
-    p.set(this, false);
-    b.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
+    b.set(this, false);
+    p.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
     /* References needed to collect data */    m.set(this, void 0);
     g.set(this, void 0);
     w.set(this, void 0);
@@ -143,7 +143,7 @@ const F = class {
       const t = !this.objects.length;
       const e = this.loader && this.loading;
       if (!t || e) {
-        h(this, p, true, "f");
+        h(this, b, true, "f");
  // improve performance if is first render
             }
       return s("ch-tabular-grid", {
@@ -209,7 +209,7 @@ const F = class {
         loaderTitle: c(this, f, "f").loader.title,
         show: true
       }) : s("gx-ide-empty-state", {
-        isAnimated: c(this, p, "f"),
+        isAnimated: c(this, b, "f"),
         stateIconSrc: S,
         stateTitle: c(this, f, "f").emptyState.title
       }))));
@@ -302,7 +302,7 @@ const F = class {
     }, s("ch-theme", {
       model: P
     }), s("ch-shortcuts", {
-      src: c(this, b, "f"),
+      src: c(this, p, "f"),
       ref: t => h(this, w, t, "f")
     }), s("section", {
       class: "section"
@@ -344,7 +344,7 @@ const F = class {
   }
 };
 
-d = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, b = new WeakMap, 
+d = new WeakMap, u = new WeakMap, f = new WeakMap, b = new WeakMap, p = new WeakMap, 
 m = new WeakMap, g = new WeakMap, w = new WeakMap, y = new WeakMap, v = new WeakMap, 
 k = new WeakMap, M = new WeakMap, W = new WeakMap, j = new WeakMap, x = new WeakMap, 
 C = new WeakMap, z = new WeakMap, E = new WeakMap, T = new WeakMap, _ = new WeakMap, 
@@ -353,4 +353,4 @@ D = new WeakMap;
 F.style = l;
 
 export { F as gx_ide_data_selector };
-//# sourceMappingURL=p-14823abe.entry.js.map
+//# sourceMappingURL=p-e0fb6257.entry.js.map

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

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

package/dist/genexus-ide-ui/{p-734d5fa1.entry.js → p-e32f5b19.entry.js}

@@ -10,7 +10,7 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-const o = '/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.gxi-hidden {\n  display: none !important;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-style-regular);\n  font-size: var(--font-size-body-m);\n  font-family: var(--font-family-body);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nPill\n- - - - - - - - - - - - - - - - - - */\n.giu-static-pill-icon-and-text, .giu-static-pill {\n  background-color: var(--elevation-background-color, var(--color-accent-surface-elevation-1));\n  padding-inline: var(--spacing-padding-m);\n  color: var(--color-text-neutral-default);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-relaxed);\n  font-weight: var(--font-style-regular);\n  border-radius: 4px;\n  min-block-size: 25px;\n  display: inline-grid;\n  align-items: center;\n  pointer-events: none;\n}\n\n.giu-static-pill-icon-and-text {\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTab\n- - - - - - - - - - - - - - - - - - */\n.tab-full-width-buttons::part(tab-list block-start),\n.tab-full-width-buttons::part(tab-list block-end) {\n  grid-auto-columns: 1fr;\n}\n\n.tab-full-width-buttons::part(tab block-start) {\n  justify-content: center;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTree\n- - - - - - - - - - - - - - - - - - */\n/* Now the tree-view warning icon, looks gray on disabled items. This is a workaround to change the color to the enabled color, until this is resolved on Mercury. The solution might be to add a colorType for warning, error or success, that is static, meanning, it looks alwaws as "enabled", even if it is disabled. */\n.tree-view::part(item__header) {\n  --icon__system_warning_warning--disabled: var(\n    --icon__system_warning_warning--enabled\n  );\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTabular Grid\n- - - - - - - - - - - - - - - - - - */\n.tabular-grid {\n  --focus-outline-width: 1px;\n}\n\n:host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}';
+const o = '/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.gxi-hidden {\n  display: none !important;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--font-style-regular);\n  font-size: var(--font-size-body-m);\n  font-family: var(--font-family-body);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nPill\n- - - - - - - - - - - - - - - - - - */\n.giu-static-pill-icon-and-text, .giu-static-pill {\n  background-color: var(--elevation-background-color, var(--color-accent-surface-elevation-1));\n  padding-inline: var(--spacing-padding-m);\n  color: var(--color-text-neutral-default);\n  font-size: var(--font-size-body-s);\n  line-height: var(--line-height-relaxed);\n  font-weight: var(--font-style-regular);\n  border-radius: 4px;\n  min-block-size: 25px;\n  display: inline-grid;\n  align-items: center;\n  pointer-events: none;\n  inline-size: max-content;\n}\n\n.giu-static-pill-icon-and-text {\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  gap: var(--spacing-gap-m);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTab\n- - - - - - - - - - - - - - - - - - */\n.tab-full-width-buttons::part(tab-list block-start),\n.tab-full-width-buttons::part(tab-list block-end) {\n  grid-auto-columns: 1fr;\n}\n\n.tab-full-width-buttons::part(tab block-start) {\n  justify-content: center;\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTree\n- - - - - - - - - - - - - - - - - - */\n/* Now the tree-view warning icon, looks gray on disabled items. This is a workaround to change the color to the enabled color, until this is resolved on Mercury. The solution might be to add a colorType for warning, error or success, that is static, meanning, it looks alwaws as "enabled", even if it is disabled. */\n.tree-view::part(item__header) {\n  --icon__system_warning_warning--disabled: var(\n    --icon__system_warning_warning--enabled\n  );\n}\n\n/* - - - - - - - - - - - - - - - - - -\nTabular Grid\n- - - - - - - - - - - - - - - - - - */\n.tabular-grid {\n  --focus-outline-width: 1px;\n}\n\n:host {\n  display: block;\n}\n\nsection {\n  border-top: 1px solid #ccc;\n  margin-top: 300px;\n  container-name: section;\n  container-type: inline-size;\n}\n\ngxg-combo-box {\n  opacity: 1;\n}\n\n@container section (width < 400px) {\n  gxg-combo-box {\n    opacity: 0.5;\n  }\n}';
 
 const a = [ "resets/box-sizing", 
 // "utils/form",
@@ -56,4 +56,4 @@ const r = class {
 r.style = o;
 
 export { r as gx_ide_test };
-//# sourceMappingURL=p-734d5fa1.entry.js.map
+//# sourceMappingURL=p-e32f5b19.entry.js.map

package/dist/genexus-ide-ui/{p-af3cc463.entry.js → p-e3ff125f.entry.js}

@@ -4,7 +4,7 @@ import { c as n } from "./p-c5196b3b.js";
 
 import { L as s } from "./p-311eedf3.js";
 
-const o = ':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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
+const o = ':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}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}.header{display:grid;grid-template-columns:1fr min-content min-content;grid-template-areas:"label label label" "input cancel export";grid-gap:var(--spacing-gap-l)}.header .label{grid-area:label}.header .input{grid-area:input}.header .cancel{grid-area:cancel}.header .export{grid-area:export}';
 
 const l = class {
   constructor(i) {
@@ -105,4 +105,4 @@ const l = class {
 l.style = o;
 
 export { l as gx_ide_bpm_export_xpdl };
-//# sourceMappingURL=p-af3cc463.entry.js.map
+//# sourceMappingURL=p-e3ff125f.entry.js.map