@genexus/genexus-ide-ui 0.0.30 → 0.0.32

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.css

@@ -42,9 +42,11 @@
 
 .option {
   position: absolute;
-  inset: calc(50% - min(0.25em, 5px));
-  width: min(0.5em, 10px);
-  height: min(0.5em, 10px);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 50%;
+  height: 50%;
   background-color: #000;
   opacity: 0;
   pointer-events: none;

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown/dropdown.css

@@ -36,42 +36,24 @@
   pointer-events: none;
 }
 
-.separation {
-  display: flex;
-  position: absolute;
-  z-index: 107;
-}
-.separation--y {
-  width: 100%;
-  height: var(--separation-y);
-}
-.separation--y-outside-start {
-  inset-block-start: calc(var(--separation-y) * -1);
-}
-.separation--y-outside-start + ch-window {
-  --ch-window-offset-y: calc(var(--separation-y) * -1);
-}
-.separation--y-outside-end {
-  inset-block-end: calc(var(--separation-y) * -1);
-}
-.separation--y-outside-end + ch-window {
-  --ch-window-offset-y: var(--separation-y);
+ch-window[y-align=outside-start] {
+  --ch-window-separation: var(--separation-y);
+  --ch-window-separation-y: calc(var(--separation-y) * -1);
 }
-.separation--x {
-  width: var(--separation-x);
-  height: 100%;
-}
-.separation--x-outside-start {
-  inset-inline-start: calc(var(--separation-x) * -1);
-}
-.separation--x-outside-start + ch-window {
-  --ch-window-offset-x: calc(var(--separation-x) * -1);
+
+ch-window[y-align=outside-end] {
+  --ch-window-separation: var(--separation-y);
+  --ch-window-separation-y: var(--separation-y);
 }
-.separation--x-outside-end {
-  inset-inline-end: calc(var(--separation-x) * -1);
+
+ch-window[x-align=outside-start] {
+  --ch-window-separation: var(--separation-x);
+  --ch-window-separation-x: calc(var(--separation-x) * -1);
 }
-.separation--x-outside-end + ch-window {
-  --ch-window-offset-x: var(--separation-x);
+
+ch-window[x-align=outside-end] {
+  --ch-window-separation: var(--separation-x);
+  --ch-window-separation-x: var(--separation-x);
 }
 
 .list {

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown-item/dropdown-item.css

@@ -38,8 +38,4 @@
 
 .content {
   width: 100%;
-}
-
-.dummy-wrapper {
-  display: contents;
 }

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css

@@ -4,16 +4,6 @@ ch-test-tree-x {
   grid-template-rows: 1fr;
   height: 100%;
 }
-ch-test-tree-x > .test-tree-x-scroll {
-  position: relative;
-  overflow-y: auto;
-  margin-inline-end: 16px;
-}
-ch-test-tree-x > .test-tree-x-scroll > ch-tree-x {
-  position: absolute;
-  inset: 0;
-  margin: 2px;
-}
 
 .tree-buttons {
   display: grid;

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x/tree-x.css

@@ -1,11 +1,22 @@
 ch-tree-x {
   display: flex;
+  position: relative;
+  overflow: auto;
 }
-ch-tree-x.ch-tree-x-dragging-item :not(.ch-tree-x-list-item--accept-drop) {
+ch-tree-x > ch-tree-x-list {
+  position: absolute;
+  inset: 0;
+  min-width: max-content;
+}
+ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item {
+  pointer-events: var(--ch-tree-x-pointer-events, all);
+}
+ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop,
+ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list {
   pointer-events: none;
 }
-ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--accept-drop {
-  pointer-events: all;
+ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected] {
+  --ch-tree-x-pointer-events: none;
 }
 ch-tree-x.ch-tree-x-waiting-drop-processing {
   cursor: wait;
@@ -22,8 +33,14 @@ ch-tree-x.ch-tree-x-waiting-drop-processing > ch-tree-x-list {
   transform: translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));
   pointer-events: none;
   z-index: 1;
+  animation: ch-tree-x-drag-info-fade-in 10ms;
 }
 
+@keyframes ch-tree-x-drag-info-fade-in {
+  0%, 100% {
+    opacity: 0;
+  }
+}
 html[dir=rtl] .ch-tree-x-drag-info {
   --rtl-offset: -100%;
 }

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list-item/tree-x-list-item.css

@@ -15,13 +15,15 @@
 
 :host {
   --checkbox-size: 1em;
-  --expandable-button-width: 12px;
+  --expandable-button-width: 0.75em;
+  --ch-tree-x-list-item-dashed-line--offset: 0px;
   --tab-width: calc(
     var(--checkbox-size) + var(--expandable-button-width) +
       (5px * 2)
   );
   display: grid;
   grid-template-rows: min-content;
+  overflow: hidden;
 }
 
 .header {
@@ -116,22 +118,29 @@
 
 .dashed-line {
   position: absolute;
-  inset-inline-start: var(--inset-inline-start);
+  inset-inline-start: calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );
   height: 1px;
-  width: calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - 4px );
+  width: calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );
   border: 0 dashed #a9a9a9;
   border-block-end-width: 1px;
   pointer-events: none;
   content-visibility: hidden;
-  contain-intrinsic-size: auto 100px;
+  z-index: 1;
 }
 
-.last-dashed-line {
+.last-all-line {
   inset-block-start: 0;
   height: calc(100% - var(--distance-to-checkbox));
   border-inline-start-width: 1px;
   border-end-start-radius: 2px;
-  pointer-events: none;
+}
+
+.last-line {
+  inset-block-start: 0;
+  height: 100%;
+  border-inline-start-width: 1px;
+  border-style: solid;
+  border-block-end: unset;
 }
 
 .expandable-button {
@@ -141,6 +150,8 @@
   height: var(--expandable-button-width);
   margin-inline-end: 5px;
   z-index: 1;
+  content-visibility: auto;
+  contain-intrinsic-size: auto var(--expandable-button-width);
 }
 .expandable-button::before {
   content: "";
@@ -162,6 +173,10 @@
 .checkbox {
   margin-inline-end: 5px;
 }
+.checkbox::part(container) {
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+}
 
 .action {
   display: grid;
@@ -180,16 +195,18 @@
   display: block;
   width: 0.875em;
   height: 0.875em;
+  content-visibility: auto;
+  contain-intrinsic-size: auto 0.875em;
 }
 
 .left-img {
   grid-area: left-img;
-  margin-inline-end: 6px;
+  margin-inline-end: 5px;
 }
 
 .right-img {
   grid-area: right-img;
-  margin-inline-start: 6px;
+  margin-inline-start: 5px;
 }
 
 .edit-name {

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/window/ch-window.css

@@ -1,6 +1,8 @@
 :host {
   --ch-window-offset-x: 0px;
   --ch-window-offset-y: 0px;
+  --ch-window-separation-x: 0px;
+  --ch-window-separation-y: 0px;
   --ch-window-x-outside: 0px;
   --ch-window-y-outside: 0px;
 }
@@ -21,8 +23,10 @@
   display: flex;
   position: fixed;
   inset: 0;
-  inset-inline-start: calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) );
-  inset-block-start: calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) );
+  left: calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) + var(--ch-window-separation-x) );
+  inset-block-start: calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) + var(--ch-window-separation-y) );
+  width: var(--ch-window-mask-width);
+  height: var(--ch-window-mask-height);
   z-index: var(--ch-window-mask-z-index, 1000);
 }
 :host(:is([x-align="outside-start"], [x-align="inside-start"])) .mask {
@@ -48,6 +52,7 @@
   display: flex;
   flex-direction: column;
   transform: translate(var(--ch-window-x-outside), var(--ch-window-y-outside)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px));
