@genexus/genexus-ide-ui 3.0.1 → 3.1.0

package/dist/types/components.d.ts

@@ -43,6 +43,7 @@ import { CheckedItemsInfo } from "./components/_helpers/list-selector/list-selec
 import { ItemData } from "./components/_helpers/list-selector/list-selector-item/list-selector-item";
 import { IdeLoaderCancelCallback } from "./components/_helpers/ide-loader/ide-loader";
 import { ExecuteActionCallback, ServerContextMenuCallback, ServerSelectedCallback } from "./components/modules/manage-module-references/manage-module-references";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
 import { ContextMenuCallback, ContextMenuInfo as ContextMenuInfo1, FormSubmitResult as FormSubmitResult1 } from "./components";
 import { CancelCallback as CancelCallback10, CloseCallback, ConfirmCallback as ConfirmCallback6, HeaderData, ItemSelectedCallback, NavigationData } from "./components/navigation-report/navigation-report";
 import { CancelCallback as CancelCallback11, CreateCallback, GetDataSourcesCallback, GetEnvironmentNameCallback, GetFrontEndsCallback, GetLanguagesCallback } from "./components/new-environment/new-environment";
@@ -56,6 +57,7 @@ import { PluginAction, PluginData } from "./components/plugin-explorer/plugin-ex
 import { TopStateBarType } from "./components/_helpers/progress-bar/progress-bar";
 import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { RestoreVersionData } from "./components/restore-version/restore-version";
