@genexus/genexus-ide-ui 1.0.17 → 1.0.19

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

@@ -1,194 +1,179 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { GxOption } from "../../common/types";
-import { EntityData, ContextMenuInfo } from "../../common/types";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { ContextMenuInfo, EntityData, GxOption } from "../../common/types";
 export declare class GxIdeWWImages {
+    #private;
+    el: HTMLGxIdeWwImagesElement;
+    categoriesComboBoxModel: ComboBoxModel;
+    densitiesComboBoxModel: ComboBoxModel;
+    languagesComboBoxModel: ComboBoxModel;
+    layersComboBoxModel: ComboBoxModel;
+    stylesComboBoxModel: ComboBoxModel;
     /**
-     * The component hard-coded strings translations.
+     * If true the filter sidebar will be expanded, otherwise collapsed.
      */
-    private _componentLocale;
-    private renderedFirstTime;
-    private filterInitialData;
-    el: HTMLGxIdeWwImagesElement;
-    private filterEl;
-    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;
-    filtersHidden: boolean;
-    filtersHiddenHandler(hidden: boolean): void;
-    /**
-     * The after types render in the after selector
-     */
-    filterAfterType: string;
-    /**
-     * For show or hide the filters relative to modifiers
+    filterSidebarExpanded: boolean;
+    /**
+     * The current value of the "After" combo box options.
      */
-    filterModified: boolean;
+    afterCurrentValue: string;
     /**
-     * The images rendered in the table
+     * The options for the "After" combo-box
      */
-    images: ImageData[];
+    filterAfterOptions: ComboBoxModel;
     /**
-     * The images rendered in the table, after the filter
+     * Images filter input value
      */
-    filteredImages: ImageData[];
+    filterImagesInputValue: string;
     /**
-     * The items of the image that is selected
+     * Shows or hides filters related to modifiers
      */
-    imagesSelectedItems: ImageItemData[];
+    filterModified: boolean;
     /**
-     * The selected images in the table of images
+     * Images rendered in the table after filtering
      */
-    selectedObjectsIds: string[];
+    filteredImages: ImageData[];
     /**
-     * The images filter input text value
+     * Images rendered in the table
      */
-    filterImagesInputValue: string;
+    images: ImageData[];
     /**
-     * If true it displays the component title on the header
+     * Items of the selected image
      */
-    readonly displayTitle = false;
+    imagesSelectedItems: ImageItemData[];
     /**
-     * Displays a secondary filter, used to filter over the filtered images
+     * Selected images in the images table
      */
-    readonly secondaryFilter = false;
+    selectedObjectsIds: string[];
+    /**
+     * If true, the "Toggle Filter" button will display activated, and the sidebar of filters
+     * will toggle on mouse enter or leave.
+     */
+    toggleFilterButtonActive: boolean;
+    toggleFilterButtonActiveChanged(active: boolean): void;
     /**
-     * The categories render in the filter category selector
+     * Categories rendered in the filter selector
      */
     readonly categories: GxOption[];
+    categoriesChanged(newCategories: GxOption[]): void;
     /**
-     * The densities render in the filter density selector
+     * Function to expand data when right-click
      */
-    readonly densities: GxOption[];
+    readonly contextMenuCallback: ContextMenuCallback;
     /**
-     * The default value for the 'categories' filter
+     * Default value for the 'categories' filter
      */
     readonly defaultCategory: string;
     /**
-     * The default value for the module/folder filter
+     * Default value for the module/folder filter
      */
     readonly defaultModule: EntityData;
     /**
-     * The default value for the type filter
+     * Function to delete the selected images.
      */
-    readonly defaultType: string;
+    readonly deleteSelectionCallback: DeleteSelectionCallback;
     /**
-     * The modules/folders render in the module/folder selector
+     * Densities rendered in the filter selector
      */
-    readonly filterModules: GxOption[];
+    readonly densities: GxOption[];
+    densitiesChanged(newDensities: GxOption[]): void;
     /**
-     * The languages render in the filter language selector
+     * Languages rendered in the filter selector
      */
     readonly languages: GxOption[];
+    languagesChanged(newLanguages: GxOption[]): void;
     /**
-     * The layers render in the filter layer selector
+     * Layers rendered in the filter selector
      */
     readonly layers: GxOption[];
+    layersChanged(newLayers: GxOption[]): void;
     /**
-     * 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.
+     * Function that returns a list of images for the table
      */
     readonly loadCallback: LoadCallback;
     /**
-     * This is a function provided by the developer that return a list of items of the image selected.
+     * Function that returns a list of items for the selected image
      */
     readonly loadImageItemsCallback: LoadImageItemsCallback;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     * Callback invoked when user press New button.
      */
     readonly newObjectCallback: NewObjectCallback;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     * Function to expand data for double-clicked or entered images
      */
     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.
+     * Callback invoked when an action is executed on the Module/Folder filter.
      */
     readonly selectModuleCallback: SelectModuleCallback;
     /**
-     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     * Callback invoked when an item is selected
      */
     readonly selectionObjectChangedCallback: SelectionObjectCallback;
+    /**
+     * Displays a secondary filter, used to filter over the filtered images
+     */
+    readonly secondaryFilter = false;
     /**
      * Applies a shadow all around
      */
     readonly shadow = false;
     /**
-     * The styles render in the filter style selector
+     * Styles rendered in the filter style selector
      */
     readonly styles: GxOption[];
+    stylesChanged(newStyles: GxOption[]): void;
     /**
-     * The types render in the filter type selector
+     * Types rendered in the filter type selector
      */
     readonly types: GxOption[];
+    connectedCallback(): Promise<void>;
     /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs.
+     * Emitted once after the component fully loads and renders for the first time.
      */
     componentDidLoadEvent: EventEmitter<boolean>;
     /**
      * @description Gets fired when the component has rendered for the first time.
      */
     componentDidRenderFirstTime: EventEmitter<string>;
-    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     componentDidRender(): void;
+    componentWillLoad(): Promise<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.
+     * Reloads the view, refreshing the filters and the images table.
      */
     reload(): Promise<void>;
-    private attachDetectClickOutsideFilter;
-    private removeDetectClickOutsideFilter;
-    private detectClickOutsideFilter;
-    /**
-     * @description This is needed for resetting the filter. When the user resets the filter, all the filter controls values have to be restored to the value they had on componentDidLoad.
-     */
-    private saveInitialFilterData;
-    private renderFilter;
-    private renderImagesData;
-    private renderImages;
-    private getImages;
-    private newObjectCallbackHandler;
-    private openSelectionCallBackHandler;
-    private deleteSelectionCallbackHandler;
-    private resetFilterHandler;
-    private toggleFiltersHandler;
-    private selectAll;
-    private deselectAll;
-    private listenChanges;
-    private filterInputHandler;
-    private filterImagesInformationHandler;
     render(): void;
 }
