@genexus/genexus-ide-ui 1.0.19 → 1.0.21

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

@@ -1,179 +1,194 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { ComboBoxModel } from "@genexus/chameleon-controls-library";
-import { ContextMenuInfo, EntityData, GxOption } from "../../common/types";
+import { GxOption } from "../../common/types";
+import { EntityData, ContextMenuInfo } from "../../common/types";
 export declare class GxIdeWWImages {
-    #private;
-    el: HTMLGxIdeWwImagesElement;
-    categoriesComboBoxModel: ComboBoxModel;
-    densitiesComboBoxModel: ComboBoxModel;
-    languagesComboBoxModel: ComboBoxModel;
-    layersComboBoxModel: ComboBoxModel;
-    stylesComboBoxModel: ComboBoxModel;
-    /**
-     * If true the filter sidebar will be expanded, otherwise collapsed.
-     */
-    filterSidebarExpanded: boolean;
     /**
-     * The current value of the "After" combo box options.
+     * The component hard-coded strings translations.
      */
-    afterCurrentValue: string;
-    /**
-     * The options for the "After" combo-box
+    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
      */
-    filterAfterOptions: ComboBoxModel;
+    filterModified: boolean;
     /**
-     * Images filter input value
+     * The images rendered in the table
      */
-    filterImagesInputValue: string;
+    images: ImageData[];
     /**
-     * Shows or hides filters related to modifiers
+     * The images rendered in the table, after the filter
      */
-    filterModified: boolean;
+    filteredImages: ImageData[];
     /**
-     * Images rendered in the table after filtering
+     * The items of the image that is selected
      */
-    filteredImages: ImageData[];
+    imagesSelectedItems: ImageItemData[];
     /**
-     * Images rendered in the table
+     * The selected images in the table of images
      */
-    images: ImageData[];
+    selectedObjectsIds: string[];
     /**
-     * Items of the selected image
+     * The images filter input text value
      */
-    imagesSelectedItems: ImageItemData[];
+    filterImagesInputValue: string;
     /**
-     * Selected images in the images table
+     * If true it displays the component title on the header
      */
-    selectedObjectsIds: string[];
+    readonly displayTitle = false;
     /**
-     * If true, the "Toggle Filter" button will display activated, and the sidebar of filters
-     * will toggle on mouse enter or leave.
+     * Displays a secondary filter, used to filter over the filtered images
      */
-    toggleFilterButtonActive: boolean;
-    toggleFilterButtonActiveChanged(active: boolean): void;
+    readonly secondaryFilter = false;
     /**
-     * Categories rendered in the filter selector
+     * The categories render in the filter category selector
      */
     readonly categories: GxOption[];
-    categoriesChanged(newCategories: GxOption[]): void;
     /**
-     * Function to expand data when right-click
+     * The densities render in the filter density selector
      */
-    readonly contextMenuCallback: ContextMenuCallback;
+    readonly densities: GxOption[];
     /**
-     * Default value for the 'categories' filter
+     * The default value for the 'categories' filter
      */
     readonly defaultCategory: string;
     /**
-     * Default value for the module/folder filter
+     * The default value for the module/folder filter
      */
     readonly defaultModule: EntityData;
     /**
-     * Function to delete the selected images.
+     * The default value for the type filter
      */
-    readonly deleteSelectionCallback: DeleteSelectionCallback;
+    readonly defaultType: string;
     /**
-     * Densities rendered in the filter selector
+     * The modules/folders render in the module/folder selector
      */
-    readonly densities: GxOption[];
-    densitiesChanged(newDensities: GxOption[]): void;
+    readonly filterModules: GxOption[];
     /**
-     * Languages rendered in the filter selector
+     * The languages render in the filter language selector
      */
     readonly languages: GxOption[];
-    languagesChanged(newLanguages: GxOption[]): void;
     /**
-     * Layers rendered in the filter selector
+     * The layers render in the filter layer selector
      */
     readonly layers: GxOption[];
-    layersChanged(newLayers: GxOption[]): void;
     /**
-     * Function that returns a list of images for the table
+     * 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;
     /**
-     * Function that returns a list of items for the selected image
+     * This is a function provided by the developer that return a list of items of the image selected.
      */
     readonly loadImageItemsCallback: LoadImageItemsCallback;
     /**
-     * Callback invoked when user press New button.
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
      */
     readonly newObjectCallback: NewObjectCallback;
     /**
-     * Function to expand data for double-clicked or entered images
+     * 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 an action is executed on the Module/Folder filter.
+     * 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;
     /**
-     * Callback invoked when an item is selected
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
      */
     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;
     /**
-     * Styles rendered in the filter style selector
+     * The styles render in the filter style selector
      */
     readonly styles: GxOption[];
-    stylesChanged(newStyles: GxOption[]): void;
     /**
-     * Types rendered in the filter type selector
+     * The types render in the filter type selector
      */
     readonly types: GxOption[];
-    connectedCallback(): Promise<void>;
     /**
-     * Emitted once after the component fully loads and renders for the first time.
+     * This event is emitted once just after the component is fully loaded and the first render() occurs.
      */
     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;
     /**
-     * Reloads the view, refreshing the filters and the images table.
+     * Validate necessary data input
+     */
+    validate(): Promise<boolean>;
+    /**
+     * This method reload the view, refreshing the filters and the table of images.
      */
     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 ContextMenuCallback = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type SelectionObjectCallback = (ids: string[]) => Promise<void>;
+export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
 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 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 ImageFiltersData = {
     name?: string;
     searchContents?: string;
@@ -188,14 +203,19 @@ 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>;