+  z-index: inherit;
 }
 :host([x-align=outside-start]) .window {
   --ch-window-x-outside: -100%;
@@ -60,4 +65,48 @@
 }
 :host([y-align=outside-end]) .window {
   --ch-window-y-outside: 100%;
+}
+
+.separation {
+  position: fixed;
+  inset: 0;
+  pointer-events: all;
+}
+.separation--x {
+  top: var(--ch-window-inset-block-start);
+  width: var(--ch-window-separation);
+  height: var(--ch-window-mask-height);
+}
+.separation--y {
+  left: var(--ch-window-inset-inline-start);
+  width: var(--ch-window-mask-width);
+  height: var(--ch-window-separation);
+}
+.separation--both {
+  width: calc(var(--ch-window-separation) * 4);
+  height: calc(var(--ch-window-separation) * 4);
+}
+:host([x-align=outside-start]) .separation {
+  left: calc( var(--ch-window-inset-inline-start) - var(--ch-window-separation) );
+}
+:host([x-align=outside-start]) .separation--both {
+  left: calc( var(--ch-window-inset-inline-start) - var(--ch-window-separation) * 3 );
+}
+:host([x-align=outside-end]) .separation {
+  left: calc( var(--ch-window-inset-inline-start) + var(--ch-window-mask-width) );
+}
+:host([x-align=outside-end]) .separation--both {
+  left: calc( var(--ch-window-inset-inline-start) + var(--ch-window-mask-width) - var(--ch-window-separation) );
+}
+:host([y-align=outside-start]) .separation {
+  top: calc(var(--ch-window-inset-block-start) - var(--ch-window-separation));
+}
+:host([y-align=outside-start]) .separation--both {
+  top: calc( var(--ch-window-inset-block-start) - var(--ch-window-separation) * 3 );
+}
+:host([y-align=outside-end]) .separation {
+  top: calc( var(--ch-window-inset-block-start) + var(--ch-window-mask-height) );
+}
+:host([y-align=outside-end]) .separation--both {
+  top: calc( var(--ch-window-inset-block-start) + var(--ch-window-mask-height) - var(--ch-window-separation) );
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css

@@ -58,7 +58,7 @@
 
 :host([selected]) {
   background-color: var(--gxg-background-color-item-selected);
-  color: var(--gxg-color-item-active);
+  color: var(--gxg-color-selected);
 }
 
 /*********************************************

package/dist/types/common/types.d.ts

@@ -34,3 +34,12 @@ export type ContextMenuInfo = {
   clientX: number;
   clientY: number;
 };
+export type ItemsCheckedState = {
+  itemsChecked: string[];
+  itemsUnchecked: string[];
+};
+export type ItemsCheckedResult = {
+  itemsToCheck: string[];
+  itemsToUncheck: string[];
+};
+export type ResultState = "info" | "success" | "warning" | "error";

package/dist/types/components/team-dev-commit/team-dev-commit.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { GxOption, ObjectState, ContextMenuInfo, ObjectType } from "../../common/types";
+import { GxOption, ObjectState, ContextMenuInfo, ObjectType, ItemsCheckedState, ItemsCheckedResult } from "../../common/types";
 export declare class GxIdeTeamDevCommit {
   /**
    * The component hard-coded strings translations.
@@ -50,11 +50,11 @@ export declare class GxIdeTeamDevCommit {
   /**
    * Callback that should be invoked when the user selects rows from the grids
    */
-  readonly selectCallback: SelectCallback;
+  readonly selectCallback: CommitSelectCallback;
   /**
    * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
    */
-  readonly pendingItemCheckedCallback: (pendingItemsCheckedState: PendingItemsCheckedState) => Promise<PendingItemCheckedResult | undefined>;
+  readonly pendingItemsCheckedCallback: PendingItemsCheckedCallback;
   /**
    * Callback that must be invoked when user activate the context menu in any of the grids
    */
@@ -88,10 +88,11 @@ export declare class GxIdeTeamDevCommit {
 export type GetRecentComment = () => Promise<string | undefined>;
 export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
 export type CommitCallback = (selection: string[], commitComment: string) => Promise<boolean>;
-export type SelectCallback = (grid: SourceType, selectionIds: string[]) => Promise<void>;
-export type PendingItemCheckedCallback = (checkedItemIds: string[]) => Promise<PendingItemCheckedResult | undefined>;
-export type ObjectsContextMenuCallback = (grid: SourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
-export type SourceType = "commit" | "ignored";
+export type PendingItemsCheckedCallback = (pendingItemsCheckedState: ItemsCheckedState) => Promise<ItemsCheckedResult | undefined>;
+export type CommitSelectCallback = (grid: CommitSourceType, selectionIds: string[]) => Promise<void>;
+export type ItemCheckedCallback = (checkedItemIds: string[]) => Promise<ItemsCheckedResult | undefined>;
+export type ObjectsContextMenuCallback = (grid: CommitSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type CommitSourceType = "commit" | "ignored";
 export type CommitData = {
   pending: ModifiedObjectData[];
   ignored: ModifiedObjectData[];
@@ -116,11 +117,3 @@ export type FiltersData = {
   folder: string;
   category: string;
 };
-export type PendingItemCheckedResult = {
-  itemsToCheck: string[];
-  itemsToUncheck: string[];
-};
-export type PendingItemsCheckedState = {
-  itemsChecked: string[];
-  itemsUnchecked: string[];
-};

package/dist/types/components/team-dev-update/team-dev-update.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { ObjectState, ObjectType } from "../../common/types";
+import { ObjectState, ObjectType, ContextMenuInfo, ItemsCheckedState, ItemsCheckedResult, ResultState } from "../../common/types";
 export declare class GxIdeTeamDevUpdate {
   /**
    * The component hard-coded strings translations.
@@ -64,11 +64,19 @@ export declare class GxIdeTeamDevUpdate {
   /**
    * This is a function provided by the developer that return the information of a Font type of data.
    */
-  readonly pendingItemCheckedCallback: PendingItemCheckedCallback;
+  readonly pendingItemsCheckedCallback: PendingItemsCheckedCallback;
   /**
    * This is a function provided by the developer to call when the user wants to select the revision to work on.
    */
   readonly revisionScopeCallback: () => Promise<string | undefined>;
+  /**
+   * Callback that should be invoked when the user activates the context menu on any of the grids. It receives the internal IDs of the selected elements and in which grid the event occurred. It should prevent the default browser context menu from appearing
+   */
+  readonly objectsContextMenuCallback: ObjectsContextMenuCallback;
+  /**
+   * Callback that should be invoked when the user selects rows from the grids
+   */
+  readonly selectCallback: UpdateSelectCallback;
   /**
    * Possibly values for the filter type
    */
@@ -92,7 +100,9 @@ export declare class GxIdeTeamDevUpdate {
    * Validate necessary data input
    */
   validate(): Promise<boolean>;
+  private onRowContextMenuHandler;
   private markAllPendingToUpdateRows;
+  private gridOnSelectionChangedCallbackHandler;
   private renderOptions;
   private renderFilter;
   private renderData;
@@ -106,7 +116,6 @@ export declare class GxIdeTeamDevUpdate {
   private toggleFilter;
   private objectsScope;
   private revisionScope;
-  private addListeners;
   private pendingForUpdatesRowMarkingChangedHandler;
   private togglePendingCommitsCheckboxes;
   private revertPendingCommitsCheckboxes;
@@ -114,8 +123,11 @@ export declare class GxIdeTeamDevUpdate {
 }
 export type LoadCallback = (filters: FiltersData) => Promise<UpdateData>;
 export type UpdateCallback = (selection: string[]) => Promise<UpdateResultData[]>;
-export type PendingItemCheckedCallback = (pendingItemsCheckedState: PendingItemsCheckedState) => Promise<PendingItemCheckedResult | undefined>;
+export type PendingItemsCheckedCallback = (pendingItemsCheckedState: ItemsCheckedState) => Promise<ItemsCheckedResult | undefined>;
+export type UpdateSelectCallback = (grid: UpdateSourceType, selectionIds: string[]) => Promise<void>;
+export type UpdateSourceType = "pending" | "ignored" | "results";
 export type GridContextMenuCallback = (selection: string[], grid: "update" | "ignored" | "results") => Promise<void>;
+export type ObjectsContextMenuCallback = (source: UpdateSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
 export type ConfirmCallback = (data: any) => Promise<boolean>;
 export interface UpdateFromData {
   serverUrl: string;
@@ -157,12 +169,3 @@ export interface MessageData {
   type: "info" | "success" | "warning" | "error";
   text: string;
 }
-export type ResultState = "info" | "success" | "warning" | "error";
-export interface PendingItemCheckedResult {
-  itemsToCheck: string[];
-  itemsToUncheck: string[];
-}
-export interface PendingItemsCheckedState {
-  itemsChecked: string[];
-  itemsUnchecked: string[];
-}

package/dist/types/components/team-dev-update-partial-selection/team-dev-update-partial-selection.d.ts

@@ -7,15 +7,15 @@ export declare class GxIdeTeamDevUpdatePartialSelection {
   /**
    * This is a function provided by the developer that return a list of new objects to populate the table of objects.
    */
-  readonly addCallback: AddCallbackFn;
+  readonly addCallback: AddCallback;
   /**
    * This is a function provided by the developer for execute when cancel button is pressed.
    */
-  readonly cancelCallback: CancelCallbackFn;
+  readonly cancelCallback: CancelCallback;
   /**
    * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid
    */
-  readonly confirmCallback: ConfirmCallbackFn;
+  readonly confirmCallback: ConfirmCallback;
   /**
    * The categories render in the filter category selector
    */
@@ -32,25 +32,22 @@ export declare class GxIdeTeamDevUpdatePartialSelection {
   componentDidLoadEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
-  keyDownHandler(eventInfo: KeyboardEvent): void;
   /**
    * Validate necessary data input
    */
   validate(): Promise<boolean>;
-  private handleKeyDownEvent;
-  private keyDownEventHandler;
   private renderObjects;
-  private getObjects;
-  private removeObjects;
-  private confirm;
-  private cancel;
-  private deselectAll;
+  private getObjectsHandler;
+  private removeObjectsHandler;
+  private confirmHandler;
+  private cancelHandler;
+  private deselectAllHandler;
   private listenChanges;
   render(): void;
 }
-export type AddCallbackFn = () => Promise<ObjectData[]>;
-export type CancelCallbackFn = () => Promise<void>;
-export type ConfirmCallbackFn = (ids: string[]) => Promise<void>;
+export type AddCallback = () => Promise<ObjectData[]>;
+export type CancelCallback = () => Promise<void>;
+export type ConfirmCallback = (ids: string[]) => Promise<void>;
 export interface ObjectData {
   id: string;
   typeIcon: string;

package/dist/types/components/team-dev-update-to-revision/team-dev-update-to-revision.d.ts

@@ -12,20 +12,28 @@ export declare class GxIdeTeamDevUpdateToRevision {
    * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid
    */
   readonly confirmCallback: confirmCallbackFn;
+  /**
+   * Set an initial value for the review
+   */
+  readonly currentRevision: string | undefined;
   el: HTMLGxIdeTeamDevUpdateToRevisionElement;
   private revisionNumberEl;
   private updateToRevisionEl;
+  private updateToLatestEl;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */
   componentDidLoadEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   /**
    * Validate necessary data input
    */
   validate(): Promise<boolean>;
+  private setInitialCheckedRadio;
   private confirm;
   private cancel;
+  private updateToRevisionOnFocusHandler;
   render(): void;
 }
 export type addCallbackFn = () => Promise<ObjectData[]>;