@genexus/genexus-ide-ui 0.0.100 → 0.0.102

package/dist/genexus-ide-ui/p-420a2b62.entry.js

@@ -1,598 +0,0 @@
-import { r as i, c as e, h as t, H as s, g as r } from "./p-2776d2f9.js";
-
-import { L as a } from "./p-74d59062.js";
-
-import { c as l } from "./p-9c1b4eb9.js";
-
-import { r as n } from "./p-4cfc2a85.js";
-
-import { F as o } from "./p-13feb5cf.js";
-
-import { a as d, h, f as g } from "./p-04f3d630.js";
-
-import { g as c } from "./p-6893ccb8.js";
-
-const p = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content: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}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){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(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.filter--padding{padding:var(--gx-ide-container__padding)}.filter--gap{gap:var(--gx-ide-grid-row-gap)}.filter{display:flex;flex-direction:column}.filter__first-row{display:flex;gap:var(--gx-ide-grid-column-gap)}.filter__first-row .name,.filter__first-row .module-folder{flex:1}.filter__first-row .filter-btn{flex:none}.filter__first-row .second-column{display:flex;flex-direction:row;align-items:end;gap:var(--gx-ide-grid-column-gap)}.filter__first-row>*{flex:1}.filter .checkboxes-label-wrapper{display:flex;flex-direction:column;gap:0}.filter .checkboxes-wrapper{display:flex;gap:var(--gx-ide-grid-column-gap);border:1px solid var(--gray-02);border-radius:var(--border-radius-sm);height:var(--gxg-form-text-height);box-sizing:border-box;align-items:center;padding-inline-start:var(--mer-spacing--xxs)}.filter .user{max-width:100% !important}.filters-outer-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows 200ms}.filters-outer-wrapper--hidden{grid-template-rows:0fr}.filters-inner-wrapper{padding-top:var(--gx-ide-container__padding);overflow:hidden;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(3, 1fr)}.filters-inner-wrapper .search-contents{grid-area:1/1/2/5}.filters-inner-wrapper .category{grid-area:1/5/2/9}.filters-inner-wrapper .options{grid-area:1/9/2/13}.filters-inner-wrapper .date-time{grid-area:2/1/3/5}.filters-inner-wrapper .after-date-time{grid-area:2/5/3/9}.filters-inner-wrapper .user{grid-area:2/9/3/13}.filters-inner-wrapper .style{grid-area:3/1/4/4}.filters-inner-wrapper .language{grid-area:3/4/4/7}.filters-inner-wrapper .density{grid-area:3/7/4/10}.filters-inner-wrapper .layer{grid-area:3/10/4/13}.master-wrapper{height:100%;display:grid;grid-template-rows:auto 1fr}.grid-images-container{border-top:1px solid var(--gx-ide-container-border-color);display:grid;grid-template-columns:1fr 220px;grid-column-gap:0;grid-row-gap:0;overflow:auto}.images-information__header{display:flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}.images-information__header-title{flex:none}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-container .image-item{display:inline-block;width:50%;height:110px;}.images-container .image-item__container{padding:var(--gx-ide-container__padding)}.images-container .image-item__container img{width:100%;height:100%;object-fit:scale-down}.images-container .image-item__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;display:block;font-size:10px;padding:4px 8px;box-sizing:border-box;background-color:var(--gray-00)}.images-container .image-item:nth-child(odd) .image-item__name{border-inline-end:1px solid var(--gray-02)}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.hiChar{color:var(--gx-ide-hi-char-color);font-weight:600}";
-
-const f = class {
-  constructor(s) {
-    i(this, s);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    // 9.LOCAL METHODS //
-        this.attachDetectClickOutsideFilter = () => {
-      document.addEventListener("click", this.detectClickOutsideFilter);
-    };
-    this.removeDetectClickOutsideFilter = () => {
-      document.removeEventListener("click", this.detectClickOutsideFilter);
-    };
-    this.detectClickOutsideFilter = i => {
-      const e = d(i, this.filterEl);
-      if (e) {
-        this.filtersHidden = true;
-      } else {
-        this.filtersHidden = false;
-      }
-    };
-    /**
-         * @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.
-         */    this.saveInitialFilterData = () => {
-      this.filterInitialData = {
-        name: this.filterNameEl.value,
-        module: this.filterModuleEl.value,
-        searchContents: this.filterSearchContentsEl.value,
-        category: this.filterCategoryEl.value,
-        allDescendants: this.filterAllDescendantsEl.checked,
-        modified: this.filterModifiedEl.checked,
-        dateTime: this.filterModifiedDateEl.value,
-        after: this.filterAfterTypeEl.value,
-        user: this.filterUserEl.value,
-        style: this.filterStyleEl.value,
-        language: this.filterLanguageEl.value,
-        density: this.filterDensityEl.value,
-        layer: this.filterLayerEl.value
-      };
-    };
-    // 9.LOCAL METHODS -> Renders //
-        this.renderFilter = () => {
-      var i, e, s, r, a;
-      return t("div", {
-        class: "filter filter--padding",
-        ref: i => this.filterEl = i
-      }, t("div", {
-        class: "filter__first-row"
-      }, t("gxg-form-text", {
-        "label-position": "above",
-        label: this._componentLocale.filter.name,
-        ref: i => this.filterNameEl = i,
-        part: "filter-name",
-        class: "name"
-      }), t("div", {
-        class: "second-column"
-      }, t("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,
-        class: "module-folder",
-        part: "filter-module-folder"
-      }), t("gxg-button", {
-        onClick: this.resetFilterHandler,
-        part: "gxg-button-reset-filter",
-        type: "secondary-icon-only",
-        icon: "gemini-tools/reset",
-        class: "reset-filter-btn"
-      }), t("gxg-button", {
-        onClick: this.toggleFiltersHandler,
-        part: "gxg-button gxg-button--more-less",
-        type: "secondary-icon-only",
-        icon: "window-tools/filter-conditions",
-        class: "filter-btn"
-      }))), t("div", {
-        class: {
-          "filters-outer-wrapper": true,
-          "filters-outer-wrapper--hidden": this.filtersHidden
-        }
-      }, t("div", {
-        class: {
-          filter: true,
-          "filter--gap": true,
-          "filters-inner-wrapper": true
-        }
-      }, t("gxg-form-text", {
-        "label-position": "above",
-        label: this._componentLocale.filter.search,
-        ref: i => this.filterSearchContentsEl = i,
-        class: {
-          "search-contents": true
-        },
-        part: "filter-search"
-      }), t("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.category,
-        value: this.defaultCategory,
-        disabled: !this.categories,
-        ref: i => this.filterCategoryEl = i,
-        class: "category",
-        part: "filter-category"
-      }, n("gxg-combo-box-item", (i = this.categories) !== null && i !== void 0 ? i : [])), t("div", {
-        class: "options"
-      }, t("gxg-label", {
-        labelPosition: "above",
-        center: false
-      }, "Options:"), t("div", {
-        class: "checkboxes-wrapper"
-      }, t("gxg-form-checkbox", {
-        label: this._componentLocale.filter.allDescendants,
-        ref: i => this.filterAllDescendantsEl = i,
-        class: "all-descendants",
-        part: "filter-all-descendants"
-      }), t("gxg-form-checkbox", {
-        label: this._componentLocale.filter.modified,
-        ref: i => this.filterModifiedEl = i,
-        class: "modified",
-        part: "filter-modified"
-      }))), t("div", {
-        class: {
-          hide: !this.filterModified || this.filterAfterType !== o.DATE_TIME,
-          "date-time": true
-        },
-        part: "filter-datetime"
-      }, t("div", {
-        class: "date-time-wrapper"
-      }, t("gxg-label", {
-        "label-position": "above"
-      }, this._componentLocale.filter.dateTime), t("gxg-date-picker", {
-        disabled: !this.filterModified,
-        ref: i => this.filterModifiedDateEl = i
-      }))), t("gxg-combo-box", {
-        class: "after-date-time",
-        disabled: !this.filterModified,
-        label: this._componentLocale.filter.afterLabel,
-        "disable-filter": true,
-        value: this.filterAfterType,
-        ref: i => this.filterAfterTypeEl = i,
-        part: "filter-after-type"
-      }, n("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
-      } ])), t("gxg-form-text", {
-        disabled: !this.filterModified,
-        labelPosition: "above",
-        label: this._componentLocale.filter.user,
-        ref: i => this.filterUserEl = i,
-        value: "hey",
-        centerLabel: false,
-        class: "user",
-        part: "filter-user"
-      }), t("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.style,
-        disabled: !this.styles,
-        ref: i => this.filterStyleEl = i,
-        class: "style",
-        part: "filter-style"
-      }, n("gxg-combo-box-item", (e = this.styles) !== null && e !== void 0 ? e : [])), t("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.language,
-        disabled: !this.languages,
-        ref: i => this.filterLanguageEl = i,
-        class: "language",
-        part: "filter-language"
-      }, n("gxg-combo-box-item", (s = this.languages) !== null && s !== void 0 ? s : [])), t("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.density,
-        disabled: !this.densities,
-        ref: i => this.filterDensityEl = i,
-        class: "density",
-        part: "filter-density"
-      }, n("gxg-combo-box-item", (r = this.densities) !== null && r !== void 0 ? r : [])), t("gxg-combo-box", {
-        "disable-filter": true,
-        label: this._componentLocale.filter.layer,
-        disabled: !this.layers,
-        ref: i => this.filterLayerEl = i,
-        class: "layer",
-        part: "filter-layer"
-      }, n("gxg-combo-box-item", (a = this.layers) !== null && a !== void 0 ? a : [])))));
-    };
-    this.renderImagesData = () => 
-    /* images information*/ t("gx-ide-container", {
-      contentBorderEnd: true,
-      noContentPadding: true,
-      titleType: "secondary",
-      containerTitle: !this.secondaryFilter ? this._componentLocale.imagesDataTitle : null,
-      class: {
-        "images-information": true,
-        "overflow-auto": true
-      },
-      part: "grid-container"
-    }, this.secondaryFilter ? t("header", {
-      class: "images-information__header",
-      slot: "header"
-    }, t("gx-ide-title", {
-      type: "secondary",
-      class: "images-information__header-title"
-    }, this._componentLocale.imagesDataTitle), t("gxg-form-text", {
-      icon: "gemini-tools/search",
-      "icon-position": "start",
-      placeholder: "Search by any field",
-      onInput: this.filterInputHandler
-    })) : null, t("gxg-grid", {
-      part: "images-table",
-      "ellipsis-cell-wrapper": true,
-      noBorder: true
-    }, t("ch-grid", {
-      ref: i => this.chGridEl = i,
-      part: "ch-grid-images",
-      rowSelectionMode: "single"
-    }, t("ch-grid-columnset", null, t("ch-grid-column", {
-      columnName: "",
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.auto
-    }), t("ch-grid-column", {
-      columnName: this._componentLocale.tableHead.name,
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.common
-    }), t("ch-grid-column", {
-      columnName: this._componentLocale.tableHead.module,
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.common
-    }), t("ch-grid-column", {
-      columnName: this._componentLocale.tableHead.description,
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.common
-    }), t("ch-grid-column", {
-      columnName: this._componentLocale.tableHead.modifiedDate,
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.auto
-    }), t("ch-grid-column", {
-      columnName: this._componentLocale.tableHead.lastUser,
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.auto
-    }), t("ch-grid-column", {
-      columnName: this._componentLocale.tableHead.importDate,
-      columnNameHidden: false,
-      settingable: false,
-      size: c.colSize.auto
-    })), this.filteredImages.map((i => t("ch-grid-row", {
-      rowid: i.id
-    }, t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }), t("gxg-icon", {
-      type: i.icon,
-      color: "auto",
-      size: "small"
-    })), t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }, h(i.name, this.filterImagesInputValue))), t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }, h(i.module, this.filterImagesInputValue))), t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }, h(i.description, this.filterImagesInputValue))), t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }, h(`${g(i.modifiedDate)}`, this.filterImagesInputValue))), t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }, h(i.lastUser, this.filterImagesInputValue))), t("ch-grid-cell", null, t("span", {
-      class: "cell-wrapper"
-    }, h(`${g(i.importDate)}`, this.filterImagesInputValue)))))))));
-    this.renderImages = () => 
-    /* tiles */ t("gx-ide-container", {
-      containerTitle: this._componentLocale.imagesTitle,
-      noContentPadding: true,
-      titleType: "secondary",
-      class: "overflow-auto",
-      titleHeightAsInput: this.secondaryFilter ? this._componentLocale.imagesDataTitle : null,
-      part: "image-data-container"
-    }, t("div", {
-      class: "images-container"
-    }, this.imagesSelectedItems.map((i => t("div", {
-      class: "image-item"
-    }, t("div", {
-      class: "image-item__container"
-    }, t("div", {
-      class: "img"
-    }, t("img", {
-      src: i.url,
-      alt: i.id
-    }))), t("span", {
-      class: "image-item__name"
-    }, i.name))))));
-    // 9.LOCAL METHODS -> Other //
-        this.getImages = () => {
-      let i = {
-        name: this.filterNameEl.value,
-        parent: this.filterModuleEl.value ? this.filterModuleEl.value.id : null
-      };
-      const e = this.filterModifiedEl.checked;
-      const t = this.filterAfterTypeEl.value;
-      i = Object.assign(Object.assign({}, i), {
-        searchContents: this.filterSearchContentsEl.value,
-        category: this.filterCategoryEl.value,
-        allDescendants: this.filterAllDescendantsEl.checked,
-        modifiedAfter: e ? t : null,
-        modifiedBy: e ? this.filterUserEl.value : null,
-        modifiedDate: e && t === 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.filterImagesInformationHandler();
-      }));
-    };
-    this.newObjectCallbackHandler = () => {
-      this.newObjectCallback();
-    };
-    this.openSelectionCallBackHandler = () => {
-      this.openSelectionCallback(this.selectedObjectsIds);
-    };
-    this.deleteSelectionCallbackHandler = () => {
-      this.deleteSelectionCallback(this.selectedObjectsIds);
-    };
-    this.resetFilterHandler = () => {
-      if (this.filterInitialData) {
-        this.filterNameEl.value = this.filterInitialData.name;
-        this.filterModuleEl.value = this.filterInitialData.module;
-        this.filterSearchContentsEl.value = this.filterInitialData.searchContents;
-        this.filterCategoryEl.value = this.filterInitialData.category;
-        this.filterAllDescendantsEl.checked = this.filterInitialData.allDescendants;
-        this.filterModifiedEl.checked = this.filterInitialData.modified;
-        this.filterModifiedDateEl.value = this.filterInitialData.dateTime;
-        this.filterAfterTypeEl.value = this.filterInitialData.after;
-        this.filterUserEl.value = this.filterInitialData.user;
-        this.filterStyleEl.value = this.filterInitialData.style;
-        this.filterLanguageEl.value = this.filterInitialData.language;
-        this.filterDensityEl.value = this.filterInitialData.density;
-        this.filterLayerEl.value = this.filterInitialData.layer;
-      }
-    };
-    this.toggleFiltersHandler = () => {
-      this.filtersHidden = !this.filtersHidden;
-    };
-    this.selectAll = () => {
-      this.chGridEl.selectAllRows();
-    };
-    this.deselectAll = () => {
-      this.chGridEl.selectAllRows(false);
-    };
-    this.listenChanges = () => {
-      /* name */
-      this.filterNameEl.addEventListener("change", (() => {
-        this.getImages();
-      }));
-      /* module/folder */      this.filterModuleEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      /* search contents*/      this.filterSearchContentsEl.addEventListener("change", (() => {
-        this.getImages();
-      }));
-      /* category */      this.filterCategoryEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      /* (options) -> all descendants */      this.filterAllDescendantsEl.addEventListener("change", (() => {
-        this.getImages();
-      }));
-      /* (options) -> modified */      this.filterModifiedEl.addEventListener("change", (i => {
-        this.filterModified = i.detail.value;
-        this.getImages();
-      }));
-      /* date/time */      this.filterModifiedDateEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      /* after */      this.filterAfterTypeEl.addEventListener("valueChanged", (() => {
-        this.filterAfterType = this.filterAfterTypeEl.value;
-        this.getImages();
-      }));
-      /* user */      this.filterUserEl.addEventListener("change", (() => {
-        this.getImages();
-      }));
-      /* style */      this.filterStyleEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      /* language */      this.filterLanguageEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      /* density */      this.filterDensityEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      /* layer */      this.filterLayerEl.addEventListener("valueChanged", (() => {
-        this.getImages();
-      }));
-      // for grid selection
-            this.chGridEl.addEventListener("selectionChanged", (i => {
-        this.loadImageItemsCallback(i.detail.rowsId[0]).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.filterInputHandler = i => {
-      this.filterImagesInputValue = i.detail;
-      this.filterImagesInformationHandler();
-    };
-    this.filterImagesInformationHandler = () => {
-      const i = this.filterImagesInputValue.toLocaleLowerCase();
-      this.filteredImages = this.images.filter((e => {
-        const t = e.name.toLocaleLowerCase().includes(i);
-        const s = e.module.toLocaleLowerCase().includes(i);
-        const r = e.description.toLocaleLowerCase().includes(i);
-        const a = e.modifiedDate.toString().includes(i);
-        const l = e.lastUser.toLocaleLowerCase().includes(i);
-        const n = e.importDate && e.importDate.toString().includes(i);
-        return t || s || r || a || l || n;
-      }));
-    };
-    this.filtersHidden = true;
-    this.filterAfterType = "";
-    this.filterModified = false;
-    this.images = [];
-    this.filteredImages = [];
-    this.imagesSelectedItems = [];
-    this.selectedObjectsIds = [];
-    this.filterImagesInputValue = "";
-    this.displayTitle = false;
-    this.secondaryFilter = false;
-    this.categories = undefined;
-    this.densities = undefined;
-    this.defaultCategory = undefined;
-    this.defaultModule = undefined;
-    this.defaultType = undefined;
-    this.filterModules = undefined;
-    this.languages = undefined;
-    this.layers = undefined;
-    this.contextMenuCallback = undefined;
-    this.deleteSelectionCallback = undefined;
-    this.loadCallback = undefined;
-    this.loadImageItemsCallback = undefined;
-    this.newObjectCallback = undefined;
-    this.openSelectionCallback = undefined;
-    this.selectModuleCallback = undefined;
-    this.selectionObjectChangedCallback = undefined;
-    this.shadow = false;
-    this.styles = undefined;
-    this.types = undefined;
-  }
-  filtersHiddenHandler(i) {
-    if (i) {
-      this.removeDetectClickOutsideFilter();
-    } else {
-      this.attachDetectClickOutsideFilter();
-    }
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await a.getComponentStrings(this.el);
-    this.componentDidLoadEvent.emit(true);
-  }
-  componentDidLoad() {
-    this.listenChanges();
-    this.getImages();
-    this.saveInitialFilterData();
-    this.filterNameEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 7.LISTENERS //
-  keyDownHandler(i) {
-    if (document.activeElement === this.el) {
-      switch (i.key) {
-       case "Enter":
-        this.openSelectionCallBackHandler();
-        break;
-
-       case "Delete":
-        this.deleteSelectionCallbackHandler();
-        break;
-      }
-    }
-  }
-  // 8.PUBLIC METHODS API //
-  /**
-     * Validate necessary data input
-     */
-  async validate() {
-    const i = true;
-    return i;
-  }
-  /**
-     * This method reload the view, refreshing the filters and the table of images.
-     */  async reload() {
-    this.deleteSelectionCallbackHandler();
-    this.getImages();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return t(s, {
-      class: "gx-ide-component"
-    }, t("div", {
-      class: "gx-ide-main-wrapper"
-    }, t("gx-ide-container", {
-      noContentPadding: true,
-      noContentGap: true,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      slimmerFooter: l.gxIdeContainer.slimmerFooter
-    }, t("div", {
-      class: "master-wrapper"
-    }, this.renderFilter(), t("div", {
-      class: "grid-images-container"
-    }, this.renderImagesData(), this.renderImages())), t("gxg-button", {
-      id: "button-select-all",
-      type: "outlined",
-      onClick: this.selectAll,
-      part: "gxg-button gxg-button--select-all",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnSelectAll), t("gxg-button", {
-      id: "button-new-file",
-      type: "primary-text-icon",
-      icon: "objects/image",
-      onClick: this.newObjectCallbackHandler,
-      part: "gxg-button gxg-button--new-file",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnNew), t("gxg-text", {
-      class: "align-end",
-      part: "objects-matching",
-      slot: "footer-start"
-    }, `${this.filteredImages.length} ${this._componentLocale.objCount.matching}`))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/ww-images" ];
-  }
-  get el() {
-    return r(this);
-  }
-  static get watchers() {
-    return {
-      filtersHidden: [ "filtersHiddenHandler" ]
-    };
-  }
-};
-
-f.style = p;
-
-export { f as gx_ide_ww_images };
-//# sourceMappingURL=p-420a2b62.entry.js.map