-export type SelectionObjectCallback = (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 = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
-export type NewObjectCallback = () => Promise<void>;
-export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
-export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
+export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
+export type FilerInitialData = {
+    name: string;
+    module: EntityData;
+    searchContents: string;
+    category: string;
+    allDescendants: string;
+    modifiedAfter: string;
+    modifiedDateTime: string;
+    modifiedUser: string;
+    style: string;
+    language: string;
+    density: string;
+    layer: string;
+};
+export type ImageData = {
+    id: string;
+    icon: string;
+    name: string;
+    description: string;
+    parent: string;
+    module: string;
+    modifiedDate?: Date;
+    lastUser?: string;
+    importDate?: Date;
+};
 export type ImageFiltersData = {
     name?: string;
     searchContents?: string;
@@ -203,19 +188,14 @@ export type ImageFiltersData = {
     density?: string;
     layer?: string;
 };
-export type ImageData = {
-    id: string;
-    icon: string;
-    name: string;
-    description: string;
-    parent: string;
-    module: string;
-    modifiedDate?: Date;
-    lastUser?: string;
-    importDate?: Date;
-};
 export type ImageItemData = {
     id: string;
     name: string;
     url: string;
 };
+export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
+export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
+export type NewObjectCallback = () => Promise<void>;
+export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
+export type SelectModuleCallback = () => Promise<EntityData | undefined>;
+export type SelectionObjectCallback = (ids: string[]) => Promise<void>;