@genexus/genexus-ide-ui 0.0.41 → 0.0.42

package/dist/genexus-ide-ui/p-fcdcb919.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as e,H as a,g as s}from"./p-976c3a09.js";import{L as r}from"./p-26957490.js";import{r as o}from"./p-44964acf.js";import{f as l}from"./p-daf4eb69.js";const d=class{constructor(e){i(this,e),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.kbIdSelected=null,this.authenticationTypes=[],this.setAuthenticationTypes=()=>{this.authenticationTypes=[{id:"genexus",value:"genexus",label:this._componentLocale.authenticationTypes.genexusAccount},{id:"local",value:"local",label:this._componentLocale.authenticationTypes.local}]},this.addEventListeners=()=>{this.serverUrlsEl.addEventListener("valueChanged",(()=>{this.reset()})),this.searchKBEl.addEventListener("valueChanged",(i=>{this.kbNameEl.value="",this.kbIdSelected=null,this.kbSearchText=i.detail})),this.listBoxEl.addEventListener("selectionChanged",(i=>{let t;if(i.detail.items.length>0&&(t=i.detail.items[0]),t){this.kbIdSelected=t.value;const i=this.kbs.find((i=>i.id===this.kbIdSelected));i&&(this.kbNameEl.value=i.name)}}))},this.createKbHandler=()=>{this.createKBCallback&&this.createKBCallback({id:this.kbIdSelected,name:this.kbNameEl.value}).then((i=>{l(i,this)}))},this.connectCallbackHandler=()=>{var i,t;this.connectCallback&&this.connectCallback({serverUrl:this.serverUrlsEl.value,authenticationType:this.authenticationTypeEl.value,user:null===(i=this.userNameEl)||void 0===i?void 0:i.value,password:null===(t=this.passwordEl)||void 0===t?void 0:t.value}).then((i=>{l(i.formResult,this),i.formResult.success&&i.kbs&&(this.kbs=i.kbs,this.selectionKbDisabled=!1)}))},this.selectionKbDisabled=!0,this.kbs=[],this.kbSearchText="",this.connectCallback=void 0,this.createKBCallback=void 0,this.enableCustomServer=!1,this.kbName=void 0,this.password=void 0,this.serverUrls=void 0,this.userName=void 0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.setAuthenticationTypes()}componentDidLoad(){this.serverUrlsEl.focus(),this.addEventListeners()}reset(){this.kbs=[],this.kbIdSelected=null,this.selectionKbDisabled=!0,this.searchKBEl.value="",this.kbSearchText=""}render(){return e(a,{class:{"gx-ide-component":!0}},e("div",{class:"main-wrapper"},e("gxg-container",null,e("div",{class:"flex"},e("gxg-label",{labelPosition:"start",class:"kb-label"},this._componentLocale.label.serverUrl),e("gxg-combo-box",{disableFilter:!this.enableCustomServer,ref:i=>this.serverUrlsEl=i,class:"server-urls-combo-box",part:"server-urls"},this.serverUrls?o("gxg-combo-box-item",this.serverUrls.map((i=>({id:i,label:i,value:i}))),"server-urls"):null)),e("div",{class:"grid grid-data"},e("div",null,e("div",{class:"grid grid-data-account"},e("gxg-combo-box",{disableFilter:!0,value:this.authenticationTypes[0].id,ref:i=>this.authenticationTypeEl=i,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},o("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),e("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.userName}:`),e("gxg-form-text",{ref:i=>this.userNameEl=i,value:this.userName,class:"user-name",part:"user-name"}),e("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.password}:`),e("gxg-form-text",{password:!0,ref:i=>this.passwordEl=i,value:this.password,class:"password",part:"password"}),e("div",null,e("gxg-button",{id:"button-connect",type:"primary-text-only",onClick:this.connectCallbackHandler,part:"button-connect"},this._componentLocale.btn.btnConnect)))),e("div",{class:"grid"},e("div",{class:"grid-data-kbs"},e("div",{class:"search-kbs"},e("gxg-form-text",{ref:i=>this.searchKBEl=i,class:"search-kb-input",part:"search-kb",disabled:this.selectionKbDisabled,placeholder:this._componentLocale.label.searchKbs})),e("div",{class:"box-kbs"},e("gxg-list-box",{id:"max-height",height:"100%","min-height":"50%","no-border":!0,"single-selection":!0,disabled:this.selectionKbDisabled,ref:i=>this.listBoxEl=i,part:"kbs",onSelectionChanged:this.kbsOnSelectionChangedHander},this.kbs.filter((i=>i.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((i=>e("gxg-list-box-item",{value:i.id,key:i.id},i.name)))))),e("div",{class:"grid grid-data-kbs-footer"},e("gxg-form-text",{ref:i=>this.kbNameEl=i,value:this.kbName,class:"kb-name",part:"kb-name",disabled:this.selectionKbDisabled}),e("div",null,e("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",disabled:this.selectionKbDisabled},this._componentLocale.btn.btnCreate))))))))}static get assetsDirs(){return["gx-ide-assets/create-kb-from-server"]}get el(){return s(this)}};d.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{grid-template-columns:repeat(2, auto)}.flex{display:flex}.flex>:nth-child(2){flex:1}";export{d as gx_ide_create_kb_from_server}

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

@@ -0,0 +1,6 @@
+export declare const FILTER_AFTER: {
+  NONE: string;
+  DATE_TIME: string;
+  LAST_BUILD: string;
+  IMPORT: string;
+};

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

@@ -1,10 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { GxOption } from "../../common/types";
 import { EntityData } from "../../common/types";
-declare const FILTER_AFTER_NONE = "none";
-declare const FILTER_AFTER_DATE_TIME = "afterDateTime";
-declare const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
-declare const FILTER_AFTER_IMPORT = "afterImport";
+import { FILTER_AFTER } from "../../common/constants";
 export declare class GxIdeObjectSelector {
   /**
    * The component hard-coded strings translations.
@@ -39,7 +36,7 @@ export declare class GxIdeObjectSelector {
   /**
    * True' if multiple object selection is allowed. Default is 'True'
    */
-  readonly multiSelection: true;
+  readonly multiSelection: boolean;
   /**
    * Current value of the input pattern. It is also used to set the default value when initializing the component
    */
@@ -103,6 +100,8 @@ export declare class GxIdeObjectSelector {
   private deselectAll;
   private newObjectCallbackHandle;
   private listenChanges;
+  private chGridKeyDownHandler;
+  private hostKeyPressHandler;
   render(): void;
 }
 export type ObjectType = {
@@ -134,5 +133,4 @@ export interface ObjectData {
   modifiedDate?: Date;
   importDate?: Date;
 }
-export type ObjectSelectorFilterAfter = typeof FILTER_AFTER_NONE | typeof FILTER_AFTER_DATE_TIME | typeof FILTER_AFTER_LAST_BUILD | typeof FILTER_AFTER_IMPORT;
-export {};
+export type ObjectSelectorFilterAfter = typeof FILTER_AFTER.NONE | typeof FILTER_AFTER.DATE_TIME | typeof FILTER_AFTER.LAST_BUILD | typeof FILTER_AFTER.IMPORT;

package/dist/types/components/ww-images/ww-images.d.ts

@@ -0,0 +1,191 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { GxOption } from "../../common/types";
+import { EntityData } from "../../common/types";
+export declare class GxIdeWWImages {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  el: HTMLGxIdeWwImagesElement;
+  private filterNameEl;
+  private filterSearchContentsEl;
+  private filterCategoryEl;
+  private filterModuleEl;
+  private filterModifiedEl;
+  private filterAllDescendantsEl;
+  private filterAfterTypeEl;
+  private filterUserEl;
+  private filterModifiedDateEl;
+  private filterStyleEl;
+  private filterLanguageEl;
+  private filterDensityEl;
+  private filterLayerEl;
+  private chGridEl;
+  /**
+   * The after types render in the after selector
+   */
+  filterAfterType: string;
+  /**
+   * For show or hide the filters relative to modifiers
+   */
+  filterModified: boolean;
+  /**
+   * For show or hide advanced filters
+   */
+  filterMore: boolean;
+  /**
+   * The images rendered in the table
+   */
+  images: ImageData[];
+  /**
+   * The items of the image that is selected
+   */
+  imagesSelectedItems: ImageItemData[];
+  /**
+   * The selected images in the table of images
+   */
+  selectedObjectsIds: string[];
+  /**
+   * The categories render in the filter category selector
+   */
+  readonly categories: GxOption[];
+  /**
+   * The densities render in the filter density selector
+   */
+  readonly densities: GxOption[];
+  /**
+   * The default value for the 'categories' filter
+   */
+  readonly defaultCategory: string;
+  /**
+   * The default value for the module/folder filter
+   */
+  readonly defaultModule: EntityData;
+  /**
+   * The default value for the type filter
+   */
+  readonly defaultType: string;
+  /**
+   * The modules/folders render in the module/folder selector
+   */
+  readonly filterModules: GxOption[];
+  /**
+   * The languages render in the filter language selector
+   */
+  readonly languages: GxOption[];
+  /**
+   * The layers render in the filter layer selector
+   */
+  readonly layers: GxOption[];
+  /**
+   * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+   */
+  readonly contextMenuCallback: ContextMenuCallback;
+  /**
+   * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+   */
+  readonly deleteSelectionCallback: DeleteSelectionCallback;
+  /**
+   * This is a function provided by the developer that return a list of images to populate the table of images.
+   */
+  readonly loadCallback: LoadCallback;
+  /**
+   * This is a function provided by the developer that return a list of items of the image selected.
+   */
+  readonly loadImageItemsCallback: LoadImageItemsCallback;
+  /**
+   * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+   */
+  readonly newObjectCallback: NewObjectCallback;
+  /**
+   * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+   */
+  readonly openSelectionCallback: OpenSelectionCallback;
+  /**
+   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+   */
+  readonly selectModuleCallback: SelectModuleCallback;
+  /**
+   * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+   */
+  readonly selectionObjectChangeCallback: SelectionChangeCallback;
+  /**
+   * Applies a shadow all around
+   */
+  readonly shadow = false;
+  /**
+   * The styles render in the filter style selector
+   */
+  readonly styles: GxOption[];
+  /**
+   * The types render in the filter type selector
+   */
+  readonly types: GxOption[];
+  /**
+   * 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;
+  keyDownHandler(eventInfo: KeyboardEvent): void;
+  /**
+   * Validate necessary data input
+   */
+  validate(): Promise<boolean>;
+  /**
+   * This method reload the view, refreshing the filters and the table of images.
+   */
+  reload(): Promise<void>;
+  private renderFilter;
+  private renderImages;
+  private renderImageData;
+  private getImages;
+  private newObjectCallbackHandle;
+  private openSelectionCallBackHandle;
+  private deleteSelectionCallbackHandle;
+  private contextMenuCallbackHandle;
+  private showMoreFilter;
+  private selectAll;
+  private deselectAll;
+  private listenChanges;
+  render(): void;
+}
+export type SelectionChangeCallback = (ids: string[]) => Promise<void>;
+export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
+export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
+export type SelectModuleCallback = () => Promise<EntityData | undefined>;
+export type ContextMenuCallback = (ids: string[]) => Promise<void>;
+export type NewObjectCallback = () => Promise<void>;
+export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
+export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
+export interface ImageFiltersData {
+  name?: string;
+  searchContents?: string;
+  category?: string;
+  parent?: string;
+  allDescendants?: boolean;
+  modifiedAfter?: string;
+  modifiedBy?: string;
+  modifiedDate?: Date;
+  style?: string;
+  language?: string;
+  density?: string;
+  layer?: string;
+}
+export interface ImageData {
+  id: string;
+  icon: string;
+  name: string;
+  description: string;
+  parent: string;
+  module: string;
+  modifiedDate?: Date;
+  lastUser?: string;
+  importDate?: Date;
+  lastBuildDate: Date;
+}
+export interface ImageItemData {
+  id: string;
+  name: string;
+  url: string;
+}

package/dist/types/components.d.ts

@@ -24,6 +24,7 @@ import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback2
 import { AddCallback, CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
+import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback3, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeContainer {
         /**
@@ -443,7 +444,7 @@ export namespace Components {
         /**
           * True' if multiple object selection is allowed. Default is 'True'
          */
-        "multiSelection": true;
+        "multiSelection": boolean;
         /**
           * Callback invoked when the user presses the 'New' button.
          */
@@ -691,6 +692,92 @@ export namespace Components {
          */
         "topBarTitle": string;
     }
+    interface GxIdeWwImages {
+        /**
+          * The categories render in the filter category selector
+         */
+        "categories": GxOption[];
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "contextMenuCallback": ContextMenuCallback;
+        /**
+          * The default value for the 'categories' filter
+         */
+        "defaultCategory": string;
+        /**
+          * The default value for the module/folder filter
+         */
+        "defaultModule": EntityData;
+        /**
+          * The default value for the type filter
+         */
+        "defaultType": string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "deleteSelectionCallback": DeleteSelectionCallback;
+        /**
+          * The densities render in the filter density selector
+         */
+        "densities": GxOption[];
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
+         */
+        "languages": GxOption[];
+        /**
+          * The layers render in the filter layer selector
+         */
+        "layers": GxOption[];
+        /**
+          * This is a function provided by the developer that return a list of images to populate the table of images.
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * This is a function provided by the developer that return a list of items of the image selected.
+         */
+        "loadImageItemsCallback": LoadImageItemsCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "newObjectCallback": NewObjectCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "openSelectionCallback": OpenSelectionCallback;
+        /**
+          * This method reload the view, refreshing the filters and the table of images.
+         */
+        "reload": () => Promise<void>;
+        /**
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+         */
+        "selectModuleCallback": SelectModuleCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "selectionObjectChangeCallback": SelectionChangeCallback;
+        /**
+          * Applies a shadow all around
+         */
+        "shadow": false;
+        /**
+          * The styles render in the filter style selector
+         */
+        "styles": GxOption[];
+        /**
+          * The types render in the filter type selector
+         */
+        "types": GxOption[];
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
+    }
 }
 export interface GxIdeCreateKbFromServerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -748,6 +835,10 @@ export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTemplateElement;
 }
+export interface GxIdeWwImagesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeWwImagesElement;
+}
 declare global {
     interface HTMLGxIdeContainerElement extends Components.GxIdeContainer, HTMLStencilElement {
     }
@@ -863,6 +954,12 @@ declare global {
         prototype: HTMLGxIdeTopBarElement;
         new (): HTMLGxIdeTopBarElement;
     };
+    interface HTMLGxIdeWwImagesElement extends Components.GxIdeWwImages, HTMLStencilElement {
+    }
+    var HTMLGxIdeWwImagesElement: {
+        prototype: HTMLGxIdeWwImagesElement;
+        new (): HTMLGxIdeWwImagesElement;
+    };
     interface HTMLElementTagNameMap {
         "gx-ide-container": HTMLGxIdeContainerElement;
         "gx-ide-create-kb-from-server": HTMLGxIdeCreateKbFromServerElement;
@@ -883,6 +980,7 @@ declare global {
         "gx-ide-template": HTMLGxIdeTemplateElement;
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
+        "gx-ide-ww-images": HTMLGxIdeWwImagesElement;
     }
 }
 declare namespace LocalJSX {
@@ -1340,7 +1438,7 @@ declare namespace LocalJSX {
         /**
           * True' if multiple object selection is allowed. Default is 'True'
          */
-        "multiSelection"?: true;
+        "multiSelection"?: boolean;
         /**
           * Callback invoked when the user presses the 'New' button.
          */
@@ -1600,6 +1698,88 @@ declare namespace LocalJSX {
          */
         "topBarTitle"?: string;
     }
+    interface GxIdeWwImages {
+        /**
+          * The categories render in the filter category selector
+         */
+        "categories": GxOption[];
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "contextMenuCallback": ContextMenuCallback;
+        /**
+          * The default value for the 'categories' filter
+         */
+        "defaultCategory"?: string;
+        /**
+          * The default value for the module/folder filter
+         */
+        "defaultModule"?: EntityData;
+        /**
+          * The default value for the type filter
+         */
+        "defaultType"?: string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "deleteSelectionCallback": DeleteSelectionCallback;
+        /**
+          * The densities render in the filter density selector
+         */
+        "densities": GxOption[];
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
+         */
+        "languages": GxOption[];
+        /**
+          * The layers render in the filter layer selector
+         */
+        "layers": GxOption[];
+        /**
+          * This is a function provided by the developer that return a list of images to populate the table of images.
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * This is a function provided by the developer that return a list of items of the image selected.
+         */
+        "loadImageItemsCallback": LoadImageItemsCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "newObjectCallback": NewObjectCallback;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeWwImagesCustomEvent<boolean>) => void;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "openSelectionCallback": OpenSelectionCallback;
+        /**
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+         */
+        "selectModuleCallback": SelectModuleCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "selectionObjectChangeCallback": SelectionChangeCallback;
+        /**
+          * Applies a shadow all around
+         */
+        "shadow"?: false;
+        /**
+          * The styles render in the filter style selector
+         */
+        "styles": GxOption[];
+        /**
+          * The types render in the filter type selector
+         */
+        "types": GxOption[];
+    }
     interface IntrinsicElements {
         "gx-ide-container": GxIdeContainer;
         "gx-ide-create-kb-from-server": GxIdeCreateKbFromServer;
@@ -1620,6 +1800,7 @@ declare namespace LocalJSX {
         "gx-ide-template": GxIdeTemplate;
         "gx-ide-test": GxIdeTest;
         "gx-ide-top-bar": GxIdeTopBar;
+        "gx-ide-ww-images": GxIdeWwImages;
     }
 }
 export { LocalJSX as JSX };
@@ -1645,6 +1826,7 @@ declare module "@stencil/core" {
             "gx-ide-template": LocalJSX.GxIdeTemplate & JSXBase.HTMLAttributes<HTMLGxIdeTemplateElement>;
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;
+            "gx-ide-ww-images": LocalJSX.GxIdeWwImages & JSXBase.HTMLAttributes<HTMLGxIdeWwImagesElement>;
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",