@genexus/genexus-ide-ui 0.0.42 → 0.0.43

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as e,H as l,g as s}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{r}from"./p-44964acf.js";import{F as o}from"./p-6010dc9d.js";const h=class{constructor(l){i(this,l),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderFilter=()=>{var i,t,l,s,a;return e("gxg-container",{fieldset:!0,displayBorder:!0,containerTitle:this._componentLocale.filter.title,part:"filters-container"},e("div",{class:"grid filter-grid"},e("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.name,ref:i=>this.filterNameEl=i,part:"filter-name"}),e("gx-ide-entity-selector",{label:this._componentLocale.filter.moduleFolder,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,part:"filter-module-folder"}),e("div",null,e("gxg-button",{id:"button-more-less",type:"primary-text-only",onClick:this.showMoreFilter,part:"gxg-button gxg-button--more-less"},this.filterMore?this._componentLocale.filter.btnLess:this._componentLocale.filter.btnMore)),e("gxg-form-text",{class:{hide:!this.filterMore},"label-position":"above",label:this._componentLocale.filter.search,ref:i=>this.filterSearchContentsEl=i,part:"filter-search"}),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,ref:i=>this.filterCategoryEl=i,part:"filter-category"},r("gxg-combo-box-item",null!==(i=this.categories)&&void 0!==i?i:[])),e("div",{class:{hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.allDescendants,class:"align-center",ref:i=>this.filterAllDescendantsEl=i,part:"filter-all-descendants"})),e("div",{class:{flex:!0,"with-gap":!0,hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),e("gxg-combo-box",{class:{hide:!this.filterModified},"disable-filter":!0,value:this.filterAfterType,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},r("gxg-combo-box-item",[{id:o.NONE,label:this._componentLocale.filter.afterNone,value:o.NONE},{id:o.DATE_TIME,label:this._componentLocale.filter[o.DATE_TIME],value:o.DATE_TIME},{id:o.IMPORT,label:this._componentLocale.filter[o.IMPORT],value:o.IMPORT},{id:o.LAST_BUILD,label:this._componentLocale.filter[o.LAST_BUILD],value:o.LAST_BUILD}])),e("gxg-form-text",{class:{hide:!this.filterModified},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),e("div",{class:{flex:!0,hide:!this.filterModified||this.filterAfterType!==o.DATE_TIME},part:"filter-datetime"},e("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),e("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i}))),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.style,disabled:!this.styles,ref:i=>this.filterStyleEl=i,part:"filter-style"},r("gxg-combo-box-item",null!==(t=this.styles)&&void 0!==t?t:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.language,disabled:!this.languages,ref:i=>this.filterLanguageEl=i,part:"filter-language"},r("gxg-combo-box-item",null!==(l=this.languages)&&void 0!==l?l:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.density,disabled:!this.densities,ref:i=>this.filterDensityEl=i,part:"filter-density"},r("gxg-combo-box-item",null!==(s=this.densities)&&void 0!==s?s:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.layer,disabled:!this.layers,ref:i=>this.filterLayerEl=i,part:"filter-layer"},r("gxg-combo-box-item",null!==(a=this.layers)&&void 0!==a?a:[]))))},this.renderImages=()=>e("gxg-grid",{part:"images-table"},e("ch-grid",{"row-selection-mode":"multiple",ref:i=>this.chGridEl=i,part:"ch-grid-images"},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.name,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.module,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.description,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.modifiedDate,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastUser,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.importDate,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastBuildDate,columnNamePosition:"text",settingable:!1})),this.images.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",null,e("gxg-icon",{type:i.icon,color:"auto"})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${i.modifiedDate.toISOString().slice(0,10)}`),e("ch-grid-cell",null," ",i.lastUser," "),e("ch-grid-cell",null,`${i.importDate.toISOString().slice(0,10)}`),e("ch-grid-cell",null,`${i.lastBuildDate.toISOString().slice(0,10)}`)))))),this.renderImageData=()=>e("gxg-container",{fieldset:!0,displayBorder:!0,containerTitle:this._componentLocale.imageDataTitle,part:"image-data-container"},e("div",{class:"grid images-data-flex"},this.imagesSelectedItems.map((i=>e("div",{class:"image-item"},e("div",{class:"img"},e("img",{src:i.url,alt:i.id})),e("gxg-text",{type:"text-regular"},i.name)))))),this.getImages=()=>{let i={name:this.filterNameEl.value,parent:this.filterModuleEl.value?this.filterModuleEl.value.id:null};if(this.filterMore){const t=this.filterModifiedEl.checked,e=this.filterAfterTypeEl.value;i=Object.assign(Object.assign({},i),{searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modifiedAfter:t?e:null,modifiedBy:t?this.filterUserEl.value:null,modifiedDate:t&&e===o.DATE_TIME?this.filterModifiedDateEl.value:null,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value})}this.loadCallback(i).then((i=>{this.images=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.openSelectionCallBackHandler=()=>{this.openSelectionCallback(this.selectedObjectsIds)},this.deleteSelectionCallbackHandler=()=>{this.deleteSelectionCallback(this.selectedObjectsIds)},this.showMoreFilter=()=>{this.filterMore=!this.filterMore},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.listenChanges=()=>{this.filterNameEl.addEventListener("change",(()=>{this.getImages()})),this.filterSearchContentsEl.addEventListener("change",(()=>{this.getImages()})),this.filterAllDescendantsEl.addEventListener("change",(()=>{this.getImages()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getImages()})),this.filterUserEl.addEventListener("change",(()=>{this.getImages()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getImages()})),this.chGridEl.addEventListener("rowClicked",(i=>{this.loadImageItemsCallback(i.detail.rowId).then((i=>{this.imagesSelectedItems=i}))})),this.chGridEl.addEventListener("rowDoubleClicked",(()=>{this.openSelectionCallBackHandler()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId,this.selectionObjectChangedCallback(this.selectedObjectsIds)})),this.chGridEl.addEventListener("rowContextMenu",(i=>{i.preventDefault(),i.stopPropagation(),this.contextMenuCallback({selection:i.detail.selectedRowsId,clientX:i.detail.clientX,clientY:i.detail.clientY})}))},this.filterAfterType="",this.filterModified=!1,this.filterMore=!1,this.images=[],this.imagesSelectedItems=[],this.selectedObjectsIds=[],this.categories=void 0,this.densities=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.defaultType=void 0,this.filterModules=void 0,this.languages=void 0,this.layers=void 0,this.contextMenuCallback=void 0,this.deleteSelectionCallback=void 0,this.loadCallback=void 0,this.loadImageItemsCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0,this.selectModuleCallback=void 0,this.selectionObjectChangedCallback=void 0,this.shadow=!1,this.styles=void 0,this.types=void 0}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getImages()}keyDownHandler(i){if(document.activeElement===this.el)switch(i.key){case"Enter":this.openSelectionCallBackHandler();break;case"Delete":this.deleteSelectionCallbackHandler()}}async validate(){return!0}async reload(){this.filterUserEl.value=null,this.filterAfterTypeEl.value=null,this.filterAfterType=null,this.filterModifiedEl.checked=!1,this.filterAllDescendantsEl.checked=!1,this.filterModuleEl.value=null,this.filterCategoryEl.value=null,this.filterSearchContentsEl.value=null,this.filterNameEl.value=null,this.filterStyleEl.value=null,this.filterLanguageEl.value=null,this.filterDensityEl.value=null,this.filterLayerEl.value=null,this.filterMore=!1,this.getImages()}render(){return e(l,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},this.renderFilter(),e("gxg-container",null,e("div",{class:"grid images-grid"},this.renderImages(),this.renderImageData())),e("gxg-container",null,e("div",{class:"grid objects-count"},e("div",{class:"flex with-gap"},e("gxg-button",{id:"button-select-all",type:"primary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all"},this._componentLocale.footer.btnSelectAll),e("gxg-button",{id:"button-new-file",type:"primary-text-only",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new-file"},this._componentLocale.footer.btnNew)),e("gxg-text",{class:"align-end",part:"objects-matching"},`${this.images.length} ${this._componentLocale.objCount.matching}`)))))}static get assetsDirs(){return["gx-ide-assets/ww-images"]}get el(){return s(this)}};h.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)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";export{h as gx_ide_ww_images}

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { GxOption } from "../../common/types";
-import { EntityData } from "../../common/types";
+import { EntityData, ContextMenuInfo } from "../../common/types";
 export declare class GxIdeWWImages {
   /**
    * The component hard-coded strings translations.
@@ -108,7 +108,7 @@ export declare class GxIdeWWImages {
   /**
    * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
    */
-  readonly selectionObjectChangeCallback: SelectionChangeCallback;
+  readonly selectionObjectChangedCallback: SelectionObjectCallback;
   /**
    * Applies a shadow all around
    */
@@ -140,25 +140,24 @@ export declare class GxIdeWWImages {
   private renderImages;
   private renderImageData;
   private getImages;
-  private newObjectCallbackHandle;
-  private openSelectionCallBackHandle;
-  private deleteSelectionCallbackHandle;
-  private contextMenuCallbackHandle;
+  private newObjectCallbackHandler;
+  private openSelectionCallBackHandler;
+  private deleteSelectionCallbackHandler;
   private showMoreFilter;
   private selectAll;
   private deselectAll;
   private listenChanges;
   render(): void;
 }
-export type SelectionChangeCallback = (ids: string[]) => 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 SelectModuleCallback = () => Promise<EntityData | undefined>;
-export type ContextMenuCallback = (ids: string[]) => Promise<void>;
+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 interface ImageFiltersData {
+export type ImageFiltersData = {
   name?: string;
   searchContents?: string;
   category?: string;
@@ -171,8 +170,8 @@ export interface ImageFiltersData {
   language?: string;
   density?: string;
   layer?: string;
-}
-export interface ImageData {
+};
+export type ImageData = {
   id: string;
   icon: string;
   name: string;
@@ -183,9 +182,9 @@ export interface ImageData {
   lastUser?: string;
   importDate?: Date;
   lastBuildDate: Date;
-}
-export interface ImageItemData {
+};
+export type ImageItemData = {
   id: string;
   name: string;
   url: string;
-}
+};

package/dist/types/components.d.ts

@@ -24,7 +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";
+import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback3, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeContainer {
         /**
@@ -760,7 +760,7 @@ export namespace Components {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "selectionObjectChangeCallback": SelectionChangeCallback;
+        "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
           * Applies a shadow all around
          */
@@ -1766,7 +1766,7 @@ declare namespace LocalJSX {
         /**
           * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
-        "selectionObjectChangeCallback": SelectionChangeCallback;
+        "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
           * Applies a shadow all around
          */

package/package.json

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

package/dist/genexus-ide-ui/p-764ab316.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as l,g as s}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{r}from"./p-44964acf.js";import{F as o}from"./p-6010dc9d.js";const h=class{constructor(l){i(this,l),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderFilter=()=>{var i,t,l,s,a;return e("gxg-container",{fieldset:!0,displayBorder:!0,containerTitle:this._componentLocale.filter.title,part:"filters-container"},e("div",{class:"grid filter-grid"},e("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.name,ref:i=>this.filterNameEl=i,part:"filter-name"}),e("gx-ide-entity-selector",{label:this._componentLocale.filter.moduleFolder,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,part:"filter-module-folder"}),e("div",null,e("gxg-button",{id:"button-more-less",type:"primary-text-only",onClick:this.showMoreFilter,part:"gxg-button gxg-button--more-less"},this.filterMore?this._componentLocale.filter.btnLess:this._componentLocale.filter.btnMore)),e("gxg-form-text",{class:{hide:!this.filterMore},"label-position":"above",label:this._componentLocale.filter.search,ref:i=>this.filterSearchContentsEl=i,part:"filter-search"}),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,ref:i=>this.filterCategoryEl=i,part:"filter-category"},r("gxg-combo-box-item",null!==(i=this.categories)&&void 0!==i?i:[])),e("div",{class:{hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.allDescendants,class:"align-center",ref:i=>this.filterAllDescendantsEl=i,part:"filter-all-descendants"})),e("div",{class:{flex:!0,"with-gap":!0,hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),e("gxg-combo-box",{class:{hide:!this.filterModified},"disable-filter":!0,value:this.filterAfterType,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},r("gxg-combo-box-item",[{id:o.NONE,label:this._componentLocale.filter.afterNone,value:o.NONE},{id:o.DATE_TIME,label:this._componentLocale.filter[o.DATE_TIME],value:o.DATE_TIME},{id:o.IMPORT,label:this._componentLocale.filter[o.IMPORT],value:o.IMPORT},{id:o.LAST_BUILD,label:this._componentLocale.filter[o.LAST_BUILD],value:o.LAST_BUILD}])),e("gxg-form-text",{class:{hide:!this.filterModified},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),e("div",{class:{flex:!0,hide:!this.filterModified||this.filterAfterType!==o.DATE_TIME},part:"filter-datetime"},e("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),e("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i}))),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.style,disabled:!this.styles,ref:i=>this.filterStyleEl=i,part:"filter-style"},r("gxg-combo-box-item",null!==(t=this.styles)&&void 0!==t?t:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.language,disabled:!this.languages,ref:i=>this.filterLanguageEl=i,part:"filter-language"},r("gxg-combo-box-item",null!==(l=this.languages)&&void 0!==l?l:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.density,disabled:!this.densities,ref:i=>this.filterDensityEl=i,part:"filter-density"},r("gxg-combo-box-item",null!==(s=this.densities)&&void 0!==s?s:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.layer,disabled:!this.layers,ref:i=>this.filterLayerEl=i,part:"filter-layer"},r("gxg-combo-box-item",null!==(a=this.layers)&&void 0!==a?a:[]))))},this.renderImages=()=>e("gxg-grid",{part:"images-table"},e("ch-grid",{"row-selection-mode":"multiple",ref:i=>this.chGridEl=i,part:"ch-grid-images"},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.name,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.module,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.description,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.modifiedDate,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastUser,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.importDate,columnNamePosition:"text",settingable:!1}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastBuildDate,columnNamePosition:"text",settingable:!1})),this.images.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",null,e("gxg-icon",{type:i.icon})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${i.modifiedDate.toISOString().slice(0,10)}`),e("ch-grid-cell",null," ",i.lastUser," "),e("ch-grid-cell",null,`${i.importDate.toISOString().slice(0,10)}`),e("ch-grid-cell",null,`${i.lastBuildDate.toISOString().slice(0,10)}`)))))),this.renderImageData=()=>e("gxg-container",{fieldset:!0,displayBorder:!0,containerTitle:this._componentLocale.imageDataTitle,part:"image-data-container"},e("div",{class:"grid images-data-flex"},this.imagesSelectedItems.map((i=>e("div",{class:"image-item"},e("div",{class:"img"},e("img",{src:i.url,alt:i.id})),e("gxg-text",{type:"text-regular"},i.name)))))),this.getImages=()=>{let i={name:this.filterNameEl.value,parent:this.filterModuleEl.value?this.filterModuleEl.value.id:null};if(this.filterMore){const t=this.filterModifiedEl.checked,e=this.filterAfterTypeEl.value;i=Object.assign(Object.assign({},i),{searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modifiedAfter:t?e:null,modifiedBy:t?this.filterUserEl.value:null,modifiedDate:t&&e===o.DATE_TIME?this.filterModifiedDateEl.value:null,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value})}this.loadCallback(i).then((i=>{this.images=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.newObjectCallbackHandle=()=>{this.newObjectCallback()},this.openSelectionCallBackHandle=()=>{this.openSelectionCallback(this.selectedObjectsIds)},this.deleteSelectionCallbackHandle=()=>{this.deleteSelectionCallback(this.selectedObjectsIds)},this.contextMenuCallbackHandle=()=>{this.contextMenuCallback(this.selectedObjectsIds)},this.showMoreFilter=()=>{this.filterMore=!this.filterMore},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.listenChanges=()=>{this.filterNameEl.addEventListener("change",(()=>{this.getImages()})),this.filterSearchContentsEl.addEventListener("change",(()=>{this.getImages()})),this.filterAllDescendantsEl.addEventListener("change",(()=>{this.getImages()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getImages()})),this.filterUserEl.addEventListener("change",(()=>{this.getImages()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getImages()})),this.chGridEl.addEventListener("rowClicked",(i=>{this.loadImageItemsCallback(i.detail.rowId).then((i=>{this.imagesSelectedItems=i}))})),this.chGridEl.addEventListener("rowDoubleClicked",(()=>{this.openSelectionCallBackHandle()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId,this.selectionObjectChangeCallback(this.selectedObjectsIds)})),this.chGridEl.addEventListener("contextmenu",(i=>{i.preventDefault(),i.stopPropagation(),this.contextMenuCallbackHandle()}))},this.filterAfterType="",this.filterModified=!1,this.filterMore=!1,this.images=[],this.imagesSelectedItems=[],this.selectedObjectsIds=[],this.categories=void 0,this.densities=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.defaultType=void 0,this.filterModules=void 0,this.languages=void 0,this.layers=void 0,this.contextMenuCallback=void 0,this.deleteSelectionCallback=void 0,this.loadCallback=void 0,this.loadImageItemsCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0,this.selectModuleCallback=void 0,this.selectionObjectChangeCallback=void 0,this.shadow=!1,this.styles=void 0,this.types=void 0}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getImages()}keyDownHandler(i){if(document.activeElement===this.el)switch(i.key){case"Enter":this.openSelectionCallBackHandle();break;case"Delete":this.deleteSelectionCallbackHandle()}}async validate(){return!0}async reload(){this.filterUserEl.value=null,this.filterAfterTypeEl.value=null,this.filterAfterType=null,this.filterModifiedEl.checked=!1,this.filterAllDescendantsEl.checked=!1,this.filterModuleEl.value=null,this.filterCategoryEl.value=null,this.filterSearchContentsEl.value=null,this.filterNameEl.value=null,this.filterStyleEl.value=null,this.filterLanguageEl.value=null,this.filterDensityEl.value=null,this.filterLayerEl.value=null,this.filterMore=!1,this.getImages()}render(){return e(l,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},this.renderFilter(),e("gxg-container",null,e("div",{class:"grid images-grid"},this.renderImages(),this.renderImageData())),e("gxg-container",null,e("div",{class:"grid objects-count"},e("div",{class:"flex with-gap"},e("gxg-button",{id:"button-select-all",type:"primary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all"},this._componentLocale.footer.btnSelectAll),e("gxg-button",{id:"button-new-file",type:"primary-text-only",onClick:this.newObjectCallbackHandle,part:"gxg-button gxg-button--new-file"},this._componentLocale.footer.btnNew)),e("gxg-text",{class:"align-end",part:"objects-matching"},`${this.images.length} ${this._componentLocale.objCount.matching}`)))))}static get assetsDirs(){return["gx-ide-assets/ww-images"]}get el(){return s(this)}};h.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)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";export{h as gx_ide_ww_images}