@genexus/genexus-ide-ui 2.0.0 → 2.1.1

package/dist/genexus-ide-ui/p-80c25124.entry.js

@@ -1,610 +0,0 @@
-import { r as i, c as e, h as t, H as s, a } from "./p-9b9ccd0c.js";
-
-import { L as r } from "./p-311eedf3.js";
-
-import { c as l } from "./p-c5196b3b.js";
-
-import { r as n } from "./p-3f89ddf4.js";
-
-import { F as o } from "./p-13feb5cf.js";
-
-import { c as d, h as c, f as h } from "./p-5bab65ea.js";
-
-const g = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:block}.module-folder::part(wrapper){padding-block:var(--spacing-padding-xxs);margin-block-start:var(--gxg-label-separation-vertical)}.filter--padding{padding:var(--gx-ide-container__padding)}.filter--gap{gap:var(--spacing-gap-xl)}.filter{display:flex;flex-direction:column}.filter__first-row{display:flex;gap:var(--spacing-gap-l)}.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(--spacing-gap-l)}.filter__first-row>*{flex:1}.filter .checkboxes-label-wrapper{display:flex;flex-direction:column;gap:0}.filter .checkboxes-wrapper{display:flex;gap:var(--spacing-gap-l);border-radius:var(--border-radius-sm);height:var(--gxg-form-text-height);box-sizing:border-box;align-items:center;padding-inline-start:var(--spacing-padding-xs)}.filter .user{max-inline-size: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-block-start:var(--gx-ide-container__padding);display:grid;overflow:hidden;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}gxg-date-picker{position:absolute;inline-size:calc(33% - 16px)}gxg-date-picker::part(input){block-size:24px}.master-wrapper{block-size:100%;position:relative;display:grid;grid-template-rows:auto 1fr}.grid-images-container{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(--spacing-gap-l)}.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;inline-size:50%;block-size:128px}.images-container .image-item__container{padding:var(--gx-ide-container__padding)}.images-container .image-item__container img{inline-size:100%;block-size:100%;object-fit:scale-down}.images-container .image-item__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;inline-size:100%;display:block;font-size:var(--font-size-body-xs);padding-block:var(--spacing-padding-xs);padding-inline:var(--spacing-padding-m);box-sizing:border-box;background-color:var(--color-accent-surface-surface)}.images-container .image-item:nth-child(odd) .image-item__name{border-inline-end:1px solid var(--color-border-surface-on-elevation-1)}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.hiChar{color:var(--color-text-primary-default);filter:brightness(1.3)}.tabular-grid-ww-images ch-tabular-grid-cell:is(:nth-child(4)){align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}";
-
-const f = [ "resets/box-sizing", 
-// "utils/form",
-// "utils/layout",
-// "utils/typography",
-// "components/button",
-// "components/checkbox",
-// "components/edit",
-"components/tabular-grid" ];
-
-const u = 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, a, r;
-      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-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", {
-        class: "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", (a = this.densities) !== null && a !== void 0 ? a : [])), 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", (r = this.layers) !== null && r !== void 0 ? r : [])))));
-    };
-    this.renderImagesData = () => 
-    /* images information*/ t("gx-ide-container", {
-      contentBorderEnd: true,
-      noContentPadding: true,
-      class: {
-        "images-information": true,
-        "overflow-auto": true
-      },
-      part: "grid-container"
-    }, this.secondaryFilter ? t("header", {
-      class: "images-information__header",
-      slot: "header"
-    }, t("gxg-form-text", {
-      icon: "gemini-tools/search",
-      "icon-position": "start",
-      placeholder: "Search by any field",
-      onInput: this.filterInputHandler
-    })) : null, t("ch-tabular-grid", {
-      ref: i => this.chGridEl = i,
-      part: "ch-grid-images",
-      rowSelectionMode: "single",
-      class: "tabular-grid tabular-grid-ww-images"
-    }, t("ch-tabular-grid-columnset", {
-      class: "tabular-grid-column-set"
-    }, t("ch-tabular-grid-column", {
-      columnName: "",
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), t("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.name,
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      class: "tabular-grid-column",
-      size: l.tabularGrid.colSize.common
-    }), t("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.module,
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.common,
-      class: "tabular-grid-column"
-    }), t("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.description,
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.commonDouble,
-      class: "tabular-grid-column"
-    }), t("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.modifiedDate,
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), t("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.lastUser,
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.maxContent,
-      class: "tabular-grid-column"
-    }), t("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.importDate,
-      columnNameHidden: false,
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.maxContent,
-      class: "tabular-grid-column"
-    })), this.filteredImages.map((i => t("ch-tabular-grid-row", {
-      rowid: i.id,
-      class: "tabular-grid-row"
-    }, t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t("ch-image", {
-      src: i.icon
-    })), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, c(i.name, this.filterImagesInputValue)), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, c(i.module, this.filterImagesInputValue)), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, c(i.description, this.filterImagesInputValue)), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, c(`${h(i.modifiedDate)}`, this.filterImagesInputValue)), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, c(i.lastUser, this.filterImagesInputValue)), t("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, c(`${h(i.importDate)}`, this.filterImagesInputValue)))))));
-    this.renderImages = () => 
-    /* tiles */ t("gx-ide-container", {
-      noContentPadding: true,
-      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 a = e.description.toLocaleLowerCase().includes(i);
-        const r = e.modifiedDate.toString().includes(i);
-        const l = e.lastUser.toLocaleLowerCase().includes(i);
-        const n = e.importDate && e.importDate.toString().includes(i);
-        return t || s || a || r || 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 r.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.getImages();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return t(s, {
-      class: "gx-ide-component"
-    }, t("ch-theme", {
-      model: f
-    }), t("div", {
-      class: "gx-ide-main-wrapper"
-    }, t("gx-ide-container", {
-      noContentPadding: true,
-      noContentGap: true,
-      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 a(this);
-  }
-  static get watchers() {
-    return {
-      filtersHidden: [ "filtersHiddenHandler" ]
-    };
-  }
-};
-
-u.style = g;
-
-export { u as gx_ide_ww_images };
-//# sourceMappingURL=p-80c25124.entry.js.map