@genexus/genexus-ide-ui 0.0.58 → 0.0.60

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree/gxg-tree.css

@@ -321,19 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 
@@ -347,19 +346,18 @@ FORM ELEMENTS
   height: 100%;
 }
 :host::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 :host::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 :host::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 :host::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 :host ul {

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css

@@ -660,19 +660,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 
@@ -741,9 +740,7 @@ FORM ELEMENTS
   background-color: var(--gxg-background-color--selected);
 }
 :host li .li-text:focus {
-  outline-style: solid;
-  outline-color: var(--gxg-border-color--focused);
-  outline-width: var(--border-width-md);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
 }
 :host li .li-text--selected {

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css

@@ -321,19 +321,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 
@@ -347,38 +346,54 @@ gxg-tree-view {
   color: var(--color-on-background);
   display: contents;
 }
+gxg-tree-view ch-tree-x .ch-tree-x-container {
+  padding: var(--spacing-comp-01);
+}
 
-ch-tree-x {
+/*custom styles for the property */
+.tree-view {
   /* Track */
   /* Handle */
   /* Handle on hover */
 }
-ch-tree-x::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+.tree-view::-webkit-scrollbar {
+  width: var(--gxg-scrollbar-width, 6px);
 }
-ch-tree-x::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+.tree-view::-webkit-scrollbar-track {
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
-ch-tree-x::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+.tree-view::-webkit-scrollbar-thumb {
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
-ch-tree-x::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+.tree-view::-webkit-scrollbar-thumb:hover {
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
-ch-tree-x > div.ch-tree-x-container {
+
+gxg-tree-view[position-relative] ch-tree-x .ch-tree-x-container {
   position: relative;
   width: 100%;
 }
 
+/*padding (added by Gemini)*/
+gxg-tree-view[no-padding] ch-tree-x .ch-tree-x-container {
+  padding: 0;
+}
+
 /*---------------------------
 ch-tree-x-list-item
 ---------------------------*/
+.tree-view-item::part(dashed-line) {
+  border-color: var(--gray-02);
+}
+
 ch-tree-x-list-item {
+  --checkbox-size: var(--gxg-checkbox-size);
   --expandable-button-width: var(--spacing-comp-04);
+  /*checked*/
+  /*indeterminate*/
 }
 ch-tree-x-list-item.tree-view-item--folder::part(action)::before, ch-tree-x-list-item.tree-view-item--module::part(action)::before {
   grid-area: left-img;
@@ -413,15 +428,25 @@ ch-tree-x-list-item .tree-view-item--pending-commit::part(action)::before {
   background-color: #2c3b92;
   border-radius: 50%;
 }
+ch-tree-x-list-item::part(header):first-child {
+  margin-inline-start: var(--spacing-comp-01);
+}
 ch-tree-x-list-item::part(header) {
   padding-inline-end: calc(var(--spacing-comp-02) * 0.65);
-  border: 1px solid transparent;
   height: var(--spacing-comp-05);
+  display: flex;
+  gap: 5px;
+}
+ch-tree-x-list-item::part(header):before {
+  content: "";
+  display: block;
+}
+ch-tree-x-list-item::part(header):hover {
+  background-color: var(--gxg-background-color--hover);
+  color: var(--gxg-color--hover);
 }
 ch-tree-x-list-item::part(header):focus {
-  outline-style: solid;
-  outline-color: var(--gxg-border-color--focused);
-  outline-width: var(--border-width-md);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
 }
 ch-tree-x-list-item[selected]::part(header) {
@@ -430,9 +455,12 @@ ch-tree-x-list-item[selected]::part(header) {
 ch-tree-x-list-item[selected]::part(header):hover {
   background-color: var(--gxg-background-color--selected-hover);
 }
+ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header) {
+  border: 2px solid transparent;
+}
 ch-tree-x-list-item::part(expandable-button) {
   background-color: var(--color-hover);
-  margin-inline-start: var(--spacing-comp-01);
+  margin-inline-end: 0;
 }
 ch-tree-x-list-item::part(expandable-button)::before {
   background-color: var(--gray-04);
@@ -443,17 +471,70 @@ ch-tree-x-list-item::part(expandable-button):hover {
   background-color: var(--color-background);
 }
 ch-tree-x-list-item::part(expandable-button):focus {
-  outline-style: solid;
-  outline-color: var(--gxg-border-color--focused);
-  outline-width: var(--border-width-md);
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: 0;
 }
+ch-tree-x-list-item::part(checkbox__container) {
+  border-color: var(--gray-04);
+  background-color: var(--color-background);
+}
+ch-tree-x-list-item::part(checkbox__container):after {
+  content: "";
+  position: absolute;
+  display: block;
+  border: solid;
+  border-color: transparent;
+  z-index: 0;
+}
+ch-tree-x-list-item::part(checkbox__container):focus-within {
+  box-shadow: none;
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
+  outline-offset: -2px;
+}
+ch-tree-x-list-item::part(checkbox) {
+  margin-inline-end: 0;
+}
+ch-tree-x-list-item::part(checkbox__option) {
+  display: none;
+}
+ch-tree-x-list-item::part(checkbox__container checkbox__checked):after {
+  left: 5.5px;
+  top: 3px;
+  width: 4px;
+  height: 7px;
+  border-width: 0 2px 2px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+  border-color: var(--color-primary-active);
+  transition-property: border-color;
+  transition-duration: var(--ui-animaton-speed);
+  transition-timing-function: ease;
+}
+ch-tree-x-list-item::part(checkbox__container checkbox__indeterminate):after {
+  left: 50%;
+  top: 50%;
+  width: 8px;
+  height: 1.5px;
+  border: 0;
+  background-color: var(--color-primary-active);
+  -webkit-transform: rotate(0) translateY(-50%) translateX(-50%);
+  -ms-transform: rotate(0) translateY(-50%) translateX(-50%);
+  transform: rotate(0) translateY(-50%) translateX(-50%);
+}
+ch-tree-x-list-item::part(checkbox__input) {
+  position: relative;
+  z-index: 1;
+}
 ch-tree-x-list-item::part(action) {
   text-transform: capitalize;
+  display: flex;
+  gap: var(--spacing-comp-01);
 }
 ch-tree-x-list-item::part(left-img) {
   width: var(--spacing-comp-04);
   height: var(--spacing-comp-04);
+  margin-inline-end: 0;
 }
 ch-tree-x-list-item::part(downloading) {
   width: var(--spacing-comp-03);

package/dist/node_modules/@genexus/gemini/dist/collection/components/window/window.css

@@ -660,19 +660,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 .gxg-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 .gxg-scrollbar::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 .gxg-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 
@@ -749,19 +748,18 @@ FORM ELEMENTS
   /* Handle on hover */
 }
 :host #content::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
+  width: var(--gxg-scrollbar-width, 6px);
 }
 :host #content::-webkit-scrollbar-track {
-  background-color: var(--gray-02);
-  border-radius: 10px;
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
 }
 :host #content::-webkit-scrollbar-thumb {
-  background: var(--gray-05);
-  border-radius: 10px;
+  background: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
 }
 :host #content::-webkit-scrollbar-thumb:hover {
-  background: var(--gray-04);
+  background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
 

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

@@ -1,3 +1,11 @@
 export declare const config: {
   tooltip: boolean;
+  gxgMessage: {
+    common: {
+      type: string;
+      textAlign: string;
+      padding: string;
+      maxWidth: string;
+    };
+  };
 };

package/dist/types/components/directory-selector/directory-selector.d.ts

@@ -30,6 +30,7 @@ export declare class GxIdeDirectorySelector {
   componentWillLoad(): void;
   private evaluateLabelPosition;
   private btnSelectClickHandler;
+  private valueChangedHandler;
   render(): any;
 }
 export type DirectorySelectorLabels = {

package/dist/types/components/kb-manager-export/helpers.d.ts

@@ -0,0 +1,5 @@
+import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { ObjectData, ObjectType, KBPropertyData, KBPropertyType } from "./kb-manager-export";
+export declare const convertObjectDataToTreeItemData: (objects: ObjectData[] | undefined, objectTypes: ObjectType[], actualTreeState: TreeXItemModel[]) => TreeXItemModel[];
+export declare const convertKbPropertiesDataToTreeItemData: (properties: KBPropertyData[], kbPropertiesTypes: KBPropertyType[], actualTreeState: TreeXItemModel[]) => TreeXItemModel[];
+export declare const clearKbPropertiesFromTree: (actualTreeState: TreeXItemModel[]) => TreeXItemModel[];

package/dist/types/components/kb-manager-export/kb-manager-export.d.ts

@@ -0,0 +1,110 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+export declare class GxIdeKbManagerExport {
+  /**
+   * Selected properties
+   */
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  private checkedObjectsIds;
+  private checkedPropertiesIds;
+  el: HTMLGxIdeKbManagerExportElement;
+  private fileNameEl;
+  private exportAllCheckboxEl;
+  private objectsTreeEl;
+  fileName: string;
+  exportFilePathName: string;
+  objectsTreeState: TreeXItemModel[];
+  noObjects: boolean;
+  watchObjectsTreeStateHandler(newState: TreeXItemModel[]): void;
+  /**
+   * Just for testing. Remove when this is is done (Bruno)
+   */
+  readonly dummyInitialTree: TreeXItemModel[];
+  watchDummyInitialTreeHandler(newTree: TreeXItemModel[]): void;
+  /**
+   * Array with the possible types of KB properties
+   */
+  readonly kbPropertiesTypes: KBPropertyType[];
+  /**
+   * Array of possible object types
+   */
+  readonly objectTypes: ObjectType[];
+  /**
+   * Callback invoked when the user wants to access the export options.
+   */
+  readonly exportFileDirectoryCallback: ExportFileDirectoryCallback;
+  /**
+   * Callback invoked when the user wants to access the export options.
+   */
+  readonly optionsCallback: OptionsCallback;
+  /**
+   * Callback invoked when the user wants to include KB properties.
+   */
+  readonly addKBPropertiesCallback: KBPropertiesCallback;
+  /**
+   *Callback invoked when the user wants to add all the references for the selected objects.
+   *@param itemIds:string[] The selected item ids
+   *@returns : Returns an object with the items and its references
+   */
+  readonly addReferencesCallback: AddReferencesCallback;
+  /**
+   * Callback invoked when the user wants to add objects.
+   */
+  readonly addObjectsCallback: AddObjectsCallback;
+  /**
+   *Callback invoked when the user wants to initiate the export process.
+   *@param fileName:string
+   *@param itemIds:string[] The selected item ids
+   *@returns : It returns a boolean indicating whether the process was successful
+   */
+  readonly exportCallback: ExportCallback;
+  /**
+   * Callback invoked when the user wants to cancel the export process.
+   * @returns It returns a boolean indicating whether the process could be canceled or not.
+   */
+  readonly cancelCallback: CancelCallback;
+  /**
+   * This event is emitted once just after the component is fully loaded and the first render() occurs.
+   */
+  componentDidLoadEvent: EventEmitter<boolean>;
+  componentWillLoad(): Promise<void>;
+  private optionsCallbackHandler;
+  private addKBPropertiesCallbackHandler;
+  private addObjectsCallbackHandler;
+  private addReferencesCallbackHandler;
+  private updateObjects;
+  private treeObjectsCheckedItemsChangedHandler;
+  private exportCallbackHandler;
+  private cancelCallbackHandler;
+  private clearButtonHandler;
+  render(): void;
+}
+export type KBPropertiesCallback = () => Promise<KBPropertyData[]>;
+export type KBPropertyData = {
+  typeId: string;
+  id: string;
+  name: string;
+};
+export type KBPropertyType = {
+  id: string;
+  icon: string;
+};
+export type ObjectData = {
+  typeId: string;
+  id: string;
+  name: string;
+};
+export type ObjectType = {
+  id: string;
+  name: string;
+  icon: string;
+};
+export type ExportFileDirectoryCallback = () => Promise<string>;
+export type OptionsCallback = () => Promise<void>;
+export type AddObjectsCallback = () => Promise<ObjectData[]>;
+export type ExportCallback = (fileName: string, checkedKbPropertiesIds: string[], checkedObjectIds: string[]) => Promise<boolean>;
+export type AddReferencesCallback = (objectIds: string[]) => Promise<ObjectData[]>;
+export type CancelCallback = () => Promise<boolean>;

package/dist/types/components/references/references.d.ts

@@ -7,10 +7,6 @@ export declare class GxIdeReferences {
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  /**
-   * The references messages max. width that appear if the tree is empty or could not be retrieved.
-   */
-  private referencesMessagesMaxWidth;
   /**
    * The last SelectorCategoryData[] returned by selectorSourceCallback
    */