+import { ItemDoubleClickCallback, SearchParamsData, SearchResultData } from "./components/search/search";
 import { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 import { TeamData } from "./components/select-user-team/select-user-team";
 import { AuthenticationSessionOrigin, ConnectionOption, ServerData } from "./components/team-dev/server-selector/server-selector";
@@ -117,6 +119,7 @@ export { CheckedItemsInfo } from "./components/_helpers/list-selector/list-selec
 export { ItemData } from "./components/_helpers/list-selector/list-selector-item/list-selector-item";
 export { IdeLoaderCancelCallback } from "./components/_helpers/ide-loader/ide-loader";
 export { ExecuteActionCallback, ServerContextMenuCallback, ServerSelectedCallback } from "./components/modules/manage-module-references/manage-module-references";
+export { ComboBoxModel } from "@genexus/chameleon-controls-library";
 export { ContextMenuCallback, ContextMenuInfo as ContextMenuInfo1, FormSubmitResult as FormSubmitResult1 } from "./components";
 export { CancelCallback as CancelCallback10, CloseCallback, ConfirmCallback as ConfirmCallback6, HeaderData, ItemSelectedCallback, NavigationData } from "./components/navigation-report/navigation-report";
 export { CancelCallback as CancelCallback11, CreateCallback, GetDataSourcesCallback, GetEnvironmentNameCallback, GetFrontEndsCallback, GetLanguagesCallback } from "./components/new-environment/new-environment";
@@ -130,6 +133,7 @@ export { PluginAction, PluginData } from "./components/plugin-explorer/plugin-ex
 export { TopStateBarType } from "./components/_helpers/progress-bar/progress-bar";
 export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 export { RestoreVersionData } from "./components/restore-version/restore-version";
+export { ItemDoubleClickCallback, SearchParamsData, SearchResultData } from "./components/search/search";
 export { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 export { TeamData } from "./components/select-user-team/select-user-team";
 export { AuthenticationSessionOrigin, ConnectionOption, ServerData } from "./components/team-dev/server-selector/server-selector";
@@ -1040,6 +1044,10 @@ export namespace Components {
         "value": EntityData1 | null | undefined;
     }
     interface GxIdeFileItem {
+        /**
+          * Component locale strings
+         */
+        "componentLocale"?: any;
         /**
           * Whether the file name can be edited
          */
@@ -1315,10 +1323,6 @@ export namespace Components {
           * Determines if the component runs in standalone mode
          */
         "isStandalone": boolean;
-        /**
-          * Suspends or reactivates the shortcuts
-         */
-        "suspendShortcuts": (suspendShortcuts: boolean) => Promise<void>;
     }
     interface GxIdeLaunchpadApi {
         /**
@@ -1481,6 +1485,24 @@ export namespace Components {
          */
         "showServerCommands": boolean;
     }
+    interface GxIdeMultiSelect {
+        /**
+          * Disabled state
+         */
+        "disabled": boolean;
+        /**
+          * Model with available options to select from
+         */
+        "model": ComboBoxModel;
+        /**
+          * Placeholder text when no items are selected
+         */
+        "placeholder": string;
+        /**
+          * Currently selected item values
+         */
+        "value": string[];
+    }
     interface GxIdeNamePicker {
         /**
           * Callback that must be invoked when the 'Cancel' button is pressed.
@@ -1979,6 +2001,26 @@ export namespace Components {
          */
         "mode": "welcome" | "messages-sample" | "empty";
     }
+    interface GxIdeSearch {
+        /**
+          * Indicates whether a Knowledge Base is currently open
+         */
+        "isKbOpen": boolean;
+        /**
+          * Callback invoked when a search result item is double-clicked
+         */
+        "itemDoubleClickCallback"?: ItemDoubleClickCallback;
+        /**
+          * Callback to fetch search results
+         */
+        "searchCallback": (
+    searchParams: SearchParamsData
+  ) => Promise<SearchResultData[]>;
+        /**
+          * Method to show or hide the settings panel, can be called from the outside to control the visibility of the settings
+         */
+        "showSettings": (_show: boolean) => Promise<void>;
+    }
     interface GxIdeSelectKbItems {
         /**
           * Callback emitted when the user clicks on the "Active item"
@@ -2912,6 +2954,10 @@ export interface GxIdeLoaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeLoaderElement;
 }
+export interface GxIdeMultiSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeMultiSelectElement;
+}
 export interface GxIdeNavigationReportCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeNavigationReportElement;
@@ -3465,6 +3511,23 @@ declare global {
         prototype: HTMLGxIdeManageModuleReferencesElement;
         new (): HTMLGxIdeManageModuleReferencesElement;
     };
+    interface HTMLGxIdeMultiSelectElementEventMap {
+        "gxSelectionChange": string[];
+    }
+    interface HTMLGxIdeMultiSelectElement extends Components.GxIdeMultiSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGxIdeMultiSelectElementEventMap>(type: K, listener: (this: HTMLGxIdeMultiSelectElement, ev: GxIdeMultiSelectCustomEvent<HTMLGxIdeMultiSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGxIdeMultiSelectElementEventMap>(type: K, listener: (this: HTMLGxIdeMultiSelectElement, ev: GxIdeMultiSelectCustomEvent<HTMLGxIdeMultiSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGxIdeMultiSelectElement: {
+        prototype: HTMLGxIdeMultiSelectElement;
+        new (): HTMLGxIdeMultiSelectElement;
+    };
     interface HTMLGxIdeNamePickerElement extends Components.GxIdeNamePicker, HTMLStencilElement {
     }
     var HTMLGxIdeNamePickerElement: {
@@ -3595,6 +3658,12 @@ declare global {
         prototype: HTMLGxIdeScChatContainerElement;
         new (): HTMLGxIdeScChatContainerElement;
     };
+    interface HTMLGxIdeSearchElement extends Components.GxIdeSearch, HTMLStencilElement {
+    }
+    var HTMLGxIdeSearchElement: {
+        prototype: HTMLGxIdeSearchElement;
+        new (): HTMLGxIdeSearchElement;
+    };
     interface HTMLGxIdeSelectKbItemsElement extends Components.GxIdeSelectKbItems, HTMLStencilElement {
     }
     var HTMLGxIdeSelectKbItemsElement: {
@@ -3863,6 +3932,7 @@ declare global {
         "gx-ide-list-selector-item": HTMLGxIdeListSelectorItemElement;
         "gx-ide-loader": HTMLGxIdeLoaderElement;
         "gx-ide-manage-module-references": HTMLGxIdeManageModuleReferencesElement;
+        "gx-ide-multi-select": HTMLGxIdeMultiSelectElement;
         "gx-ide-name-picker": HTMLGxIdeNamePickerElement;
         "gx-ide-navigation-report": HTMLGxIdeNavigationReportElement;
         "gx-ide-new-environment": HTMLGxIdeNewEnvironmentElement;
@@ -3877,6 +3947,7 @@ declare global {
         "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-restore-version": HTMLGxIdeRestoreVersionElement;
         "gx-ide-sc-chat-container": HTMLGxIdeScChatContainerElement;
+        "gx-ide-search": HTMLGxIdeSearchElement;
         "gx-ide-select-kb-items": HTMLGxIdeSelectKbItemsElement;
         "gx-ide-select-user-team": HTMLGxIdeSelectUserTeamElement;
         "gx-ide-server-selector": HTMLGxIdeServerSelectorElement;
@@ -4820,6 +4891,10 @@ declare namespace LocalJSX {
         "value"?: EntityData1 | null | undefined;
     }
     interface GxIdeFileItem {
+        /**
+          * Component locale strings
+         */
+        "componentLocale"?: any;
         /**
           * Whether the file name can be edited
          */
@@ -5311,6 +5386,28 @@ declare namespace LocalJSX {
          */
         "showServerCommands"?: boolean;
     }
+    interface GxIdeMultiSelect {
+        /**
+          * Disabled state
+         */
+        "disabled"?: boolean;
+        /**
+          * Model with available options to select from
+         */
+        "model"?: ComboBoxModel;
+        /**
+          * Emitted when the selection changes
+         */
+        "onGxSelectionChange"?: (event: GxIdeMultiSelectCustomEvent<string[]>) => void;
+        /**
+          * Placeholder text when no items are selected
+         */
+        "placeholder"?: string;
+        /**
+          * Currently selected item values
+         */
+        "value"?: string[];
+    }
     interface GxIdeNamePicker {
         /**
           * Callback that must be invoked when the 'Cancel' button is pressed.
@@ -5789,6 +5886,22 @@ declare namespace LocalJSX {
          */
         "mode"?: "welcome" | "messages-sample" | "empty";
     }
+    interface GxIdeSearch {
+        /**
+          * Indicates whether a Knowledge Base is currently open
+         */
+        "isKbOpen"?: boolean;
+        /**
+          * Callback invoked when a search result item is double-clicked
+         */
+        "itemDoubleClickCallback"?: ItemDoubleClickCallback;
+        /**
+          * Callback to fetch search results
+         */
+        "searchCallback": (
+    searchParams: SearchParamsData
+  ) => Promise<SearchResultData[]>;
+    }
     interface GxIdeSelectKbItems {
         /**
           * Callback emitted when the user clicks on the "Active item"
@@ -6627,6 +6740,7 @@ declare namespace LocalJSX {
         "gx-ide-list-selector-item": GxIdeListSelectorItem;
         "gx-ide-loader": GxIdeLoader;
         "gx-ide-manage-module-references": GxIdeManageModuleReferences;
+        "gx-ide-multi-select": GxIdeMultiSelect;
         "gx-ide-name-picker": GxIdeNamePicker;
         "gx-ide-navigation-report": GxIdeNavigationReport;
         "gx-ide-new-environment": GxIdeNewEnvironment;
@@ -6641,6 +6755,7 @@ declare namespace LocalJSX {
         "gx-ide-references": GxIdeReferences;
         "gx-ide-restore-version": GxIdeRestoreVersion;
         "gx-ide-sc-chat-container": GxIdeScChatContainer;
+        "gx-ide-search": GxIdeSearch;
         "gx-ide-select-kb-items": GxIdeSelectKbItems;
         "gx-ide-select-user-team": GxIdeSelectUserTeam;
         "gx-ide-server-selector": GxIdeServerSelector;
@@ -6716,6 +6831,7 @@ declare module "@stencil/core" {
             "gx-ide-list-selector-item": LocalJSX.GxIdeListSelectorItem & JSXBase.HTMLAttributes<HTMLGxIdeListSelectorItemElement>;
             "gx-ide-loader": LocalJSX.GxIdeLoader & JSXBase.HTMLAttributes<HTMLGxIdeLoaderElement>;
             "gx-ide-manage-module-references": LocalJSX.GxIdeManageModuleReferences & JSXBase.HTMLAttributes<HTMLGxIdeManageModuleReferencesElement>;
+            "gx-ide-multi-select": LocalJSX.GxIdeMultiSelect & JSXBase.HTMLAttributes<HTMLGxIdeMultiSelectElement>;
             "gx-ide-name-picker": LocalJSX.GxIdeNamePicker & JSXBase.HTMLAttributes<HTMLGxIdeNamePickerElement>;
             "gx-ide-navigation-report": LocalJSX.GxIdeNavigationReport & JSXBase.HTMLAttributes<HTMLGxIdeNavigationReportElement>;
             "gx-ide-new-environment": LocalJSX.GxIdeNewEnvironment & JSXBase.HTMLAttributes<HTMLGxIdeNewEnvironmentElement>;
@@ -6730,6 +6846,7 @@ declare module "@stencil/core" {
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-restore-version": LocalJSX.GxIdeRestoreVersion & JSXBase.HTMLAttributes<HTMLGxIdeRestoreVersionElement>;
             "gx-ide-sc-chat-container": LocalJSX.GxIdeScChatContainer & JSXBase.HTMLAttributes<HTMLGxIdeScChatContainerElement>;
+            "gx-ide-search": LocalJSX.GxIdeSearch & JSXBase.HTMLAttributes<HTMLGxIdeSearchElement>;
             "gx-ide-select-kb-items": LocalJSX.GxIdeSelectKbItems & JSXBase.HTMLAttributes<HTMLGxIdeSelectKbItemsElement>;
             "gx-ide-select-user-team": LocalJSX.GxIdeSelectUserTeam & JSXBase.HTMLAttributes<HTMLGxIdeSelectUserTeamElement>;
             "gx-ide-server-selector": LocalJSX.GxIdeServerSelector & JSXBase.HTMLAttributes<HTMLGxIdeServerSelectorElement>;

package/package.json

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

package/dist/genexus-ide-ui/p-60db2f02.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["wwFilesCss","CSS_BUNDLES","CLEAR_ICON","getIconPath","category","name","colorType","FILTER_ICON","INFO_ICON","ACCORDION_FILTER_ID","FILTER_AFTER_DATE_TIME","FILTER_AFTER_LAST_BUILD","FILTER_AFTER_IMPORT","CHECKBOX_CHECKED_VALUE","CHECKBOX_UNCHECKED_VALUE","GxIdeWWFiles","_GxIdeWWFiles_componentLocale","set","this","_GxIdeWWFiles_ACCORDION_MODEL","_GxIdeWWFiles_nameValue","_GxIdeWWFiles_moduleValue","_GxIdeWWFiles_searchContentsValue","_GxIdeWWFiles_categoryValue","_GxIdeWWFiles_allDescendants","_GxIdeWWFiles_userValue","_GxIdeWWFiles_selectedObjectsIds","_GxIdeWWFiles_chGridEl","_GxIdeWWFiles_filterModuleEl","_GxIdeWWFiles_setFilterDefaultValues","__classPrivateFieldSet","Object","assign","defaultModule","defaultCategory","categoriesComboBoxModel","length","value","afterValue","filterAfterComboBoxModel","dateTimeValue","undefined","_GxIdeWWFiles_allDescendantsCheckboxHandler","event","detail","__classPrivateFieldGet","_GxIdeWWFiles_getObjects","call","_GxIdeWWFiles_handleSelectionChanged","ev","rowsId","selectionChangeCallback","_GxIdeWWFiles_handleRowDoubleClicked","_GxIdeWWFiles_openSelectionCallbackHandler","_GxIdeWWFiles_handleRowContextMenu","preventDefault","stopPropagation","contextMenuCallback","selection","selectedRowsId","clientX","clientY","_GxIdeWWFiles_attachGridListeners","addEventListener","_GxIdeWWFiles_categoryInputHandler","async","_GxIdeWWFiles_clearDateTimeValue","_GxIdeWWFiles_dateTimeInputHandler","_GxIdeWWFiles_deleteSelectionCallbackHandler","deleteSelectionCallback","_GxIdeWWFiles_deselectAll","selectAllRows","_GxIdeWWFiles_evaluateModifiedDates","objectModifiedDate","filterSelectedModifiedDate","filterSelectedModifiedDateAsDate","Date","h","class","_GxIdeWWFiles_formatDate","_GxIdeWWFiles_filterAfterTypeCallbackHandler","date","formatDate","_GxIdeWWFiles_setLoadingState","parentId","id","filtersValues","searchContents","parent","allDescendants","modifiedAfter","showModified","modifiedBy","modifiedDate","loadCallback","then","items","objects","isLoading","_GxIdeWWFiles_renderHeader","htmlFor","filter","onInput","_GxIdeWWFiles_nameInputHandler","part","debounce","config","inputDebounce","disabled","moduleFolder","labelPosition","defaultValue","selectEntityCallback","selectModuleCallback","ref","el","onValueChanged","_GxIdeWWFiles_moduleValueChangedHandler","model","slot","showSearchContents","content","_GxIdeWWFiles_searchContentsInputHandler","categories","caption","checkedValue","unCheckedValue","modified","_GxIdeWWFiles_showModifiedCheckboxHandler","after","user","_GxIdeWWFiles_userInputHandler","hide","dateTime","src","actionElement","blockAlign","inlineAlign","delay","tooltipSettings","dateTimeTooltip","type","onClick","_GxIdeWWFiles_renderObjects","gridIsEmpty","loading","empty","rowSelectionMode","columnName","columnNameHidden","settingable","sortable","size","tabularGrid","colSize","maxContent","tableHead","module","gridColumnsVisibility","description","auto","lastUser","importDate","lastBuildDate","_a","map","object","rowid","icon","hiChar","toLowerCase","loaderTitle","loader","title","show","isAnimated","stateIconSrc","stateTitle","emptyState","_GxIdeWWFiles_newFileCallbackHandler","newFileCallback","openSelectionCallback","_GxIdeWWFiles_selectAll","dateTimeValueChanged","categoriesChanged","newCategories","mapOptionsToComboBoxItemModel","componentWillLoad","Locale","getComponentStrings","accordionCaption","expanded","componentDidLoad","keyDownHandler","eventInfo","document","activeElement","key","reload","error","console","fallbackError","render","Host","objCount","matching","footer","btnSelectAll","btnNew"],"sources":["src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/temporary-mercury-overrides/_button.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.section {\n  display: contents;\n}\n\n// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"advanced-filter advanced-filter\";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n.name {\n  grid-area: name;\n}\n.module-folder {\n  grid-area: module-folder;\n}\n.advanced-filter {\n  grid-area: advanced-filter;\n}\n\n// Advanced Filter\n.advanced-filter {\n  &__container {\n    display: grid;\n    grid-auto-rows: max-content;\n  }\n  &__first-row {\n    grid-template-columns: 1fr 1fr;\n  }\n  &__second-row {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n  .all-descendants__modified {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    block-size: 32px;\n    gap: var(--spacing-gap-xl);\n    align-self: self-end;\n  }\n}\n// date/time\n.field-date {\n  grid-template-areas:\n    \"label-date-time label-date-time\"\n    \"input-date-time icon-clear-date-time\";\n  grid-template-columns: 1fr max-content;\n  column-gap: var(--spacing-gap-xs);\n}\n.label-date-time {\n  // WA: There is no official way to use an icon (ch-image) within a label\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n  .icon-s {\n    // WA: Icon looks so small that it is not recognizable\n  }\n  grid-area: label-date-time;\n}\n.input-date-time {\n  block-size: 32px;\n  grid-area: input-date-time;\n}\n.icon-clear-date-time {\n  grid-area: icon-clear-date-time;\n}\n\n// - - - - - - - - - - - -\n// Grid\n// - - - - - - - - - - - -\n\n.tabular-grid {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n.tabular-grid.empty::part(main),\n.tabular-grid.loading::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;\n}\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--spacing-gap-m);\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\",\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.tabular-grid-cell-description {\n  min-inline-size: max-content !important; // TODO: See how to remove the !important\n}\n\n@include hiChar();\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  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ChCheckboxCustomEvent,\n  TabularGridRowContextMenuEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { getIconPath, 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, hiChar } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\nimport { formatDate } from \"../../common/helpers\";\nimport { GxIdeEntitySelectorCustomEvent } from \"../..\";\n\ninterface TabularGridWithSelection extends HTMLChTabularGridElement {\n  selectAllRows: (select?: boolean) => Promise<void>;\n}\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/icon\",\n  \"components/tooltip\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst CLEAR_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"interactive\"\n});\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst ACCORDION_FILTER_ID = \"advanced-filter\";\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\nconst CHECKBOX_CHECKED_VALUE = \"checked\";\nconst CHECKBOX_UNCHECKED_VALUE = \"unchecked\";\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_MODEL: AccordionModel = [];\n\n  // Filter Values\n  #nameValue: string;\n  #moduleValue: EntityData;\n  // Advanced Filter Values\n  #searchContentsValue: string;\n  #categoryValue: string;\n  #allDescendants: CheckboxState;\n  #userValue: string;\n  // Other\n  #selectedObjectsIds: string[] = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n\n  /**\n   * The \"After\" control value. Controls the visibility of the \"Date/Time\" control.\n   */\n  @State() afterValue: string;\n\n  /**\n   * The \"Category\" options as combo box model\n   */\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * Value of the Date/Time control\n   */\n  @State() dateTimeValue: string;\n  @Watch(\"dateTimeValue\")\n  dateTimeValueChanged() {\n    this.#getObjects();\n  }\n\n  /**\n   * A loader that is shown when the filter changes and the server has to retrieve new data.\n   */\n  @State() isLoading: boolean = true;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterComboBoxModel: ComboBoxModel;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() showModified: CheckboxState = CHECKBOX_CHECKED_VALUE;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\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   * 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   * 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   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   * Controls the visibility of the tabular grid cell columns, and respective cells.\n   */\n  @Prop() readonly gridColumnsVisibility: GridColumnsVisibility = {\n    description: true,\n    importDate: true,\n    lastBuildDate: true,\n    lastUser: true,\n    modifiedDate: true\n  };\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   * Controls whether to show the Search contents field in the advanced filter section (Not available at the time of writting, since the server is not handling this feature yet.)\n   */\n  @Prop() readonly showSearchContents = 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.filterAfterComboBoxModel = [\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\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: false\n      }\n    ];\n\n    this.#setFilterDefaultValues();\n  }\n  #setFilterDefaultValues = () => {\n    this.#nameValue = \"\";\n    this.#moduleValue = { ...this.defaultModule };\n    this.#searchContentsValue = \"\";\n\n    this.#categoryValue =\n      this.defaultCategory ||\n      (this.categoriesComboBoxModel && this.categoriesComboBoxModel.length > 0\n        ? this.categoriesComboBoxModel[0].value\n        : \"\");\n\n    this.#allDescendants = CHECKBOX_UNCHECKED_VALUE;\n\n    this.afterValue =\n      this.filterAfterComboBoxModel && this.filterAfterComboBoxModel.length > 0\n        ? this.filterAfterComboBoxModel[0].value\n        : FILTER_AFTER_DATE_TIME;\n\n    this.#userValue = \"\";\n    this.dateTimeValue = undefined;\n  };\n\n  componentDidLoad() {\n    this.#attachGridListeners();\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.#openSelectionCallbackHandler();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandler();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Reloads the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    try {\n      if (this.#componentLocale && this.filterAfterComboBoxModel) {\n        this.#setFilterDefaultValues();\n        this.#getObjects();\n      }\n    } catch (error) {\n      console.error(\"Error in reload method:\");\n      // Fallback: try only getObjects if setFilterDefaultValues fails\n      try {\n        this.#getObjects();\n      } catch (fallbackError) {\n        console.error(\"Fallback also failed:\");\n      }\n    }\n  }\n\n  #allDescendantsCheckboxHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.#allDescendants =\n      event.detail === CHECKBOX_CHECKED_VALUE\n        ? CHECKBOX_CHECKED_VALUE\n        : CHECKBOX_UNCHECKED_VALUE;\n    this.#getObjects();\n  };\n\n  #handleSelectionChanged = (ev: CustomEvent<{ rowsId: string[] }>): void => {\n    this.#selectedObjectsIds = ev.detail.rowsId;\n    this.selectionChangeCallback(this.#selectedObjectsIds);\n  };\n\n  #handleRowDoubleClicked = (): void => {\n    this.#openSelectionCallbackHandler();\n  };\n\n  #handleRowContextMenu = (\n    ev: CustomEvent<TabularGridRowContextMenuEvent>\n  ): 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  #attachGridListeners = (): void => {\n    this.#chGridEl.addEventListener(\n      \"selectionChanged\",\n      this.#handleSelectionChanged\n    );\n    this.#chGridEl.addEventListener(\n      \"rowDoubleClicked\",\n      this.#handleRowDoubleClicked\n    );\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      this.#handleRowContextMenu\n    );\n  };\n\n  #categoryInputHandler = async (event: CustomEvent<string> | InputEvent) => {\n    this.#categoryValue = event.detail as string;\n    this.#getObjects();\n  };\n\n  #clearDateTimeValue = () => {\n    this.dateTimeValue = undefined;\n  };\n\n  #dateTimeInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.dateTimeValue = event.detail;\n    this.#getObjects();\n  };\n\n  #deleteSelectionCallbackHandler = (): void => {\n    this.deleteSelectionCallback(this.#selectedObjectsIds);\n  };\n\n  #deselectAll = (): void => {\n    if (\n      this.#chGridEl &&\n      typeof (this.#chGridEl as TabularGridWithSelection).selectAllRows ===\n        \"function\"\n    ) {\n      (this.#chGridEl as TabularGridWithSelection).selectAllRows(false);\n    }\n  };\n\n  #evaluateModifiedDates = (\n    objectModifiedDate: Date,\n    filterSelectedModifiedDate: string\n  ) => {\n    const filterSelectedModifiedDateAsDate = new Date(\n      filterSelectedModifiedDate\n    );\n    if (filterSelectedModifiedDateAsDate >= objectModifiedDate) {\n      // Object modifed date matches with filter date, or was modified after that date.\n      // Highlight to show that it matches.\n      return <span class=\"hiChar\">{this.#formatDate(objectModifiedDate)}</span>;\n    } else {\n      return this.#formatDate(objectModifiedDate);\n    }\n  };\n\n  #filterAfterTypeCallbackHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.afterValue = event.detail as string;\n    this.#getObjects();\n  };\n\n  #formatDate = (date: Date): string => {\n    return formatDate(date, \"date-time-short\");\n  };\n\n  #getObjects = () => {\n    this.#setLoadingState();\n\n    const parentId =\n      this.#filterModuleEl && this.#filterModuleEl.value\n        ? this.#filterModuleEl.value.id\n        : this.defaultModule\n          ? this.defaultModule.id\n          : \"\";\n\n    const filtersValues: ObjectFiltersData = {\n      name: this.#nameValue,\n      searchContents: this.#searchContentsValue,\n      category: this.#categoryValue,\n      parent: parentId,\n      allDescendants: this.#allDescendants === CHECKBOX_CHECKED_VALUE,\n      modifiedAfter: this.showModified ? this.afterValue : undefined,\n      modifiedBy: this.showModified ? this.#userValue : undefined,\n      modifiedDate: this.showModified ? new Date(this.dateTimeValue) : undefined\n    };\n\n    this.loadCallback(filtersValues).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#selectedObjectsIds = [];\n\n      if (this.#chGridEl) {\n        this.#deselectAll();\n      }\n\n      this.isLoading = false;\n    });\n  };\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div\n        // Name\n        class=\"field field-block field-name\"\n      >\n        <label class=\"label\" htmlFor=\"name\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"name\"\n          class=\"input\"\n          value={this.#nameValue}\n          onInput={this.#nameInputHandler}\n          part=\"filter-files\"\n          debounce={config.inputDebounce}\n          disabled={this.isLoading}\n        ></ch-edit>\n      </div>,\n\n      <div\n        // Module\n        class=\"field field-block field-module-folder\"\n      >\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.#moduleValue}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          onValueChanged={this.#moduleValueChangedHandler}\n          disabled={this.isLoading}\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter\"\n        model={this.#ACCORDION_MODEL}\n      >\n        <div\n          slot={ACCORDION_FILTER_ID}\n          class=\"spacing-body field-group advanced-filter__container\"\n        >\n          {this.showSearchContents && (\n            <div\n              // Search contents\n              class=\"field field-block field-search-contents\"\n            >\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                onInput={this.#searchContentsInputHandler}\n                part=\"filter-content\"\n              ></ch-edit>\n            </div>\n          )}\n\n          <div class=\"field-group advanced-filter__first-row\">\n            <div\n              // Category\n              class=\"field field-block field-category\"\n            >\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 disabled\"\n                value={this.#categoryValue}\n                disabled={!this.categories || this.isLoading}\n                model={this.categoriesComboBoxModel}\n                part=\"filter-category\"\n                onInput={this.#categoryInputHandler}\n              ></ch-combo-box-render>\n            </div>\n\n            <div\n              // All descendants / Modified\n              class=\"all-descendants__modified field field-inline\"\n            >\n              <ch-checkbox\n                // All descendants\n                class=\"checkbox\"\n                caption={this.#componentLocale.filter.allDescendants}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                unCheckedValue={CHECKBOX_UNCHECKED_VALUE}\n                value={this.#allDescendants}\n                onInput={this.#allDescendantsCheckboxHandler}\n                part=\"filter-all-descendants\"\n                disabled={this.isLoading}\n              ></ch-checkbox>\n\n              <ch-checkbox\n                // Modified\n                class=\"checkbox align-center\"\n                caption={this.#componentLocale.filter.modified}\n                checkedValue={CHECKBOX_CHECKED_VALUE}\n                unCheckedValue={CHECKBOX_UNCHECKED_VALUE}\n                value={this.showModified}\n                onInput={this.#showModifiedCheckboxHandler}\n                part=\"filter-modified\"\n              ></ch-checkbox>\n            </div>\n          </div>\n\n          {this.showModified === CHECKBOX_CHECKED_VALUE && (\n            <div class=\"field-group advanced-filter__second-row\">\n              <div\n                // After\n                class=\"field field-block field-after\"\n              >\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.afterValue}\n                  model={this.filterAfterComboBoxModel}\n                  onInput={this.#filterAfterTypeCallbackHandler}\n                  part=\"filter-after-type\"\n                  disabled={this.isLoading}\n                ></ch-combo-box-render>\n              </div>\n\n              <div\n                // User\n                class=\"field field-block field-user\"\n              >\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                  value={this.#userValue}\n                  onInput={this.#userInputHandler}\n                  part=\"filter-user\"\n                  debounce={config.inputDebounce}\n                  disabled={this.isLoading}\n                ></ch-edit>\n              </div>\n\n              {this.afterValue === FILTER_AFTER_DATE_TIME && (\n                <div\n                  // Date/Time\n                  class={{\n                    \"field field-block field-date\": true,\n                    \"hide\": this.afterValue !== FILTER_AFTER_DATE_TIME\n                  }}\n                >\n                  <label\n                    class=\"label label-date-time\"\n                    htmlFor=\"filter-date-time\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                    <ch-image\n                      class=\"icon-s icon-clear-date-time\"\n                      src={INFO_ICON}\n                    ></ch-image>\n                    <ch-tooltip\n                      class=\"tooltip\"\n                      actionElement={null}\n                      blockAlign=\"outside-start\"\n                      inlineAlign=\"inside-start\"\n                      delay={config.tooltipSettings.delay}\n                    >\n                      {this.#componentLocale.filter.dateTimeTooltip}\n                    </ch-tooltip>\n                  </label>\n\n                  <ch-edit\n                    id=\"filter-date-time\"\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    value={this.dateTimeValue}\n                    onInput={this.#dateTimeInputHandler}\n                    part=\"filter-date-time\"\n                    disabled={this.isLoading}\n                  ></ch-edit>\n\n                  <button\n                    class=\"button-tertiary button-icon-only\"\n                    onClick={this.#clearDateTimeValue}\n                    disabled={this.isLoading}\n                  >\n                    <ch-image class=\"icon-m\" src={CLEAR_ICON} type=\"mask\" />\n                  </button>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    const gridIsEmpty = !this.objects.length;\n\n    return (\n      <ch-tabular-grid\n        ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n        class={{\n          \"tabular-grid\": true,\n          \"loading\": this.isLoading,\n          \"empty\": this.objects.length === 0\n        }}\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            sortable={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            sortable={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.module}\n            columnNameHidden={false}\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n\n          {this.gridColumnsVisibility.description && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.description}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.auto}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.modifiedDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.modifiedDate}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.lastUser && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.lastUser}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.importDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.importDate}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n          )}\n\n          {this.gridColumnsVisibility.lastBuildDate && (\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.lastBuildDate}\n              columnNameHidden={false}\n              settingable={false}\n              sortable={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        {!gridIsEmpty ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects?.map((object: ObjectData) => (\n              <ch-tabular-grid-row rowid={object.id} class=\"tabular-grid-row\">\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={object.icon}></ch-image>\n                </ch-tabular-grid-cell>\n\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {hiChar(\n                    object.name.toLowerCase(),\n                    this.#nameValue.toLowerCase()\n                  )}\n                </ch-tabular-grid-cell>\n\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {object.parent}\n                </ch-tabular-grid-cell>\n\n                {this.gridColumnsVisibility.description && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell-description\">\n                    {object.description}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.modifiedDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#evaluateModifiedDates(\n                      object.modifiedDate,\n                      this.dateTimeValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.lastUser && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(object.lastUser?.toLowerCase(), this.#userValue)}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.importDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(\n                      object.importDate\n                        ? this.#formatDate(object.importDate)\n                        : \"\",\n                      this.#nameValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n\n                {this.gridColumnsVisibility.lastBuildDate && (\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {hiChar(\n                      object.lastBuildDate\n                        ? this.#formatDate(object.lastBuildDate)\n                        : \"\",\n                      this.#nameValue\n                    )}\n                  </ch-tabular-grid-cell>\n                )}\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.isLoading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  description={this.#componentLocale.loader.description}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={true}\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #moduleValueChangedHandler = (\n    event: GxIdeEntitySelectorCustomEvent<EntityData>\n  ) => {\n    this.#moduleValue = event.detail;\n    this.#getObjects();\n  };\n\n  #nameInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#nameValue = event.detail;\n    this.#getObjects();\n  };\n\n  #newFileCallbackHandler = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandler = (): void => {\n    this.openSelectionCallback(this.#selectedObjectsIds);\n  };\n\n  #searchContentsInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#searchContentsValue = event.detail;\n    this.#getObjects();\n  };\n\n  #setLoadingState = () => {\n    // Only clear if no objects or first load\n    if (!this.objects || this.objects.length === 0) {\n      this.objects = [];\n    }\n    this.isLoading = true;\n  };\n\n  #userInputHandler = (event: CustomEvent<any> | InputEvent) => {\n    this.#userValue = event.detail;\n    this.#getObjects();\n  };\n\n  #showModifiedCheckboxHandler = (\n    event: ChCheckboxCustomEvent<any> | InputEvent\n  ) => {\n    this.showModified = event.detail;\n  };\n\n  #selectAll = (): void => {\n    if (\n      this.#chGridEl &&\n      typeof (this.#chGridEl as TabularGridWithSelection).selectAllRows ===\n        \"function\"\n    ) {\n      (this.#chGridEl as TabularGridWithSelection).selectAllRows();\n    }\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 dialog-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          {this.#renderObjects()}\n\n          <footer class=\"dialog-footer-with-border dialog-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.objects?.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                disabled={this.isLoading}\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.#newFileCallbackHandler}\n                part=\"button button--new-file\"\n                disabled={this.isLoading}\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  description: string;\n  parent: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n\nexport type GridColumnsVisibility = {\n  description: boolean;\n  importDate: boolean;\n  lastBuildDate: boolean;\n  lastUser: boolean;\n  modifiedDate: boolean;\n};\n\ntype CheckboxState =\n  | typeof CHECKBOX_CHECKED_VALUE\n  | typeof CHECKBOX_UNCHECKED_VALUE;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-6246204f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["launchpadCss","CSS_BUNDLES","MAIN_SECTION_CLASSES","WEB_APPS_TAB_SELECTOR","NATIVE_APPS_TAB_SELECTOR","APIS_TAB_SELECTOR","TAB_SLOT_SPACING_BODY_SELECTOR","GxIdeLaunchpad","_GxIdeLaunchpad_chShortcutsEl","set","this","_GxIdeLaunchpad_shortcutsSrc","getAssetPath","_GxIdeLaunchpad_componentLocale","undefined","watchDataHandler","newValue","organizeData","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","error","console","tabs","webApps","nativeApps","apis","data","componentDidLoad","suspendShortcuts","__classPrivateFieldGet","suspend","parsedData","JSON","parse","sections","buildTabModel","tabModel","length","map","section","id","name","getLocalizedTabName","sectionId","tabNames","_a","toUpperCase","replace","handleObjectSelection","event","key","detail","includes","parts","split","type","objectSelected","emit","handleCopyToClipboard","copyToClipboard","url","handleOpenAppStore","openOnTheAppStore","render","h","Host","model","src","ref","class","scrollable","tab","tabListPosition","selectedId","overflow","contain","slot","part","Object","assign","objects","find","s","onObjectSelected","onCopyToClipboard","_b","onOpenOnTheAppStore","_c"],"sources":["src/components/launchpad/root/launchpad.scss?tag=gx-ide-launchpad&encapsulation=shadow","src/components/launchpad/root/launchpad.tsx"],"sourcesContent":["@use \"../../../global/temporary-mercury-overrides/tab.scss\" as *;\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr;\n}\n\n.web-apps,\n.native-apps,\n.apis {\n  padding-block-start: 16px;\n  overflow: auto;\n  block-size: 100%;\n}\n\n// WA: Add scrollbar styling for ch-tab-render until Mercury provides proper support\n.tab::part(page) {\n  scrollbar-width: thin;\n}\n\n// WA: Apply spacing body to tab slots, instad of the whole component.\n// TODO: Resolve this on Mercury, with some addition class maybe.\n.spacing-body,\n:host(.spacing-body) {\n  > ch-tab-render > .tab-slot-spacing-body {\n    padding-block: var(--spacing-body-block-start) var(--spacing-body-block-end);\n    padding-inline: var(--spacing-body-inline-start)\n      var(--spacing-body-inline-end);\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { TabModel } from \"@genexus/chameleon-controls-library\";\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst MAIN_SECTION_CLASSES: string = \"main\";\nconst WEB_APPS_TAB_SELECTOR: string = \"web-apps\";\nconst NATIVE_APPS_TAB_SELECTOR: string = \"native-apps\";\nconst APIS_TAB_SELECTOR: string = \"apis\";\n\n// Temporary WA (Read WA in launchpad.scss)\nconst TAB_SLOT_SPACING_BODY_SELECTOR: string = \"tab-slot-spacing-body\";\n\n@Component({\n  tag: \"gx-ide-launchpad\",\n  styleUrl: \"launchpad.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad\"]\n})\nexport class GxIdeLaunchpad {\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/launchpad/shortcuts.json`);\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeLaunchpadElement;\n\n  /**\n   * JSON data containing section structure\n   */\n  @Prop() data: string | undefined = undefined;\n\n  /**\n   * Determines if the component runs in standalone mode\n   */\n  @Prop() isStandalone: boolean = true;\n\n  /**\n   * Array of sections for tabs\n   */\n  @State() sections: Array<any> = [];\n\n  /**\n   * Tab model for ch-tab-render\n   */\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Event emitted when an object is selected for execution\n   */\n  @Event() objectSelected: EventEmitter<{\n    key: { type: string; id: string } | string;\n  }>;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Event emitted when opening app store\n   */\n  @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n  @Watch(\"data\")\n  watchDataHandler(newValue: string | undefined) {\n    if (newValue !== undefined) {\n      this.organizeData();\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      this.#componentLocale = await Locale.getComponentStrings(this.el);\n    } catch (error) {\n      console.error(\"Error loading locale:\", error);\n      this.#componentLocale = {\n        tabs: {\n          webApps: \"WEB APPS\",\n          nativeApps: \"NATIVE APPS\",\n          apis: \"APIS\"\n        }\n      };\n    }\n\n    if (this.data) {\n      this.organizeData();\n    }\n  }\n\n  componentDidLoad() {}\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Organizes received data and builds tab model\n   */\n  private organizeData(): void {\n    if (this.data) {\n      try {\n        const parsedData =\n          typeof this.data === \"string\" ? JSON.parse(this.data) : this.data;\n        this.sections = parsedData.sections || [];\n        this.buildTabModel();\n      } catch (error) {\n        console.error(\"Error parsing launchpad data:\", error);\n        this.sections = [];\n        this.tabModel = [];\n      }\n    }\n  }\n\n  /**\n   * Builds tab model based on sections\n   */\n  private buildTabModel(): void {\n    if (this.sections && this.sections.length > 0) {\n      this.tabModel = this.sections.map(section => ({\n        id: section.id,\n        name: this.getLocalizedTabName(section.id)\n      }));\n    }\n  }\n\n  /**\n   * Gets localized tab name based on section ID\n   */\n  private getLocalizedTabName(sectionId: string): string {\n    const tabNames = this.#componentLocale?.tabs || {};\n\n    switch (sectionId) {\n      case \"web-apps\":\n        return tabNames.webApps || \"WEB APPS\";\n      case \"native-apps\":\n        return tabNames.nativeApps || \"NATIVE APPS\";\n      case \"apis\":\n        return tabNames.apis || \"APIS\";\n      default:\n        return sectionId.toUpperCase().replace(/-/g, \" \");\n    }\n  }\n\n  /**\n   * Handles object selection from subcomponents\n   */\n  private handleObjectSelection(event: any) {\n    let key = event.detail.key;\n\n    // Convert string format \"type|id\" to object format\n    if (typeof key === \"string\" && key.includes(\"|\")) {\n      const parts = key.split(\"|\");\n      if (parts.length === 2) {\n        key = {\n          type: parts[0],\n          id: parts[1]\n        };\n      }\n    }\n\n    this.objectSelected.emit({ key });\n  }\n\n  /**\n   * Handles copy to clipboard from subcomponents\n   */\n  private handleCopyToClipboard(event: any) {\n    this.copyToClipboard.emit({ url: event.detail.url });\n  }\n\n  /**\n   * Handles open app store from subcomponents\n   */\n  private handleOpenAppStore(event: any) {\n    this.openOnTheAppStore.emit({ url: event.detail.url });\n  }\n\n  render() {\n    if (!this.data || !this.sections || this.sections.length === 0) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <ch-tab-render\n          class={{\n            scrollable: true,\n            tab: true,\n            [MAIN_SECTION_CLASSES]: true\n          }}\n          tabListPosition=\"block-start\"\n          model={this.tabModel}\n          selectedId={WEB_APPS_TAB_SELECTOR}\n          overflow=\"auto\"\n          contain=\"size\"\n        >\n          <div\n            slot={WEB_APPS_TAB_SELECTOR}\n            class={{ \"web-apps\": true, [TAB_SLOT_SPACING_BODY_SELECTOR]: true }}\n            part=\"tab-button-web-apps\"\n          >\n            <gx-ide-launchpad-web-apps\n              objects={\n                this.sections.find(s => s.id === \"web-apps\")?.objects || []\n              }\n              {...({\n                onObjectSelected: (event: any) =>\n                  this.handleObjectSelection(event)\n              } as any)}\n              {...({\n                onCopyToClipboard: (event: any) =>\n                  this.handleCopyToClipboard(event)\n              } as any)}\n            />\n          </div>\n\n          <div\n            slot={NATIVE_APPS_TAB_SELECTOR}\n            class={{\n              \"native-apps\": true,\n              [TAB_SLOT_SPACING_BODY_SELECTOR]: true\n            }}\n            part=\"tab-button-native-apps\"\n          >\n            <gx-ide-launchpad-native-apps\n              objects={\n                this.sections.find(s => s.id === \"native-apps\")?.objects || []\n              }\n              {...({\n                onObjectSelected: (event: any) =>\n                  this.handleObjectSelection(event)\n              } as any)}\n              {...({\n                onCopyToClipboard: (event: any) =>\n                  this.handleCopyToClipboard(event)\n              } as any)}\n              {...({\n                onOpenOnTheAppStore: (event: any) =>\n                  this.handleOpenAppStore(event)\n              } as any)}\n            />\n          </div>\n\n          <div\n            slot={APIS_TAB_SELECTOR}\n            class={{ apis: true, [TAB_SLOT_SPACING_BODY_SELECTOR]: true }}\n            part=\"tab-button-apis\"\n          >\n            <gx-ide-launchpad-apis\n              apis={this.sections.find(s => s.id === \"apis\")?.apis || []}\n              {...({\n                onObjectSelected: (event: any) =>\n                  this.handleObjectSelection(event)\n              } as any)}\n              {...({\n                onCopyToClipboard: (event: any) =>\n                  this.handleCopyToClipboard(event)\n              } as any)}\n            />\n          </div>\n        </ch-tab-render>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-aad714a5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["fileUploaderCss","PLUS_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","FileUploader","_FileUploader__componentLocale","set","this","_FileUploader_fileInputEl","_FileUploader_dragCounter","_FileUploader_generateId","Math","random","toString","substr","_FileUploader_handleDragEnter","e","preventDefault","stopPropagation","__classPrivateFieldSet","_a","__classPrivateFieldGet","isDragging","_FileUploader_handleDragLeave","_FileUploader_handleDragOver","_FileUploader_handleDrop","files","dataTransfer","_FileUploader_handleFiles","call","_FileUploader_handleFileSelect","click","_FileUploader_handleFileInput","target","validFiles","_FileUploader_instances","_FileUploader_getValidFiles","forEach","async","file","id","fileState","pending","progress","multiple","fileStates","clear","Map","uploadFunction","uploadPromise","state","get","updatedState","Object","assign","stateWithPromise","result","success","remoteId","fileUploadedCallback","originalName","error","_b","errors","upload","Error","message","value","_FileUploader_handleNameChange","event","detail","updatedFile","trim","isEditing","fileRenamedCallback","fileId","newName","_FileUploader_handleFileCancel","cancel","cancelUploadFunction","uploadCancelledCallback","delete","fileToDelete","shouldDelete","onBeforeDelete","_c","fileDeletedCallback","_d","fileDeletionErrorCallback","fileName","_FileUploader_handleConfirm","hasPendingUploads","Array","from","values","some","uploadedFiles","filter","isValid","map","length","dialogConfirmedCallback","_FileUploader_handleCancel","entries","dialogCanceledCallback","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","class","model","type","accept","types","startsWith","join","onChange","ref","tabIndex","style","display","size","onDragEnter","onDragLeave","onDragOver","onDrop","onClick","src","header","uploadButtonMultiple","uploadButtonSingle","label","orText","_e","dragAndDrop","_f","acceptedFiles","replace","_g","allFilesAccepted","_h","fileList","attachedFiles","_j","filesCount","_k","_l","key","editable","canEditName","onFileNameChange","onFileDelete","onFileCancel","_m","buttons","disabled","_o","confirm","includes","baseType","split","toLowerCase","endsWith","invalidFileType","validation","_FileUploader_isValidFile","push","fileValidationErrorCallback"],"sources":["src/components/file-uploader/file-uploader.scss?tag=gx-ide-file-uploader&encapsulation=shadow","src/components/file-uploader/file-uploader.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  padding-inline-end: 0 !important;\n}\n\n.file-uploader-dialog {\n  display: flex;\n  flex-direction: column;\n  block-size: 100%;\n  position: relative;\n\n  .dialog-content {\n    flex: 1;\n    min-block-size: 0;\n    overflow: auto;\n  }\n\n  .dialog-footer {\n    padding-inline-end: var(--spacing-body-inline-end);\n  }\n}\n\n.file-uploader {\n  display: flex;\n  flex-direction: column;\n  inline-size: 100%;\n  block-size: 100%;\n\n  &__list {\n    display: flex;\n    flex-direction: column;\n    inline-size: 100%;\n    block-size: 100%;\n\n    &-header {\n      position: sticky;\n      top: 0;\n      z-index: 1;\n      background-color: var(--color-accent-surface-elevation-1);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding-inline-end: var(--spacing-body-inline-end);\n    }\n\n    &-content {\n      flex: 1;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-gap-m);\n      padding-inline-end: var(--spacing-body-inline-end);\n      padding-block-end: 16px;\n    }\n  }\n\n  &__list-title-container {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-gap-xs);\n    white-space: nowrap;\n  }\n\n  &__drop-zone {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    inline-size: calc(100% - var(--spacing-body-inline-end));\n    block-size: calc(100% - 12px);\n    min-block-size: 200px;\n    margin-block-end: 12px;\n    background: var(--color-accent-surface-elevation-1);\n    border: 2px dashed var(--color-border-neutral-default);\n    border-radius: 8px;\n    transition:\n      border-color 0.3s ease,\n      background-color 0.3s ease,\n      opacity 0.3s ease;\n\n    &--dragging {\n      border-color: var(--color-accent-primary-default);\n      background: var(--color-accent-primary-hover);\n      opacity: 0.7;\n    }\n\n    .text-container {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--spacing-gap-xs);\n      margin-block-start: 8px;\n    }\n  }\n}\n\n.hidden-input {\n  display: none;\n}\n\n.label-primary-row {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n}\n","/* eslint-disable @stencil-community/own-methods-must-be-private */\n/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { UploadedFile, FileUploadState, UploadResult } from \"./types\";\n\nconst PLUS_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"add\",\n  colorType: \"primary\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"components/list-box\",\n  \"components/edit\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/elevation\",\n  \"chameleon/scrollbar\"\n];\n\ntype FileValidationResult = {\n  isValid: boolean;\n  error?: string;\n};\n\n@Component({\n  tag: \"gx-ide-file-uploader\",\n  styleUrl: \"file-uploader.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/file-uploader\"]\n})\nexport class FileUploader {\n  #_componentLocale: any;\n  #fileInputEl!: HTMLInputElement;\n\n  @Element() el!: HTMLGxIdeFileUploaderElement;\n\n  /** Allowed file types/extensions (e.g. ['.jpg', '.png', 'image/*', 'application/pdf']) */\n  @Prop() readonly types?: string[] = [];\n\n  /** Whether multiple files can be selected */\n  @Prop() readonly multiple: boolean = false;\n\n  /** Whether file names can be edited */\n  @Prop() readonly canEditName: boolean = false;\n\n  /** Label to display in the uploader dialog */\n  @Prop() readonly label?: string;\n\n  /** Function to handle file upload */\n  @Prop() readonly uploadFunction!: (\n    file: File,\n    progressCallback: (progress: number) => void\n  ) => Promise<UploadResult>;\n\n  /** Function to cancel file upload */\n  @Prop() readonly cancelUploadFunction?: (fileId: string) => Promise<void>;\n\n  /** Callback when a file is uploaded successfully */\n  @Prop() readonly fileUploadedCallback?: (file: UploadedFile) => Promise<void>;\n\n  /** Callback when the dialog is canceled */\n  @Prop() readonly dialogCanceledCallback?: () => Promise<void>;\n\n  /** Callback when the dialog is confirmed with files */\n  @Prop() readonly dialogConfirmedCallback?: (\n    files: UploadedFile[]\n  ) => Promise<void>;\n\n  /** Callback when upload is cancelled */\n  @Prop() readonly uploadCancelledCallback?: (fileId: string) => Promise<void>;\n\n  /** Callback when file is renamed */\n  @Prop() readonly fileRenamedCallback?: (data: {\n    fileId: string;\n    newName: string;\n  }) => Promise<void>;\n\n  /** Callback when a file validation error occurs */\n  @Prop() readonly fileValidationErrorCallback?: (data: {\n    fileName: string;\n    error: string;\n  }) => Promise<void>;\n\n  /** Callback when a file deletion error occurs */\n  @Prop() readonly fileDeletionErrorCallback?: (data: {\n    fileName: string;\n    error: string;\n  }) => Promise<void>;\n\n  /** Callback when a file is deleted */\n  @Prop() readonly fileDeletedCallback?: (file: UploadedFile) => Promise<void>;\n\n  /** Callback before deleting a file to get confirmation */\n  @Prop() readonly onBeforeDelete?: (file: UploadedFile) => Promise<boolean>;\n\n  @State() private fileStates: Map<string, FileUploadState> = new Map();\n  @State() private isDragging: boolean = false;\n  #dragCounter = 0;\n\n  /** Initializes component with locale strings */\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /** Generates a unique ID for file identification */\n  #generateId = (): string => {\n    return Math.random().toString(36).substr(2, 9);\n  };\n\n  /** Validates if a file matches the allowed types */\n  #isValidFile(file: File): FileValidationResult {\n    // If no types specified, accept any file\n    if (!this.types || this.types.length === 0) {\n      return { isValid: true };\n    }\n\n    for (const type of this.types) {\n      // Handle wildcards like 'image/*'\n      if (type.includes(\"/*\")) {\n        const baseType = type.split(\"/\")[0];\n        if (file.type.startsWith(baseType)) {\n          return { isValid: true };\n        }\n      }\n      // Handle extensions like '.jpg'\n      else if (type.startsWith(\".\")) {\n        if (file.name.toLowerCase().endsWith(type.toLowerCase())) {\n          return { isValid: true };\n        }\n      }\n      // Handle specific MIME types\n      else if (file.type === type || file.type === `application/${type}`) {\n        return { isValid: true };\n      }\n    }\n\n    return {\n      isValid: false,\n      error:\n        this.#_componentLocale?.errors?.invalidFileType || \"Invalid file type\"\n    };\n  }\n\n  /** Filters valid files from a FileList */\n  #getValidFiles(files: FileList): File[] {\n    const validFiles: File[] = [];\n\n    Array.from(files).forEach(file => {\n      const validation = this.#isValidFile(file);\n      if (validation.isValid) {\n        validFiles.push(file);\n      } else {\n        this.fileValidationErrorCallback?.({\n          fileName: file.name,\n          error: validation.error\n        });\n      }\n    });\n\n    return validFiles;\n  }\n\n  /** Handles drag enter event */\n  #handleDragEnter = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.#dragCounter++;\n    this.isDragging = true;\n  };\n\n  /** Handles drag leave event */\n  #handleDragLeave = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.#dragCounter--;\n    if (this.#dragCounter === 0) {\n      this.isDragging = false;\n    }\n  };\n\n  /** Handles drag over event */\n  #handleDragOver = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  /** Handles drop event */\n  #handleDrop = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = false;\n    this.#dragCounter = 0;\n\n    const files = e.dataTransfer?.files;\n    if (files) {\n      this.#handleFiles(files);\n    }\n  };\n\n  /** Triggers file input click */\n  #handleFileSelect = () => {\n    this.#fileInputEl?.click();\n  };\n\n  /** Handles file input change event */\n  #handleFileInput = (e: Event) => {\n    const files = (e.target as HTMLInputElement).files;\n    if (files) {\n      this.#handleFiles(files);\n    }\n  };\n\n  /** Processes files and starts upload */\n  #handleFiles = (files: FileList) => {\n    const validFiles: File[] = this.#getValidFiles(files);\n\n    validFiles.forEach(async file => {\n      const id = this.#generateId();\n      const fileState: FileUploadState = {\n        id,\n        name: file.name,\n        file,\n        pending: true,\n        progress: 0\n      };\n\n      if (!this.multiple) {\n        this.fileStates.clear();\n      }\n\n      this.fileStates = new Map(this.fileStates.set(id, fileState));\n\n      if (this.uploadFunction) {\n        try {\n          const uploadPromise = this.uploadFunction(file, progress => {\n            const state = this.fileStates.get(id);\n            if (state) {\n              const updatedState = {\n                ...state,\n                progress: progress,\n                pending: progress < 100\n              };\n              this.fileStates = new Map(this.fileStates.set(id, updatedState));\n            }\n          });\n\n          // Store the upload promise/object for potential cancellation\n          const stateWithPromise = {\n            ...this.fileStates.get(id),\n            uploadPromise\n          };\n          this.fileStates = new Map(this.fileStates.set(id, stateWithPromise));\n\n          const result = await uploadPromise;\n\n          const state = this.fileStates.get(id);\n          if (state) {\n            if (result.success && result.remoteId) {\n              const updatedState = {\n                ...state,\n                remoteId: result.remoteId,\n                pending: false,\n                progress: 100\n              };\n              this.fileStates = new Map(this.fileStates.set(id, updatedState));\n\n              await this.fileUploadedCallback?.({\n                name: state.name,\n                originalName: state.file.name,\n                remoteId: result.remoteId\n              });\n            } else {\n              const updatedState = {\n                ...state,\n                error: result.errors?.upload || \"Upload failed\",\n                pending: false\n              };\n              this.fileStates = new Map(this.fileStates.set(id, updatedState));\n            }\n          }\n        } catch (error) {\n          const state = this.fileStates.get(id);\n          if (state) {\n            const updatedState = {\n              ...state,\n              error:\n                error instanceof Error\n                  ? error.message\n                  : \"Unknown error occurred\",\n              pending: false\n            };\n            this.fileStates = new Map(this.fileStates.set(id, updatedState));\n          }\n        }\n      }\n    });\n\n    if (this.#fileInputEl) {\n      this.#fileInputEl.value = \"\";\n    }\n  };\n\n  /** Handles file name change */\n  #handleNameChange = async (\n    event: CustomEvent<{ id: string; name: string }>\n  ) => {\n    const { id, name } = event.detail;\n    const file = this.fileStates.get(id);\n\n    if (file) {\n      const updatedFile = {\n        ...file,\n        name: name.trim(),\n        isEditing: false\n      };\n\n      this.fileStates = new Map(this.fileStates.set(id, updatedFile));\n      await this.fileRenamedCallback?.({ fileId: id, newName: name.trim() });\n    }\n  };\n\n  /** Handles individual file cancellation or deletion */\n  #handleFileCancel = async (event: CustomEvent<string>) => {\n    const id = event.detail;\n    const state = this.fileStates.get(id);\n    if (state) {\n      try {\n        if (state.pending) {\n          // Cancel upload in progress\n          if (\n            state.uploadPromise &&\n            typeof state.uploadPromise.cancel === \"function\"\n          ) {\n            state.uploadPromise.cancel();\n          } else if (this.cancelUploadFunction) {\n            await this.cancelUploadFunction(id);\n          }\n\n          await this.uploadCancelledCallback?.(id);\n\n          this.fileStates.delete(id);\n          this.fileStates = new Map(this.fileStates);\n        } else {\n          const fileToDelete: UploadedFile = {\n            name: state.name,\n            originalName: state.file.name,\n            remoteId: state.remoteId\n          };\n\n          const shouldDelete = await this.onBeforeDelete?.(fileToDelete);\n\n          if (shouldDelete) {\n            await this.fileDeletedCallback?.(fileToDelete);\n            this.fileStates.delete(id);\n            this.fileStates = new Map(this.fileStates);\n          }\n        }\n      } catch (error) {\n        await this.fileDeletionErrorCallback?.({\n          fileName: state.name,\n          error:\n            error instanceof Error ? error.message : \"Unknown error occurred\"\n        });\n      }\n    }\n  };\n\n  /** Handles dialog confirmation */\n  #handleConfirm = async () => {\n    // Verificar si hay subidas en progreso\n    const hasPendingUploads = Array.from(this.fileStates.values()).some(\n      file => file.pending\n    );\n\n    if (hasPendingUploads) {\n      return; // No permitir confirmar si hay subidas en progreso\n    }\n\n    // Obtener todos los archivos que están completamente subidos\n    const uploadedFiles: UploadedFile[] = Array.from(this.fileStates.values())\n      .filter(file => {\n        const isValid = !file.pending && file.remoteId && !file.error;\n        return isValid;\n      })\n      .map(file => ({\n        name: file.name,\n        originalName: file.file.name,\n        remoteId: file.remoteId as string\n      }));\n\n    if (uploadedFiles.length > 0) {\n      await this.dialogConfirmedCallback?.(uploadedFiles);\n    }\n\n    // Clear file states\n    this.fileStates.clear();\n    this.fileStates = new Map();\n\n    // Reset file input\n    if (this.#fileInputEl) {\n      this.#fileInputEl.value = \"\";\n    }\n  };\n\n  /** Handles dialog cancellation */\n  #handleCancel = async () => {\n    try {\n      // Cancelamos todas las subidas en progreso\n      for (const [id, state] of this.fileStates.entries()) {\n        if (state.pending && this.cancelUploadFunction) {\n          try {\n            await this.cancelUploadFunction(id);\n            await this.uploadCancelledCallback?.(id);\n          } catch (error) {\n            // Error handling for upload cancellation\n          }\n        }\n      }\n\n      // Limpiamos todos los estados\n      this.fileStates.clear();\n      this.fileStates = new Map();\n\n      if (this.#fileInputEl) {\n        this.#fileInputEl.value = \"\";\n      }\n\n      await this.dialogCanceledCallback?.();\n    } catch (error) {\n      this.fileStates.clear();\n      this.fileStates = new Map();\n      await this.dialogCanceledCallback?.();\n    }\n  };\n\n  /** Clears the current file selection */\n  @Method()\n  async clear() {\n    for (const [id, state] of this.fileStates.entries()) {\n      if (state.pending && this.cancelUploadFunction) {\n        try {\n          await this.cancelUploadFunction(id);\n          await this.uploadCancelledCallback?.(id);\n        } catch (error) {\n          // Error handling for upload cancellation\n        }\n      }\n    }\n    this.fileStates.clear();\n  }\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <input\n          type=\"file\"\n          class=\"hidden-input\"\n          multiple={this.multiple}\n          accept={this.types\n            ?.map(type => (type.startsWith(\".\") ? type : `.${type}`))\n            .join(\",\")}\n          onChange={this.#handleFileInput}\n          ref={el => (this.#fileInputEl = el as HTMLInputElement)}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          style={{ display: \"none\" }}\n        />\n        <div class=\"file-uploader-dialog\">\n          <div class=\"dialog-content\">\n            {this.isDragging || this.fileStates.size === 0 ? (\n              <div\n                class={{\n                  \"file-uploader__drop-zone\": true,\n                  \"file-uploader__drop-zone--dragging\": this.isDragging\n                }}\n                onDragEnter={this.#handleDragEnter}\n                onDragLeave={this.#handleDragLeave}\n                onDragOver={this.#handleDragOver}\n                onDrop={this.#handleDrop}\n              >\n                <button\n                  class=\"button-tertiary button-icon-and-text\"\n                  type=\"button\"\n                  onClick={this.#handleFileSelect}\n                >\n                  <ch-image class=\"icon-m\" src={PLUS_ICON}></ch-image>\n                  <label class=\"label\">\n                    {this.multiple\n                      ? this.#_componentLocale?.header.uploadButtonMultiple\n                      : this.#_componentLocale?.header.uploadButtonSingle}\n                  </label>\n                </button>\n                <div class=\"text-container\">\n                  <div class=\"label-primary-row\">\n                    <label class=\"label\">\n                      {this.label || this.#_componentLocale?.header.orText}\n                    </label>\n                    <label class=\"label\">\n                      {this.#_componentLocale?.header.dragAndDrop}\n                    </label>\n                  </div>\n                  <span class=\"caption\">\n                    {this.types && this.types.length > 0\n                      ? this.#_componentLocale?.header.acceptedFiles.replace(\n                          \"{0}\",\n                          this.types.join(\", \")\n                        )\n                      : this.#_componentLocale?.header.allFilesAccepted}\n                  </span>\n                </div>\n              </div>\n            ) : (\n              <div class=\"file-uploader__list\">\n                <div class=\"file-uploader__list-header spacing-body-block-end\">\n                  <div class=\"file-uploader__list-title-container\">\n                    <label class=\"label\">\n                      {this.label ||\n                        this.#_componentLocale?.fileList.attachedFiles}\n                    </label>\n                    <span class=\"caption\">\n                      {this.#_componentLocale?.fileList.filesCount.replace(\n                        \"{0}\",\n                        this.fileStates.size.toString()\n                      )}\n                    </span>\n                  </div>\n                  {this.multiple && (\n                    <button\n                      class=\"button-tertiary button-icon-and-text\"\n                      type=\"button\"\n                      onClick={this.#handleFileSelect}\n                    >\n                      <ch-image class=\"icon-m\" src={PLUS_ICON}></ch-image>\n                      <label class=\"label\">\n                        {this.multiple\n                          ? this.#_componentLocale?.header.uploadButtonMultiple\n                          : this.#_componentLocale?.header.uploadButtonSingle}\n                      </label>\n                    </button>\n                  )}\n                </div>\n                <div class=\"file-uploader__list-content scrollable\">\n                  {Array.from(this.fileStates.values()).map(file => (\n                    <gx-ide-file-item\n                      key={file.id}\n                      file={file}\n                      editable={this.canEditName}\n                      onFileNameChange={this.#handleNameChange}\n                      onFileDelete={this.#handleFileCancel}\n                      onFileCancel={this.#handleFileCancel}\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n          <div class=\"dialog-footer dialog-footer dialog-footer-with-border\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                type=\"button\"\n                onClick={this.#handleCancel}\n              >\n                {this.#_componentLocale?.buttons.cancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                type=\"button\"\n                onClick={this.#handleConfirm}\n                disabled={\n                  this.fileStates.size === 0 ||\n                  Array.from(this.fileStates.values()).some(\n                    file => file.pending\n                  )\n                }\n              >\n                {this.#_componentLocale?.buttons.confirm}\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}