@genexus/genexus-ide-ui 1.1.5 → 1.1.6

package/dist/components/gx-ide-ww-attributes.js

@@ -8,10 +8,11 @@ import { d as defineCustomElement$2 } from './ide-loader.js';
 
 const mapOptionsToComboBoxItemModel = (options) => {
     return options.map(option => {
+        var _a;
         return {
             value: option.id,
             caption: option.label,
-            startImgSrc: option.iconName ?? ""
+            startImgSrc: (_a = option.iconName) !== null && _a !== void 0 ? _a : ""
         };
     });
 };
@@ -77,15 +78,17 @@ const GxIdeWWAttributes = /*@__PURE__*/ proxyCustomElement(class GxIdeWWAttribut
             __classPrivateFieldGet(this, _GxIdeWWAttributes_chGridEl, "f").selectAllRows(false);
         });
         _GxIdeWWAttributes_getAttributes.set(this, () => {
+            var _a;
             this.loading = true;
             const filters = {
                 name: this.name.trim(),
                 type: this.type,
-                object: this.object?.id
+                object: (_a = this.object) === null || _a === void 0 ? void 0 : _a.id
             };
             this.loadCallback(filters).then((items) => {
+                var _a;
                 this.attributes = items;
-                if (this.selectedAttributesIds?.length > 0) {
+                if (((_a = this.selectedAttributesIds) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                     this.selectedAttributesIds = [];
                     __classPrivateFieldGet(this, _GxIdeWWAttributes_deselectAll, "f").call(this);
                 }
@@ -126,7 +129,8 @@ const GxIdeWWAttributes = /*@__PURE__*/ proxyCustomElement(class GxIdeWWAttribut
             __classPrivateFieldGet(this, _GxIdeWWAttributes_getAttributes, "f").call(this);
         });
         _GxIdeWWAttributes_renderAttributesGrid.set(this, () => {
-            const tabularGridEmpty = this.attributes?.length === 0 || !this.attributes;
+            var _a;
+            const tabularGridEmpty = ((_a = this.attributes) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.attributes;
             return (h("ch-tabular-grid", { class: {
                     "tabular-grid": true,
                     "tabular-grid--empty": tabularGridEmpty,
@@ -146,12 +150,13 @@ const GxIdeWWAttributes = /*@__PURE__*/ proxyCustomElement(class GxIdeWWAttribut
             }
         });
         _GxIdeWWAttributes_renderFilter.set(this, () => {
+            var _a;
             return (h("header", { class: "header field-group control-header-with-border spacing-body" }, h("div", { class: "field field-inline name__field" }, h("label", { class: "label name__label", htmlFor: "name" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").filter.name), h("ch-edit", {
                 // Name
                 id: "name", class: "input", value: this.name, debounce: 300, onInput: __classPrivateFieldGet(this, _GxIdeWWAttributes_nameInputHandler, "f"), part: "filter-name"
             })), h("div", { class: "field field-inline type__field" }, h("label", { class: "label", htmlFor: "type" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").filter.type), h("ch-combo-box-render", {
                 // Type
-                id: "type", class: "combo-box", disabled: !this.types, value: this.type, model: mapOptionsToComboBoxItemModel(this.types ?? []), part: "filter-type", onInput: __classPrivateFieldGet(this, _GxIdeWWAttributes_typeInputHandler, "f")
+                id: "type", class: "combo-box", disabled: !this.types, value: this.type, model: mapOptionsToComboBoxItemModel((_a = this.types) !== null && _a !== void 0 ? _a : []), part: "filter-type", onInput: __classPrivateFieldGet(this, _GxIdeWWAttributes_typeInputHandler, "f")
             })), h("div", { class: "field field-inline object-selector__field" }, h("label", { class: "label", htmlFor: "object-selector" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").filter.object), h("gx-ide-entity-selector", {
                 // Object
                 id: "object-selector", value: this.object, labelPosition: "none", defaultValue: null, selectEntityCallback: __classPrivateFieldGet(this, _GxIdeWWAttributes_entityCallbackHandler, "f"), onValueChanged: __classPrivateFieldGet(this, _GxIdeWWAttributes_entityValueChangedHandler, "f"), part: "filter-module-folder"
@@ -221,11 +226,12 @@ const GxIdeWWAttributes = /*@__PURE__*/ proxyCustomElement(class GxIdeWWAttribut
         return isValid;
     }
     render() {
+        var _a, _b;
         const btnDisabled = !this.attributes || this.attributes.length === 0;
-        const matchingAttributesLabel = this.attributes?.length === 1
+        const matchingAttributesLabel = ((_a = this.attributes) === null || _a === void 0 ? void 0 : _a.length) === 1
             ? __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").matchingAttribute
             : __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").matchingAttributes;
-        const attributesLength = this.attributes?.length || 0;
+        const attributesLength = ((_b = this.attributes) === null || _b === void 0 ? void 0 : _b.length) || 0;
         return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, __classPrivateFieldGet(this, _GxIdeWWAttributes_renderFilter, "f").call(this), __classPrivateFieldGet(this, _GxIdeWWAttributes_renderAttributesGrid, "f").call(this), h("footer", { class: "control-footer control-footer-with-border spacing-body-block-end spacing-body-inline control-footer-space-between" }, h("p", { class: "body-regular-s matching-attributes" }, `${attributesLength} ${matchingAttributesLabel}`), h("button", { id: "button-select-all", class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeWWAttributes_selectAll, "f"), disabled: btnDisabled, part: "button button--select-all" }, __classPrivateFieldGet(this, _GxIdeWWAttributes__componentLocale, "f").footer.btnSelectAll)))));
     }
     static get assetsDirs() { return ["gx-ide-assets/ww-attributes"]; }

package/dist/components/gx-ide-ww-attributes.js.map

@@ -1 +1 @@
-{"file":"gx-ide-ww-attributes.js","mappings":"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","names":[],"sources":["src/components/ww-attributes/helpers.tsx","src/components/ww-attributes/ww-attributes.scss?tag=gx-ide-ww-attributes&encapsulation=shadow","src/components/ww-attributes/ww-attributes.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n","@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n\n$nameInlineSize: 40px;\n$moreBtnInlineSize: 64px;\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n// Header\n.header {\n  grid-template:\n    \"name type\" max-content\n    \"object object\" max-content;\n  grid-template-columns: 1fr 1fr;\n}\n.name__field {\n  grid-area: name;\n}\n.name__label {\n  inline-size: $nameInlineSize;\n}\n.type__field {\n  grid-area: type;\n}\n.more__btn {\n  grid-area: more;\n  inline-size: $moreBtnInlineSize;\n}\n.object-selector__field {\n  grid-area: object;\n}\n\n// Main\n.main {\n  overflow: auto;\n}\n\nch-tabular-grid.tabular-grid--empty::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-row\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n// WA: remove this when Mercury removes margin from p elements\n.matching-attributes {\n  margin: 0;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n// Stencil\nimport {\n  Component,\n  Element,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  h\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n// Custom Imports\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo, EntityData, GxOption } from \"../../common/types\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport HTMLChTabularGridRowsetElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/rowset/tabular-grid-rowset\";\nimport { GxIdeEntitySelectorCustomEvent } from \"../../components\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/combo-box\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-ww-attributes\",\n  styleUrl: \"ww-attributes.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-attributes\"]\n})\nexport class GxIdeWWAttributes {\n  /**\n   * Component hard-coded strings translations.\n   */\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeWwAttributesElement;\n\n  /* References needed to collect data */\n  #chGridEl!: HTMLChTabularGridElement;\n\n  /**\n   * Attributes rendered in the table\n   */\n  @State() attributes: AttributeData[];\n\n  /**\n   * Selected attributes in the table of attributes\n   */\n  @State() selectedAttributesIds: string[] = [];\n\n  /**\n   * Show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The attribute filter name\n   */\n  @State() name: string = \"\";\n\n  /**\n   * True if loadCallback hasn't been resolved yet\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The attribute object value\n   */\n  @State() object: EntityData;\n\n  /**\n   * The attribute filter type value\n   */\n  @State() type: string;\n\n  /**\n   * Callback invoked when user right-clicks on the grid\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * Callback invoked when user deletes an object\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   * Callback invoked when user filters the objects\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Callback invoked when user executes filter action\n   */\n  @Prop() readonly objectActionCallback!: ObjectActionCallback;\n\n  /**\n   * Objects rendered in the object selector\n   */\n  @Prop() readonly objects!: GxOption[];\n\n  /**\n   * Callback invoked when user opens the selection dialog\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when user selects or deselects an object\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * Types rendered in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.type = this.types[0].id; // before #getAttributes\n    this.#getAttributes();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          this.#deleteSelectionCallbackHandle();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Reloads the view, refreshing the filters and attributes table.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.name = \"\";\n    this.type = this.types[0].id;\n    this.object = null;\n    this.#getAttributes();\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #contextMenuCallbackHandler = (ev: MouseEvent): void => {\n    this.contextMenuCallback({\n      selection: this.selectedAttributesIds,\n      clientX: ev.clientX,\n      clientY: ev.clientY\n    });\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedAttributesIds);\n  };\n\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #getAttributes = (): void => {\n    this.loading = true;\n    const filters: AttributeFiltersData = {\n      name: this.name.trim(),\n      type: this.type,\n      object: this.object?.id\n    };\n    this.loadCallback(filters).then((items: AttributeData[]) => {\n      this.attributes = items;\n      if (this.selectedAttributesIds?.length > 0) {\n        this.selectedAttributesIds = [];\n        this.#deselectAll();\n      }\n      this.loading = false;\n    });\n  };\n\n  #listenChanges = (): void => {\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedAttributesIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedAttributesIds);\n    });\n    this.#chGridEl.addEventListener(\"contextmenu\", (ev: MouseEvent): void => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.#contextMenuCallbackHandler(ev);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedAttributesIds);\n  };\n\n  #entityCallbackHandler = async (): Promise<null> => {\n    const result = await this.objectActionCallback();\n    this.object = {\n      id: result.id,\n      name: result.name,\n      iconSrc: result.iconSrc\n    };\n    return new Promise(resolve => {\n      resolve(null);\n    });\n  };\n\n  #entityValueChangedHandler = (\n    event: GxIdeEntitySelectorCustomEvent<EntityData>\n  ) => {\n    this.object = event.detail;\n    this.#getAttributes();\n  };\n\n  #renderAttributesGrid = (): Element => {\n    const tabularGridEmpty = this.attributes?.length === 0 || !this.attributes;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty,\n          \"main\": true\n        }}\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        row-selection-mode=\"multiple\"\n        part=\"ch-grid-attributes\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name=\"\"\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            size={config.tabularGrid.colSize.auto}\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.#evaluateAttributesGridContent()}\n      </ch-tabular-grid>\n    );\n  };\n\n  #evaluateAttributesGridContent = (): HTMLChTabularGridRowsetElement => {\n    if (this.loading) {\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          <ch-tabular-grid-rowset-empty>\n            <gx-ide-loader\n              loaderTitle={this.#_componentLocale.loader.title}\n              description={this.#_componentLocale.loader.description}\n              show\n            ></gx-ide-loader>\n          </ch-tabular-grid-rowset-empty>\n        </ch-tabular-grid-rowset>\n      );\n    } else if (this.attributes.length) {\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          {this.attributes.map((attr: AttributeData) => (\n            <ch-tabular-grid-row class=\"tabular-grid-row\" rowid={attr.id}>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                <ch-image class=\"icon-sm\" src={attr.icon}></ch-image>\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.name}\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.type}\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.description}\n              </ch-tabular-grid-cell>\n            </ch-tabular-grid-row>\n          ))}\n        </ch-tabular-grid-rowset>\n      );\n    } else {\n      // filter returned none\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          <ch-tabular-grid-rowset-empty>\n            <gx-ide-empty-state\n              stateIconSrc={FILTER_ICON}\n              stateTitle={this.#_componentLocale.emptyStateTitle}\n              isAnimated={true}\n            ></gx-ide-empty-state>\n          </ch-tabular-grid-rowset-empty>\n        </ch-tabular-grid-rowset>\n      );\n    }\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"header field-group control-header-with-border spacing-body\">\n        <div class=\"field field-inline name__field\">\n          <label class=\"label name__label\" htmlFor=\"name\">\n            {this.#_componentLocale.filter.name}\n          </label>\n          <ch-edit\n            // Name\n            id=\"name\"\n            class=\"input\"\n            value={this.name}\n            debounce={300}\n            onInput={this.#nameInputHandler}\n            part=\"filter-name\"\n          ></ch-edit>\n        </div>\n\n        <div class=\"field field-inline type__field\">\n          <label class=\"label\" htmlFor=\"type\">\n            {this.#_componentLocale.filter.type}\n          </label>\n          <ch-combo-box-render\n            // Type\n            id=\"type\"\n            class=\"combo-box\"\n            disabled={!this.types}\n            value={this.type}\n            model={mapOptionsToComboBoxItemModel(this.types ?? [])}\n            part=\"filter-type\"\n            onInput={this.#typeInputHandler}\n          ></ch-combo-box-render>\n        </div>\n\n        {/* <button\n          // TODO: Check with Design if it maes sense to have a button that toggles only one control.\n          // More\n          class=\"button-primary more__btn\"\n          onClick={this.#showMoreFilter}\n          part=\"button button--more-less\"\n        >\n          {this.filterMore\n            ? this.#_componentLocale.filter.btnLess\n            : this.#_componentLocale.filter.btnMore}\n        </button> */}\n\n        <div class=\"field field-inline object-selector__field\">\n          <label class=\"label\" htmlFor=\"object-selector\">\n            {this.#_componentLocale.filter.object}\n          </label>\n          <gx-ide-entity-selector\n            // Object\n            id=\"object-selector\"\n            value={this.object}\n            labelPosition=\"none\"\n            defaultValue={null}\n            selectEntityCallback={this.#entityCallbackHandler}\n            onValueChanged={this.#entityValueChangedHandler}\n            part=\"filter-module-folder\"\n          ></gx-ide-entity-selector>\n        </div>\n      </header>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  #nameInputHandler = (e: ChEditCustomEvent<string> | InputEvent) => {\n    this.name = (e as ChEditCustomEvent<string>).detail.trim();\n    this.#getAttributes();\n  };\n\n  #typeInputHandler = (e: CustomEvent<string> | InputEvent) => {\n    this.type = e.detail as string;\n    this.#getAttributes();\n  };\n\n  render(): void {\n    const btnDisabled = !this.attributes || this.attributes.length === 0;\n    const matchingAttributesLabel =\n      this.attributes?.length === 1\n        ? this.#_componentLocale.matchingAttribute\n        : this.#_componentLocale.matchingAttributes;\n    const attributesLength = this.attributes?.length || 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {this.#renderFilter()}\n\n          {this.#renderAttributesGrid()}\n\n          <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline control-footer-space-between\">\n            <p class=\"body-regular-s matching-attributes\">\n              {`${attributesLength} ${matchingAttributesLabel}`}\n            </p>\n\n            <button\n              id=\"button-select-all\"\n              class=\"button-primary\"\n              onClick={this.#selectAll}\n              disabled={btnDisabled}\n              part=\"button button--select-all\"\n            >\n              {this.#_componentLocale.footer.btnSelectAll}\n            </button>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: AttributeFiltersData\n) => Promise<AttributeData[]>;\n\nexport type ObjectActionCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\n\nexport interface AttributeData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n}\n\nexport interface AttributeFiltersData {\n  name?: string;\n  type?: string;\n  object?: string;\n}\n"],"version":3}
+{"file":"gx-ide-ww-attributes.js","mappings":"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","names":[],"sources":["src/components/ww-attributes/helpers.tsx","src/components/ww-attributes/ww-attributes.scss?tag=gx-ide-ww-attributes&encapsulation=shadow","src/components/ww-attributes/ww-attributes.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n","@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n\n$nameInlineSize: 40px;\n$moreBtnInlineSize: 64px;\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n// Header\n.header {\n  grid-template:\n    \"name type\" max-content\n    \"object object\" max-content;\n  grid-template-columns: 1fr 1fr;\n}\n.name__field {\n  grid-area: name;\n}\n.name__label {\n  inline-size: $nameInlineSize;\n}\n.type__field {\n  grid-area: type;\n}\n.more__btn {\n  grid-area: more;\n  inline-size: $moreBtnInlineSize;\n}\n.object-selector__field {\n  grid-area: object;\n}\n\n// Main\n.main {\n  overflow: auto;\n}\n\nch-tabular-grid.tabular-grid--empty::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-row\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n// WA: remove this when Mercury removes margin from p elements\n.matching-attributes {\n  margin: 0;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n// Stencil\nimport {\n  Component,\n  Element,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  h\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n// Custom Imports\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { ContextMenuInfo, EntityData, GxOption } from \"../../common/types\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport HTMLChTabularGridRowsetElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/rowset/tabular-grid-rowset\";\nimport { GxIdeEntitySelectorCustomEvent } from \"../../components\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/combo-box\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-ww-attributes\",\n  styleUrl: \"ww-attributes.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-attributes\"]\n})\nexport class GxIdeWWAttributes {\n  /**\n   * Component hard-coded strings translations.\n   */\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeWwAttributesElement;\n\n  /* References needed to collect data */\n  #chGridEl!: HTMLChTabularGridElement;\n\n  /**\n   * Attributes rendered in the table\n   */\n  @State() attributes: AttributeData[];\n\n  /**\n   * Selected attributes in the table of attributes\n   */\n  @State() selectedAttributesIds: string[] = [];\n\n  /**\n   * Show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The attribute filter name\n   */\n  @State() name: string = \"\";\n\n  /**\n   * True if loadCallback hasn't been resolved yet\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The attribute object value\n   */\n  @State() object: EntityData;\n\n  /**\n   * The attribute filter type value\n   */\n  @State() type: string;\n\n  /**\n   * Callback invoked when user right-clicks on the grid\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * Callback invoked when user deletes an object\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   * Callback invoked when user filters the objects\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * Callback invoked when user executes filter action\n   */\n  @Prop() readonly objectActionCallback!: ObjectActionCallback;\n\n  /**\n   * Objects rendered in the object selector\n   */\n  @Prop() readonly objects!: GxOption[];\n\n  /**\n   * Callback invoked when user opens the selection dialog\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when user selects or deselects an object\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * Types rendered in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.type = this.types[0].id; // before #getAttributes\n    this.#getAttributes();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          this.#deleteSelectionCallbackHandle();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Reloads the view, refreshing the filters and attributes table.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.name = \"\";\n    this.type = this.types[0].id;\n    this.object = null;\n    this.#getAttributes();\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #contextMenuCallbackHandler = (ev: MouseEvent): void => {\n    this.contextMenuCallback({\n      selection: this.selectedAttributesIds,\n      clientX: ev.clientX,\n      clientY: ev.clientY\n    });\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedAttributesIds);\n  };\n\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #getAttributes = (): void => {\n    this.loading = true;\n    const filters: AttributeFiltersData = {\n      name: this.name.trim(),\n      type: this.type,\n      object: this.object?.id\n    };\n    this.loadCallback(filters).then((items: AttributeData[]) => {\n      this.attributes = items;\n      if (this.selectedAttributesIds?.length > 0) {\n        this.selectedAttributesIds = [];\n        this.#deselectAll();\n      }\n      this.loading = false;\n    });\n  };\n\n  #listenChanges = (): void => {\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedAttributesIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedAttributesIds);\n    });\n    this.#chGridEl.addEventListener(\"contextmenu\", (ev: MouseEvent): void => {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.#contextMenuCallbackHandler(ev);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedAttributesIds);\n  };\n\n  #entityCallbackHandler = async (): Promise<null> => {\n    const result = await this.objectActionCallback();\n    this.object = {\n      id: result.id,\n      name: result.name,\n      iconSrc: result.iconSrc\n    };\n    return new Promise(resolve => {\n      resolve(null);\n    });\n  };\n\n  #entityValueChangedHandler = (\n    event: GxIdeEntitySelectorCustomEvent<EntityData>\n  ) => {\n    this.object = event.detail;\n    this.#getAttributes();\n  };\n\n  #renderAttributesGrid = (): Element => {\n    const tabularGridEmpty = this.attributes?.length === 0 || !this.attributes;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty,\n          \"main\": true\n        }}\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        row-selection-mode=\"multiple\"\n        part=\"ch-grid-attributes\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name=\"\"\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            size={config.tabularGrid.colSize.auto}\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.#evaluateAttributesGridContent()}\n      </ch-tabular-grid>\n    );\n  };\n\n  #evaluateAttributesGridContent = (): HTMLChTabularGridRowsetElement => {\n    if (this.loading) {\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          <ch-tabular-grid-rowset-empty>\n            <gx-ide-loader\n              loaderTitle={this.#_componentLocale.loader.title}\n              description={this.#_componentLocale.loader.description}\n              show\n            ></gx-ide-loader>\n          </ch-tabular-grid-rowset-empty>\n        </ch-tabular-grid-rowset>\n      );\n    } else if (this.attributes.length) {\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          {this.attributes.map((attr: AttributeData) => (\n            <ch-tabular-grid-row class=\"tabular-grid-row\" rowid={attr.id}>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                <ch-image class=\"icon-sm\" src={attr.icon}></ch-image>\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.name}\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.type}\n              </ch-tabular-grid-cell>\n              <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                {attr.description}\n              </ch-tabular-grid-cell>\n            </ch-tabular-grid-row>\n          ))}\n        </ch-tabular-grid-rowset>\n      );\n    } else {\n      // filter returned none\n      return (\n        <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n          <ch-tabular-grid-rowset-empty>\n            <gx-ide-empty-state\n              stateIconSrc={FILTER_ICON}\n              stateTitle={this.#_componentLocale.emptyStateTitle}\n              isAnimated={true}\n            ></gx-ide-empty-state>\n          </ch-tabular-grid-rowset-empty>\n        </ch-tabular-grid-rowset>\n      );\n    }\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"header field-group control-header-with-border spacing-body\">\n        <div class=\"field field-inline name__field\">\n          <label class=\"label name__label\" htmlFor=\"name\">\n            {this.#_componentLocale.filter.name}\n          </label>\n          <ch-edit\n            // Name\n            id=\"name\"\n            class=\"input\"\n            value={this.name}\n            debounce={300}\n            onInput={this.#nameInputHandler}\n            part=\"filter-name\"\n          ></ch-edit>\n        </div>\n\n        <div class=\"field field-inline type__field\">\n          <label class=\"label\" htmlFor=\"type\">\n            {this.#_componentLocale.filter.type}\n          </label>\n          <ch-combo-box-render\n            // Type\n            id=\"type\"\n            class=\"combo-box\"\n            disabled={!this.types}\n            value={this.type}\n            model={mapOptionsToComboBoxItemModel(this.types ?? [])}\n            part=\"filter-type\"\n            onInput={this.#typeInputHandler}\n          ></ch-combo-box-render>\n        </div>\n\n        {/* <button\n          // TODO: Check with Design if it maes sense to have a button that toggles only one control.\n          // More\n          class=\"button-primary more__btn\"\n          onClick={this.#showMoreFilter}\n          part=\"button button--more-less\"\n        >\n          {this.filterMore\n            ? this.#_componentLocale.filter.btnLess\n            : this.#_componentLocale.filter.btnMore}\n        </button> */}\n\n        <div class=\"field field-inline object-selector__field\">\n          <label class=\"label\" htmlFor=\"object-selector\">\n            {this.#_componentLocale.filter.object}\n          </label>\n          <gx-ide-entity-selector\n            // Object\n            id=\"object-selector\"\n            value={this.object}\n            labelPosition=\"none\"\n            defaultValue={null}\n            selectEntityCallback={this.#entityCallbackHandler}\n            onValueChanged={this.#entityValueChangedHandler}\n            part=\"filter-module-folder\"\n          ></gx-ide-entity-selector>\n        </div>\n      </header>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  #nameInputHandler = (e: ChEditCustomEvent<string> | InputEvent) => {\n    this.name = (e as ChEditCustomEvent<string>).detail.trim();\n    this.#getAttributes();\n  };\n\n  #typeInputHandler = (e: CustomEvent<string> | InputEvent) => {\n    this.type = e.detail as string;\n    this.#getAttributes();\n  };\n\n  render(): void {\n    const btnDisabled = !this.attributes || this.attributes.length === 0;\n    const matchingAttributesLabel =\n      this.attributes?.length === 1\n        ? this.#_componentLocale.matchingAttribute\n        : this.#_componentLocale.matchingAttributes;\n    const attributesLength = this.attributes?.length || 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {this.#renderFilter()}\n\n          {this.#renderAttributesGrid()}\n\n          <footer class=\"control-footer control-footer-with-border spacing-body-block-end spacing-body-inline control-footer-space-between\">\n            <p class=\"body-regular-s matching-attributes\">\n              {`${attributesLength} ${matchingAttributesLabel}`}\n            </p>\n\n            <button\n              id=\"button-select-all\"\n              class=\"button-primary\"\n              onClick={this.#selectAll}\n              disabled={btnDisabled}\n              part=\"button button--select-all\"\n            >\n              {this.#_componentLocale.footer.btnSelectAll}\n            </button>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: AttributeFiltersData\n) => Promise<AttributeData[]>;\n\nexport type ObjectActionCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\n\nexport interface AttributeData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n}\n\nexport interface AttributeFiltersData {\n  name?: string;\n  type?: string;\n  object?: string;\n}\n"],"version":3}

package/dist/components/gx-ide-ww-files.js

@@ -5,10 +5,11 @@ import { d as defineCustomElement$2 } from './entity-selector.js';
 
 const mapOptionsToComboBoxItemModel = (options) => {
     return options.map(option => {
+        var _a;
         return {
             value: option.id,
             caption: option.label,
-            startImgSrc: option.iconName ?? ""
+            startImgSrc: (_a = option.iconName) !== null && _a !== void 0 ? _a : ""
         };
     });
 };
@@ -78,11 +79,14 @@ const GxIdeWWFiles = /*@__PURE__*/ proxyCustomElement(class GxIdeWWFiles extends
             ];
         });
         _GxIdeWWFiles_renderObjects.set(this, () => {
-            return (h("div", { class: "field-group main__grid" }, h("ch-tabular-grid", { ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_chGridEl, el, "f")), class: "tabular-grid tabular-grid-ww-files", rowSelectionMode: "multiple", part: "ch-grid-files" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { columnName: "", columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.name, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), this.showType && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.type, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" })), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.module, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), this.showDescription && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.description, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.commonDouble, class: "tabular-grid-column" })), this.showModifiedDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.modifiedDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showLastUser && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.lastUser, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showImportDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.importDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showLastBuildDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.lastBuildDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }))), this.filteredFiles.length ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.filteredFiles.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.name.toLowerCase(), this.filterFilesInputValue)), this.showType && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.type.toLowerCase(), this.filterFilesInputValue))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.module.toLowerCase(), this.filterFilesInputValue)), this.showDescription && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.description.toLowerCase(), this.filterFilesInputValue))), this.showModifiedDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.modifiedDate
-                ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.modifiedDate)
-                : "", this.filterFilesInputValue))), this.showLastUser && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.lastUser?.toLowerCase() || "", this.filterFilesInputValue))), this.showImportDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.importDate ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.importDate) : "", this.filterFilesInputValue))), this.showLastBuildDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.lastBuildDate
-                ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.lastBuildDate)
-                : "", this.filterFilesInputValue)))))))) : null)));
+            return (h("div", { class: "field-group main__grid" }, h("ch-tabular-grid", { ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_chGridEl, el, "f")), class: "tabular-grid tabular-grid-ww-files", rowSelectionMode: "multiple", part: "ch-grid-files" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { columnName: "", columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.name, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), this.showType && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.type, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" })), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.module, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), this.showDescription && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.description, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.commonDouble, class: "tabular-grid-column" })), this.showModifiedDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.modifiedDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showLastUser && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.lastUser, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showImportDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.importDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showLastBuildDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.lastBuildDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }))), this.filteredFiles.length ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.filteredFiles.map((obj) => {
+                var _a;
+                return (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.name.toLowerCase(), this.filterFilesInputValue)), this.showType && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.type.toLowerCase(), this.filterFilesInputValue))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.module.toLowerCase(), this.filterFilesInputValue)), this.showDescription && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.description.toLowerCase(), this.filterFilesInputValue))), this.showModifiedDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.modifiedDate
+                    ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.modifiedDate)
+                    : "", this.filterFilesInputValue))), this.showLastUser && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, ((_a = obj.lastUser) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "", this.filterFilesInputValue))), this.showImportDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.importDate ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.importDate) : "", this.filterFilesInputValue))), this.showLastBuildDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.lastBuildDate
+                    ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.lastBuildDate)
+                    : "", this.filterFilesInputValue)))));
+            }))) : null)));
         });
         _GxIdeWWFiles_hiChar.set(this, (text, search) => {
             if (!search)
@@ -94,10 +98,11 @@ const GxIdeWWFiles = /*@__PURE__*/ proxyCustomElement(class GxIdeWWFiles extends
             return date.toISOString().slice(0, 10);
         });
         _GxIdeWWFiles_getObjects.set(this, () => {
+            var _a;
             const filters = {
                 name: __classPrivateFieldGet(this, _GxIdeWWFiles_filterNameEl, "f").value,
                 searchContents: this.showSearchContents
-                    ? __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f")?.value
+                    ? (_a = __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f")) === null || _a === void 0 ? void 0 : _a.value
                     : null,
                 category: __classPrivateFieldGet(this, _GxIdeWWFiles_filterCategoryEl, "f").value,
                 parent: __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value ? __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value.id : null,
@@ -116,24 +121,22 @@ const GxIdeWWFiles = /*@__PURE__*/ proxyCustomElement(class GxIdeWWFiles extends
             });
         });
         _GxIdeWWFiles_filterFiles.set(this, () => {
+            var _a, _b;
             const filterValue = this.filterFilesInputValue.toLowerCase();
             const searchContents = this.showSearchContents
-                ? __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f")?.value?.toLowerCase() || ""
+                ? ((_b = (_a = __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f")) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || ""
                 : "";
             this.filteredFiles = this.objects.filter(file => {
+                var _a, _b, _c, _d, _e;
                 const nameMatch = file.name.toLowerCase().includes(filterValue);
                 const typeMatch = file.type.toLowerCase().includes(filterValue);
                 const moduleMatch = file.module.toLowerCase().includes(filterValue);
-                const descriptionMatch = file.description
-                    ?.toLowerCase()
-                    .includes(filterValue);
-                const modifiedDateMatch = file.modifiedDate
-                    ?.toString()
-                    .includes(filterValue);
-                const lastUserMatch = file.lastUser?.toLowerCase().includes(filterValue);
-                const importDateMatch = file.importDate?.toString().includes(filterValue);
+                const descriptionMatch = (_a = file.description) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(filterValue);
+                const modifiedDateMatch = (_b = file.modifiedDate) === null || _b === void 0 ? void 0 : _b.toString().includes(filterValue);
+                const lastUserMatch = (_c = file.lastUser) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(filterValue);
+                const importDateMatch = (_d = file.importDate) === null || _d === void 0 ? void 0 : _d.toString().includes(filterValue);
                 const contentsMatch = searchContents
-                    ? file.description?.toLowerCase().includes(searchContents)
+                    ? (_e = file.description) === null || _e === void 0 ? void 0 : _e.toLowerCase().includes(searchContents)
                     : true;
                 return ((nameMatch ||
                     typeMatch ||

package/dist/components/gx-ide-ww-files.js.map

@@ -1 +1 @@
-{"file":"gx-ide-ww-files.js","mappings":"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","names":[],"sources":["src/components/ww-files/helpers.tsx","src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  container-type: inline-size;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.hide {\n  display: none !important;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"advanced-filter-accordion advanced-filter-accordion\";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n\n.name {\n  grid-area: name;\n}\n\n.module-folder {\n  grid-area: module-folder;\n}\n\n.advanced-filter-accordion {\n  grid-area: advanced-filter-accordion;\n}\n\n// - - - - - - - - - - - -\n// Main\n// - - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.main__grid {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n.main__filter {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--sm);\n  overflow: auto;\n}\n\n// Search Content\n.search-content {\n  inline-size: 100%;\n}\n\n// Category and Checkboxes Row\n.filter-row {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: var(--mer-spacing--md);\n}\n\n.category-column {\n  grid-column: 1;\n}\n\n.checkboxes-column {\n  grid-column: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  min-block-size: 100%;\n  justify-content: flex-start;\n  padding-block-start: 1.75rem;\n}\n\n// Modified Inputs\n.modified-inputs {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--mer-spacing--md);\n  margin-block-start: var(--mer-spacing--sm);\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--sm);\n\n    &.hide {\n      display: none;\n    }\n\n    .input,\n    .combo-box {\n      width: 100%;\n    }\n  }\n}\n\n// - - - - - - - - - - - -\n// Grid\n// - - - - - - - - - - - -\n\n.tabular-grid-ww-files {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--mer-spacing--xs);\n  position: relative;\n  z-index: 1;\n}\n\n@include hiChar;\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-ww-files\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    4\n  )\n);\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n@container (max-width: 992px) {\n  .main__files-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport { ChGridRowContextMenuEvent } from \"@genexus/chameleon-controls-library\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { GxOption } from \"../../common/types\";\nimport { EntityData, ContextMenuInfo } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/accordion\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\n@Component({\n  tag: \"gx-ide-ww-files\",\n  styleUrl: \"ww-files.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-files\"]\n})\nexport class GxIdeWWFiles {\n  #componentLocale: any;\n  #ACCORDION_FILTER_ID = \"advanced-filter\";\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterAfterTypeEl!: HTMLChComboBoxRenderElement;\n  #filterAllDescendantsEl!: HTMLChCheckboxElement;\n  #filterCategoryEl!: HTMLChComboBoxRenderElement;\n  #filterModifiedDateEl!: HTMLChEditElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n  #filterModifiedEl!: HTMLChCheckboxElement;\n  #filterNameEl!: HTMLChEditElement;\n  #filterSearchContentsEl!: HTMLChEditElement;\n  #filterUserEl!: HTMLChEditElement;\n\n  // representations of GxOption[] as ComboBoxModel\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * The current value of the \"After\" combo box options.\n   */\n  @State() afterCurrentValue: string = FILTER_AFTER_DATE_TIME;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterOptions: ComboBoxModel;\n\n  /**\n   * When true, modified controls will be enabled, otherwise disabled.\n   */\n  @State() enabledModifiedControls: boolean = false;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * Files filter input value\n   */\n  @State() filterFilesInputValue = \"\";\n\n  /**\n   * Files rendered in the table after filtering\n   */\n  @State() filteredFiles: ObjectData[] = [];\n\n  /**\n   * The selected files in the table of files\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Controls the expanded state of the advanced filter accordion\n   */\n  @State() advancedFilterAccordionExpanded: boolean = false;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: GxOption[]) {\n    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n  }\n\n  /**\n   * The default value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The modules/folders render in the module/folder selector\n   */\n  @Prop() readonly filterModules!: GxOption[];\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  /**\n   * This is a function provided by the developer for show the context menu of the selected files.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   *  This is a function provided by the developer that return a list of files to populate the table of files.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   *\n   */\n  @Prop() readonly newFileCallback!: NewFileCallback;\n\n  /**\n   * This is a function provided by the developer to expand the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * 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.\n   */\n  @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * Controls whether to show the Search contents field in the advanced filter section\n   */\n  @Prop() showSearchContents = false;\n\n  /**\n   * Controls whether to show the description column in the grid\n   */\n  @Prop() showDescription = false;\n\n  /**\n   * Controls whether to show the modified date column in the grid\n   */\n  @Prop() showModifiedDate = false;\n\n  /**\n   * Controls whether to show the last user column in the grid\n   */\n  @Prop() showLastUser = false;\n\n  /**\n   * Controls whether to show the import date column in the grid\n   */\n  @Prop() showImportDate = false;\n\n  /**\n   * Controls whether to show the type column in the grid\n   */\n  @Prop() showType = false;\n\n  /**\n   * Controls whether to show the last build date column in the grid\n   */\n  @Prop() showLastBuildDate = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // initialize combo-box models\n    this.categoriesChanged(this.categories);\n\n    // initialize \"After\" combo-box options\n    this.filterAfterOptions = [\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_DATE_TIME],\n        value: FILTER_AFTER_DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_LAST_BUILD],\n        value: FILTER_AFTER_LAST_BUILD\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_IMPORT],\n        value: FILTER_AFTER_IMPORT\n      }\n    ];\n    this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: this.#ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: this.advancedFilterAccordionExpanded\n      }\n    ];\n\n    // initialize filtered files\n    this.filteredFiles = this.objects;\n\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.#getObjects();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          eventInfo.preventDefault();\n          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandle();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * This method reload the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.filterFilesInputValue = \"\";\n    this.#filterUserEl.value = null;\n    this.#filterAfterTypeEl.value = null;\n    this.afterCurrentValue = null;\n    this.#filterModifiedEl.value = undefined;\n    this.#filterAllDescendantsEl.value = undefined;\n    this.#filterModuleEl.value = this.defaultModule;\n    this.#filterCategoryEl.value = null;\n    this.#filterSearchContentsEl.value = null;\n    this.#filterNameEl.value = null;\n    this.filterMore = false;\n    this.#getObjects();\n  }\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div class=\"field field-block name\">\n        <label class=\"label\" htmlFor=\"filter-files\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"filter-files\"\n          class=\"input\"\n          ref={(el: HTMLChEditElement) => (this.#filterNameEl = el)}\n          value={this.filterFilesInputValue}\n          onInput={this.#handleFilterInput}\n          part=\"filter-files\"\n        ></ch-edit>\n      </div>,\n\n      <div class=\"field field-block module-folder\">\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter-accordion\"\n        model={this.#ACCORDION_MODEL}\n        onExpandedChange={this.#expandedHandler}\n      >\n        <div slot={this.#ACCORDION_FILTER_ID} class=\"spacing-body\">\n          <div class=\"main__filter\">\n            {/* Primera fila - Search Content */}\n            {this.showSearchContents && (\n              <div class=\"search-content\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-content\">\n                    {this.#componentLocale.filter.content}\n                  </label>\n                  <ch-edit\n                    id=\"filter-content\"\n                    class=\"input\"\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#filterSearchContentsEl = el as HTMLChEditElement)\n                    }\n                    onInput={this.#handleSearchContentsInput}\n                    part=\"filter-content\"\n                  ></ch-edit>\n                </div>\n              </div>\n            )}\n\n            {/* Segunda fila - Category y Checkboxes */}\n            <div class=\"filter-row\">\n              <div class=\"category-column\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-category\">\n                    {this.#componentLocale.filter.category}\n                  </label>\n                  <ch-combo-box-render\n                    id=\"filter-category\"\n                    class=\"combo-box\"\n                    value={this.defaultCategory}\n                    disabled={!this.categories}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#filterCategoryEl =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    model={this.categoriesComboBoxModel}\n                    part=\"filter-category\"\n                    onInput={this.#getObjects}\n                  ></ch-combo-box-render>\n                </div>\n              </div>\n\n              <div class=\"checkboxes-column\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  caption={this.#componentLocale.filter.allDescendants}\n                  checkedValue=\"filterAllDescendants\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterAllDescendantsEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-all-descendants\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox align-center\"\n                  caption={this.#componentLocale.filter.modified}\n                  checkedValue=\"filterModified\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterModifiedEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#filterModifiedCallbackHandle}\n                  part=\"filter-modified\"\n                ></ch-checkbox>\n              </div>\n\n              <div class=\"empty-column\"></div>\n            </div>\n\n            {/* Tercera fila - Modified inputs */}\n            <div\n              class={{ \"modified-inputs\": true, \"hide\": !this.filterModified }}\n            >\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-after-type\">\n                  {this.#componentLocale.filter.after}\n                </label>\n                <ch-combo-box-render\n                  id=\"filter-after-type\"\n                  class=\"combo-box\"\n                  value={this.afterCurrentValue}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#filterAfterTypeEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                  model={this.filterAfterOptions}\n                  onInput={this.#filterAfterTypeCallbackHandle}\n                  part=\"filter-after-type\"\n                ></ch-combo-box-render>\n              </div>\n\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-user\">\n                  {this.#componentLocale.filter.user}\n                </label>\n                <ch-edit\n                  id=\"filter-user\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterUserEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-user\"\n                ></ch-edit>\n              </div>\n\n              <div\n                class={{\n                  \"field field-block\": true,\n                  \"hide\": this.afterCurrentValue !== FILTER_AFTER_DATE_TIME\n                }}\n              >\n                <label class=\"label\" htmlFor=\"filter-modified-date\">\n                  {this.#componentLocale.filter.dateTime}\n                </label>\n                <ch-edit\n                  id=\"filter-modified-date\"\n                  type=\"date\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterModifiedDateEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-modified-date\"\n                ></ch-edit>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <div class=\"field-group main__grid\">\n        <ch-tabular-grid\n          ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n          class=\"tabular-grid tabular-grid-ww-files\"\n          rowSelectionMode=\"multiple\"\n          part=\"ch-grid-files\"\n        >\n          <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n            <ch-tabular-grid-column\n              columnName=\"\"\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.name}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showType && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.type}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.common}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.module}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showDescription && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.description}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.commonDouble}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showModifiedDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.modifiedDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastUser && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastUser}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showImportDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.importDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastBuildDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastBuildDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n          </ch-tabular-grid-columnset>\n\n          {this.filteredFiles.length ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredFiles.map((obj: ObjectData) => (\n                <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <ch-image src={obj.icon}></ch-image>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.name.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showType && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.type.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.module.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showDescription && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.description.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showModifiedDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.modifiedDate\n                          ? this.#formatDate(obj.modifiedDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastUser && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastUser?.toLowerCase() || \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showImportDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.importDate ? this.#formatDate(obj.importDate) : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastBuildDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastBuildDate\n                          ? this.#formatDate(obj.lastBuildDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                </ch-tabular-grid-row>\n              ))}\n            </ch-tabular-grid-rowset>\n          ) : null}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #hiChar = (text: string, search: string): Element[] | string => {\n    if (!search) return text;\n    const parts = text.split(new RegExp(`(${search})`, \"gi\"));\n    return parts.map((part, i) =>\n      part.toLowerCase() === search.toLowerCase() ? (\n        <span key={i} class=\"highlight\">\n          {part}\n        </span>\n      ) : (\n        part\n      )\n    );\n  };\n\n  #formatDate = (date: Date): string => {\n    return date.toISOString().slice(0, 10);\n  };\n\n  #getObjects = () => {\n    const filters: ObjectFiltersData = {\n      name: this.#filterNameEl.value,\n      searchContents: this.showSearchContents\n        ? this.#filterSearchContentsEl?.value\n        : null,\n      category: this.#filterCategoryEl.value,\n      parent: this.#filterModuleEl.value ? this.#filterModuleEl.value.id : null,\n      allDescendants: !!this.#filterAllDescendantsEl.value,\n      modifiedAfter: this.filterModified ? this.afterCurrentValue : null,\n      modifiedBy: this.filterModified ? this.#filterUserEl.value : null,\n      modifiedDate:\n        this.filterModified && this.afterCurrentValue === FILTER_AFTER_DATE_TIME\n          ? new Date(this.#filterModifiedDateEl.value)\n          : null\n    };\n\n    this.loadCallback(filters).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#filterFiles();\n      this.selectedObjectsIds = [];\n      this.#deselectAll();\n    });\n  };\n\n  #filterFiles = () => {\n    const filterValue = this.filterFilesInputValue.toLowerCase();\n    const searchContents = this.showSearchContents\n      ? this.#filterSearchContentsEl?.value?.toLowerCase() || \"\"\n      : \"\";\n\n    this.filteredFiles = this.objects.filter(file => {\n      const nameMatch = file.name.toLowerCase().includes(filterValue);\n      const typeMatch = file.type.toLowerCase().includes(filterValue);\n      const moduleMatch = file.module.toLowerCase().includes(filterValue);\n      const descriptionMatch = file.description\n        ?.toLowerCase()\n        .includes(filterValue);\n      const modifiedDateMatch = file.modifiedDate\n        ?.toString()\n        .includes(filterValue);\n      const lastUserMatch = file.lastUser?.toLowerCase().includes(filterValue);\n      const importDateMatch = file.importDate?.toString().includes(filterValue);\n      const contentsMatch = searchContents\n        ? file.description?.toLowerCase().includes(searchContents)\n        : true;\n\n      return (\n        (nameMatch ||\n          typeMatch ||\n          moduleMatch ||\n          descriptionMatch ||\n          modifiedDateMatch ||\n          lastUserMatch ||\n          importDateMatch) &&\n        contentsMatch\n      );\n    });\n  };\n\n  #handleFilterInput = (event: CustomEvent<any> | InputEvent) => {\n    this.filterFilesInputValue = event.detail.toLowerCase();\n    this.#filterFiles();\n  };\n\n  #handleSearchContentsInput = () => {\n    this.#filterFiles();\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedObjectsIds);\n  };\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #expandedHandler = (e: CustomEvent<{ id: string; expanded: boolean }>) => {\n    if (e.detail.id === this.#ACCORDION_FILTER_ID) {\n      this.advancedFilterAccordionExpanded = e.detail.expanded;\n      this.filterMore = e.detail.expanded;\n    }\n  };\n  #filterModifiedCallbackHandle = () => {\n    this.filterModified = !!this.#filterModifiedEl.value;\n    this.enabledModifiedControls = this.filterModified;\n    if (!this.filterModified) {\n      // Reset related fields when unchecking Modified\n      this.#filterUserEl.value = null;\n      this.#filterAfterTypeEl.value = null;\n      this.afterCurrentValue = null;\n      this.#filterModifiedDateEl.value = null;\n    } else {\n      // Restore default values when checking Modified\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #filterAfterTypeCallbackHandle = () => {\n    const newValue = this.#filterAfterTypeEl.value;\n    // Validar que el valor sea uno de los permitidos\n    if (\n      [\n        FILTER_AFTER_DATE_TIME,\n        FILTER_AFTER_LAST_BUILD,\n        FILTER_AFTER_IMPORT\n      ].includes(newValue)\n    ) {\n      this.afterCurrentValue = newValue;\n    } else {\n      // Si no es un valor válido, establecer el valor por defecto\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #listenChanges = (): void => {\n    /* module/folder */\n    this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n      this.#getObjects();\n    });\n\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedObjectsIds);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      (ev: CustomEvent<ChGridRowContextMenuEvent>): void => {\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.contextMenuCallback({\n          selection: ev.detail.selectedRowsId,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    );\n  };\n\n  #newFileCallbackHandle = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedObjectsIds);\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          <div class=\"main\">{this.#renderObjects()}</div>\n\n          <footer class=\"control-footer-with-border control-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.filteredFiles.length} ${\n                this.#componentLocale.objCount.matching\n              }`}\n            </p>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // select all button\n                id=\"button-select-all\"\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button--select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n\n              <button\n                // new file button\n                id=\"button-new-file\"\n                class=\"button-primary button-icon-and-text\"\n                onClick={this.#newFileCallbackHandle}\n                part=\"button button--new-file\"\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n// export type ContextMenuCallback = (ids: string[]) => Promise<void>;\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport type NewFileCallback = () => Promise<void>;\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport interface ObjectFiltersData {\n  name?: string;\n  searchContents?: string;\n  category?: string;\n  parent?: string;\n  allDescendants?: boolean;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n}\nexport interface ObjectData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  parent: string;\n  module: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n"],"version":3}
+{"file":"gx-ide-ww-files.js","mappings":"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","names":[],"sources":["src/components/ww-files/helpers.tsx","src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  container-type: inline-size;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.hide {\n  display: none !important;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"advanced-filter-accordion advanced-filter-accordion\";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n\n.name {\n  grid-area: name;\n}\n\n.module-folder {\n  grid-area: module-folder;\n}\n\n.advanced-filter-accordion {\n  grid-area: advanced-filter-accordion;\n}\n\n// - - - - - - - - - - - -\n// Main\n// - - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.main__grid {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n.main__filter {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--sm);\n  overflow: auto;\n}\n\n// Search Content\n.search-content {\n  inline-size: 100%;\n}\n\n// Category and Checkboxes Row\n.filter-row {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: var(--mer-spacing--md);\n}\n\n.category-column {\n  grid-column: 1;\n}\n\n.checkboxes-column {\n  grid-column: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  min-block-size: 100%;\n  justify-content: flex-start;\n  padding-block-start: 1.75rem;\n}\n\n// Modified Inputs\n.modified-inputs {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--mer-spacing--md);\n  margin-block-start: var(--mer-spacing--sm);\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--sm);\n\n    &.hide {\n      display: none;\n    }\n\n    .input,\n    .combo-box {\n      width: 100%;\n    }\n  }\n}\n\n// - - - - - - - - - - - -\n// Grid\n// - - - - - - - - - - - -\n\n.tabular-grid-ww-files {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--mer-spacing--xs);\n  position: relative;\n  z-index: 1;\n}\n\n@include hiChar;\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-ww-files\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    4\n  )\n);\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n@container (max-width: 992px) {\n  .main__files-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport { ChGridRowContextMenuEvent } from \"@genexus/chameleon-controls-library\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { GxOption } from \"../../common/types\";\nimport { EntityData, ContextMenuInfo } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/accordion\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\n@Component({\n  tag: \"gx-ide-ww-files\",\n  styleUrl: \"ww-files.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-files\"]\n})\nexport class GxIdeWWFiles {\n  #componentLocale: any;\n  #ACCORDION_FILTER_ID = \"advanced-filter\";\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterAfterTypeEl!: HTMLChComboBoxRenderElement;\n  #filterAllDescendantsEl!: HTMLChCheckboxElement;\n  #filterCategoryEl!: HTMLChComboBoxRenderElement;\n  #filterModifiedDateEl!: HTMLChEditElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n  #filterModifiedEl!: HTMLChCheckboxElement;\n  #filterNameEl!: HTMLChEditElement;\n  #filterSearchContentsEl!: HTMLChEditElement;\n  #filterUserEl!: HTMLChEditElement;\n\n  // representations of GxOption[] as ComboBoxModel\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * The current value of the \"After\" combo box options.\n   */\n  @State() afterCurrentValue: string = FILTER_AFTER_DATE_TIME;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterOptions: ComboBoxModel;\n\n  /**\n   * When true, modified controls will be enabled, otherwise disabled.\n   */\n  @State() enabledModifiedControls: boolean = false;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * Files filter input value\n   */\n  @State() filterFilesInputValue = \"\";\n\n  /**\n   * Files rendered in the table after filtering\n   */\n  @State() filteredFiles: ObjectData[] = [];\n\n  /**\n   * The selected files in the table of files\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Controls the expanded state of the advanced filter accordion\n   */\n  @State() advancedFilterAccordionExpanded: boolean = false;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: GxOption[]) {\n    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n  }\n\n  /**\n   * The default value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The modules/folders render in the module/folder selector\n   */\n  @Prop() readonly filterModules!: GxOption[];\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  /**\n   * This is a function provided by the developer for show the context menu of the selected files.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   *  This is a function provided by the developer that return a list of files to populate the table of files.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   *\n   */\n  @Prop() readonly newFileCallback!: NewFileCallback;\n\n  /**\n   * This is a function provided by the developer to expand the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * 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.\n   */\n  @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * Controls whether to show the Search contents field in the advanced filter section\n   */\n  @Prop() showSearchContents = false;\n\n  /**\n   * Controls whether to show the description column in the grid\n   */\n  @Prop() showDescription = false;\n\n  /**\n   * Controls whether to show the modified date column in the grid\n   */\n  @Prop() showModifiedDate = false;\n\n  /**\n   * Controls whether to show the last user column in the grid\n   */\n  @Prop() showLastUser = false;\n\n  /**\n   * Controls whether to show the import date column in the grid\n   */\n  @Prop() showImportDate = false;\n\n  /**\n   * Controls whether to show the type column in the grid\n   */\n  @Prop() showType = false;\n\n  /**\n   * Controls whether to show the last build date column in the grid\n   */\n  @Prop() showLastBuildDate = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // initialize combo-box models\n    this.categoriesChanged(this.categories);\n\n    // initialize \"After\" combo-box options\n    this.filterAfterOptions = [\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_DATE_TIME],\n        value: FILTER_AFTER_DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_LAST_BUILD],\n        value: FILTER_AFTER_LAST_BUILD\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_IMPORT],\n        value: FILTER_AFTER_IMPORT\n      }\n    ];\n    this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: this.#ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: this.advancedFilterAccordionExpanded\n      }\n    ];\n\n    // initialize filtered files\n    this.filteredFiles = this.objects;\n\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.#getObjects();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          eventInfo.preventDefault();\n          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandle();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * This method reload the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.filterFilesInputValue = \"\";\n    this.#filterUserEl.value = null;\n    this.#filterAfterTypeEl.value = null;\n    this.afterCurrentValue = null;\n    this.#filterModifiedEl.value = undefined;\n    this.#filterAllDescendantsEl.value = undefined;\n    this.#filterModuleEl.value = this.defaultModule;\n    this.#filterCategoryEl.value = null;\n    this.#filterSearchContentsEl.value = null;\n    this.#filterNameEl.value = null;\n    this.filterMore = false;\n    this.#getObjects();\n  }\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div class=\"field field-block name\">\n        <label class=\"label\" htmlFor=\"filter-files\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"filter-files\"\n          class=\"input\"\n          ref={(el: HTMLChEditElement) => (this.#filterNameEl = el)}\n          value={this.filterFilesInputValue}\n          onInput={this.#handleFilterInput}\n          part=\"filter-files\"\n        ></ch-edit>\n      </div>,\n\n      <div class=\"field field-block module-folder\">\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter-accordion\"\n        model={this.#ACCORDION_MODEL}\n        onExpandedChange={this.#expandedHandler}\n      >\n        <div slot={this.#ACCORDION_FILTER_ID} class=\"spacing-body\">\n          <div class=\"main__filter\">\n            {/* Primera fila - Search Content */}\n            {this.showSearchContents && (\n              <div class=\"search-content\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-content\">\n                    {this.#componentLocale.filter.content}\n                  </label>\n                  <ch-edit\n                    id=\"filter-content\"\n                    class=\"input\"\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#filterSearchContentsEl = el as HTMLChEditElement)\n                    }\n                    onInput={this.#handleSearchContentsInput}\n                    part=\"filter-content\"\n                  ></ch-edit>\n                </div>\n              </div>\n            )}\n\n            {/* Segunda fila - Category y Checkboxes */}\n            <div class=\"filter-row\">\n              <div class=\"category-column\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-category\">\n                    {this.#componentLocale.filter.category}\n                  </label>\n                  <ch-combo-box-render\n                    id=\"filter-category\"\n                    class=\"combo-box\"\n                    value={this.defaultCategory}\n                    disabled={!this.categories}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#filterCategoryEl =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    model={this.categoriesComboBoxModel}\n                    part=\"filter-category\"\n                    onInput={this.#getObjects}\n                  ></ch-combo-box-render>\n                </div>\n              </div>\n\n              <div class=\"checkboxes-column\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  caption={this.#componentLocale.filter.allDescendants}\n                  checkedValue=\"filterAllDescendants\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterAllDescendantsEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-all-descendants\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox align-center\"\n                  caption={this.#componentLocale.filter.modified}\n                  checkedValue=\"filterModified\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterModifiedEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#filterModifiedCallbackHandle}\n                  part=\"filter-modified\"\n                ></ch-checkbox>\n              </div>\n\n              <div class=\"empty-column\"></div>\n            </div>\n\n            {/* Tercera fila - Modified inputs */}\n            <div\n              class={{ \"modified-inputs\": true, \"hide\": !this.filterModified }}\n            >\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-after-type\">\n                  {this.#componentLocale.filter.after}\n                </label>\n                <ch-combo-box-render\n                  id=\"filter-after-type\"\n                  class=\"combo-box\"\n                  value={this.afterCurrentValue}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#filterAfterTypeEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                  model={this.filterAfterOptions}\n                  onInput={this.#filterAfterTypeCallbackHandle}\n                  part=\"filter-after-type\"\n                ></ch-combo-box-render>\n              </div>\n\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-user\">\n                  {this.#componentLocale.filter.user}\n                </label>\n                <ch-edit\n                  id=\"filter-user\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterUserEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-user\"\n                ></ch-edit>\n              </div>\n\n              <div\n                class={{\n                  \"field field-block\": true,\n                  \"hide\": this.afterCurrentValue !== FILTER_AFTER_DATE_TIME\n                }}\n              >\n                <label class=\"label\" htmlFor=\"filter-modified-date\">\n                  {this.#componentLocale.filter.dateTime}\n                </label>\n                <ch-edit\n                  id=\"filter-modified-date\"\n                  type=\"date\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterModifiedDateEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-modified-date\"\n                ></ch-edit>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <div class=\"field-group main__grid\">\n        <ch-tabular-grid\n          ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n          class=\"tabular-grid tabular-grid-ww-files\"\n          rowSelectionMode=\"multiple\"\n          part=\"ch-grid-files\"\n        >\n          <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n            <ch-tabular-grid-column\n              columnName=\"\"\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.name}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showType && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.type}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.common}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.module}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showDescription && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.description}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.commonDouble}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showModifiedDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.modifiedDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastUser && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastUser}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showImportDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.importDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastBuildDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastBuildDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n          </ch-tabular-grid-columnset>\n\n          {this.filteredFiles.length ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredFiles.map((obj: ObjectData) => (\n                <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <ch-image src={obj.icon}></ch-image>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.name.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showType && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.type.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.module.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showDescription && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.description.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showModifiedDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.modifiedDate\n                          ? this.#formatDate(obj.modifiedDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastUser && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastUser?.toLowerCase() || \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showImportDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.importDate ? this.#formatDate(obj.importDate) : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastBuildDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastBuildDate\n                          ? this.#formatDate(obj.lastBuildDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                </ch-tabular-grid-row>\n              ))}\n            </ch-tabular-grid-rowset>\n          ) : null}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #hiChar = (text: string, search: string): Element[] | string => {\n    if (!search) return text;\n    const parts = text.split(new RegExp(`(${search})`, \"gi\"));\n    return parts.map((part, i) =>\n      part.toLowerCase() === search.toLowerCase() ? (\n        <span key={i} class=\"highlight\">\n          {part}\n        </span>\n      ) : (\n        part\n      )\n    );\n  };\n\n  #formatDate = (date: Date): string => {\n    return date.toISOString().slice(0, 10);\n  };\n\n  #getObjects = () => {\n    const filters: ObjectFiltersData = {\n      name: this.#filterNameEl.value,\n      searchContents: this.showSearchContents\n        ? this.#filterSearchContentsEl?.value\n        : null,\n      category: this.#filterCategoryEl.value,\n      parent: this.#filterModuleEl.value ? this.#filterModuleEl.value.id : null,\n      allDescendants: !!this.#filterAllDescendantsEl.value,\n      modifiedAfter: this.filterModified ? this.afterCurrentValue : null,\n      modifiedBy: this.filterModified ? this.#filterUserEl.value : null,\n      modifiedDate:\n        this.filterModified && this.afterCurrentValue === FILTER_AFTER_DATE_TIME\n          ? new Date(this.#filterModifiedDateEl.value)\n          : null\n    };\n\n    this.loadCallback(filters).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#filterFiles();\n      this.selectedObjectsIds = [];\n      this.#deselectAll();\n    });\n  };\n\n  #filterFiles = () => {\n    const filterValue = this.filterFilesInputValue.toLowerCase();\n    const searchContents = this.showSearchContents\n      ? this.#filterSearchContentsEl?.value?.toLowerCase() || \"\"\n      : \"\";\n\n    this.filteredFiles = this.objects.filter(file => {\n      const nameMatch = file.name.toLowerCase().includes(filterValue);\n      const typeMatch = file.type.toLowerCase().includes(filterValue);\n      const moduleMatch = file.module.toLowerCase().includes(filterValue);\n      const descriptionMatch = file.description\n        ?.toLowerCase()\n        .includes(filterValue);\n      const modifiedDateMatch = file.modifiedDate\n        ?.toString()\n        .includes(filterValue);\n      const lastUserMatch = file.lastUser?.toLowerCase().includes(filterValue);\n      const importDateMatch = file.importDate?.toString().includes(filterValue);\n      const contentsMatch = searchContents\n        ? file.description?.toLowerCase().includes(searchContents)\n        : true;\n\n      return (\n        (nameMatch ||\n          typeMatch ||\n          moduleMatch ||\n          descriptionMatch ||\n          modifiedDateMatch ||\n          lastUserMatch ||\n          importDateMatch) &&\n        contentsMatch\n      );\n    });\n  };\n\n  #handleFilterInput = (event: CustomEvent<any> | InputEvent) => {\n    this.filterFilesInputValue = event.detail.toLowerCase();\n    this.#filterFiles();\n  };\n\n  #handleSearchContentsInput = () => {\n    this.#filterFiles();\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedObjectsIds);\n  };\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #expandedHandler = (e: CustomEvent<{ id: string; expanded: boolean }>) => {\n    if (e.detail.id === this.#ACCORDION_FILTER_ID) {\n      this.advancedFilterAccordionExpanded = e.detail.expanded;\n      this.filterMore = e.detail.expanded;\n    }\n  };\n  #filterModifiedCallbackHandle = () => {\n    this.filterModified = !!this.#filterModifiedEl.value;\n    this.enabledModifiedControls = this.filterModified;\n    if (!this.filterModified) {\n      // Reset related fields when unchecking Modified\n      this.#filterUserEl.value = null;\n      this.#filterAfterTypeEl.value = null;\n      this.afterCurrentValue = null;\n      this.#filterModifiedDateEl.value = null;\n    } else {\n      // Restore default values when checking Modified\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #filterAfterTypeCallbackHandle = () => {\n    const newValue = this.#filterAfterTypeEl.value;\n    // Validar que el valor sea uno de los permitidos\n    if (\n      [\n        FILTER_AFTER_DATE_TIME,\n        FILTER_AFTER_LAST_BUILD,\n        FILTER_AFTER_IMPORT\n      ].includes(newValue)\n    ) {\n      this.afterCurrentValue = newValue;\n    } else {\n      // Si no es un valor válido, establecer el valor por defecto\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #listenChanges = (): void => {\n    /* module/folder */\n    this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n      this.#getObjects();\n    });\n\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedObjectsIds);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      (ev: CustomEvent<ChGridRowContextMenuEvent>): void => {\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.contextMenuCallback({\n          selection: ev.detail.selectedRowsId,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    );\n  };\n\n  #newFileCallbackHandle = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedObjectsIds);\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          <div class=\"main\">{this.#renderObjects()}</div>\n\n          <footer class=\"control-footer-with-border control-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.filteredFiles.length} ${\n                this.#componentLocale.objCount.matching\n              }`}\n            </p>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // select all button\n                id=\"button-select-all\"\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button--select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n\n              <button\n                // new file button\n                id=\"button-new-file\"\n                class=\"button-primary button-icon-and-text\"\n                onClick={this.#newFileCallbackHandle}\n                part=\"button button--new-file\"\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n// export type ContextMenuCallback = (ids: string[]) => Promise<void>;\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport type NewFileCallback = () => Promise<void>;\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport interface ObjectFiltersData {\n  name?: string;\n  searchContents?: string;\n  category?: string;\n  parent?: string;\n  allDescendants?: boolean;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n}\nexport interface ObjectData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  parent: string;\n  module: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n"],"version":3}